1、對產品的框架而言,在手機環境中,考慮應用場景和硬件設備,更適合淺而窄的方式。淺的產品框架可以縮短用戶的尋找時間;窄的產品框架可以突出對用戶來說重要的內容。
2、在達到產品扁平化設計之前,要甄別出用戶需要的核心內容,使核心內容的路徑扁平化,提升產品的連續性和效率。(核心內容的扁平化處理)
1、移動應用 導航的設計模式
在設計產品的時候,需要規劃好產品框架的深度和廣度,確定最合適的模式,建立良好的導航模式。
空間維度:頁面前后+上下左右的組合
舉例-導航在頁面上下,處于頁面前端;或者導航位于頁面左右,隱藏在頁面后方
幾種典型的導航設計:
①標簽式:可在幾類信息之間來回跳轉,信息優先級較高;例如淘寶等
適用:入口選項數目不多、用戶需要在選項之間來回切換
不適合:過于復雜或者過于穩定的結構
擴展形式:突出設計需要展示的核心內容按鈕,增加功能設計的交互
②輻射式:將全應用信息進行獨立分類,做到信息互斥,類別各自獨立入口,內容間基本并列;例如360云盤
適用:分類清晰,入口獨立且固定
不適合:在交叉類別中使用
③列表式:以表格為容器,裝載文字圖標、并指向相關內容的一種導航神器。以文字表述為主,內容較多,相對沒那么重要。通常最上方的位置信息更重要,比如扣扣好友分組,當列表達到一定數量以后可再進行分組,形成樹狀列表。
④平鋪式:是一種簡單的層級框架,適用于少而精的內容和隨意瀏覽的頁面,易于實用滑動即可,界面占用空間少。如天氣預報。
缺點:無法立即跳到非相鄰頁面,不適合較多頁面的加載。
⑤抽屜式:以當前內容為核心展示的應用,
注意:隱藏的導航內容需要用更好地方式調出,比如手勢。
⑥點聚式:當層次框架比較復雜,幾個并列的模塊中都有用戶頻繁使用的核心內容時,通過一個點的方式,匯聚這些入口,讓界面空間更開闊
需要核心點來展示,需要良好的引導
⑦其他影響因素
除了自身的業務需求,還需要考慮:
用戶待機和拇指使用
擴展屏幕之外的導航:空間邊緣的合理利用
不同平臺系統的框架設計和硬件配置
界面可視化:框架可視化、內容信息的可視化
制作一份比較規范的移動產品交互文檔,需要包括:
1項目概要
2流程圖
整個產品的框架流程,在制作產品前就制作出產品的流程,能夠對產品有一個整體上的把握,避免出現一些邏輯問題。
3交互原型
交互設計師制作的可以操作的原型,通過動態面板、添加觸發事件、條件、動作等生成網頁后可以直接操作。
4交互說明
是在交互原型的界面基礎上,對界面的操作結果、異常流程做詳細說明
以上,是一份規范文檔的設計思路,設計師們可以根據自己的團隊、業務特點整理出自己的原型規范。
學習用axture畫圖