五月|移動設計

1、對產品的框架而言,在手機環境中,考慮應用場景和硬件設備,更適合淺而窄的方式。淺的產品框架可以縮短用戶的尋找時間;窄的產品框架可以突出對用戶來說重要的內容。

2、在達到產品扁平化設計之前,要甄別出用戶需要的核心內容,使核心內容的路徑扁平化,提升產品的連續性和效率。(核心內容的扁平化處理)


1、移動應用 導航的設計模式

在設計產品的時候,需要規劃好產品框架的深度和廣度,確定最合適的模式,建立良好的導航模式。

空間維度:頁面前后+上下左右的組合

舉例-導航在頁面上下,處于頁面前端;或者導航位于頁面左右,隱藏在頁面后方

幾種典型的導航設計:

①標簽式:可在幾類信息之間來回跳轉,信息優先級較高;例如淘寶等

適用:入口選項數目不多、用戶需要在選項之間來回切換

不適合:過于復雜或者過于穩定的結構

擴展形式:突出設計需要展示的核心內容按鈕,增加功能設計的交互

②輻射式:將全應用信息進行獨立分類,做到信息互斥,類別各自獨立入口,內容間基本并列;例如360云盤

適用:分類清晰,入口獨立且固定

不適合:在交叉類別中使用

③列表式:以表格為容器,裝載文字圖標、并指向相關內容的一種導航神器。以文字表述為主,內容較多,相對沒那么重要。通常最上方的位置信息更重要,比如扣扣好友分組,當列表達到一定數量以后可再進行分組,形成樹狀列表。

④平鋪式:是一種簡單的層級框架,適用于少而精的內容和隨意瀏覽的頁面,易于實用滑動即可,界面占用空間少。如天氣預報。

缺點:無法立即跳到非相鄰頁面,不適合較多頁面的加載。

⑤抽屜式:以當前內容為核心展示的應用,

注意:隱藏的導航內容需要用更好地方式調出,比如手勢。

⑥點聚式:當層次框架比較復雜,幾個并列的模塊中都有用戶頻繁使用的核心內容時,通過一個點的方式,匯聚這些入口,讓界面空間更開闊

需要核心點來展示,需要良好的引導

⑦其他影響因素

除了自身的業務需求,還需要考慮:

用戶待機和拇指使用

擴展屏幕之外的導航:空間邊緣的合理利用

不同平臺系統的框架設計和硬件配置

界面可視化:框架可視化、內容信息的可視化


制作一份比較規范的移動產品交互文檔,需要包括:

1項目概要

主要包括內容

2流程圖

整個產品的框架流程,在制作產品前就制作出產品的流程,能夠對產品有一個整體上的把握,避免出現一些邏輯問題。

3交互原型

交互設計師制作的可以操作的原型,通過動態面板、添加觸發事件、條件、動作等生成網頁后可以直接操作。

4交互說明

是在交互原型的界面基礎上,對界面的操作結果、異常流程做詳細說明

以上,是一份規范文檔的設計思路,設計師們可以根據自己的團隊、業務特點整理出自己的原型規范。


學習用axture畫圖

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,837評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,196評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,688評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,654評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,456評論 6 406
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,955評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,044評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,195評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,725評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,608評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,802評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,318評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,048評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,422評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,673評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,424評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,762評論 2 372

推薦閱讀更多精彩內容