最近工作需要建椰,要總結(jié)iOS設(shè)計要點棍矛,因此將我的總結(jié)發(fā)表如下:
一 啟動
1.盡量避免使用閃屏或其他啟動操作,用戶可立即使用是最好的體驗
2.盡量避免啟動時讓用戶設(shè)定或錄入信息
3.盡量讓用戶晚一點登錄
4.盡量避免新手指引,只給用戶最必須的指引
5.不要太早讓用戶評分
二 導(dǎo)航
1.導(dǎo)航的三種結(jié)構(gòu)鸦采,層級/扁平/內(nèi)容驅(qū)動
2.用戶應(yīng)該清楚自己所在的位置
三 模態(tài)情景
1.盡量避免使用模態(tài)情景
2.模態(tài)情景應(yīng)簡單/簡短/高度聚焦
3.始終提供明顯/安全的推出模態(tài)情景的方式
四 交互和反饋
1.為暗示交互性篙骡,可使用一些設(shè)計線索稽坤,包括點擊的反饋/顏色/位置/上下文/表意明確的圖標(biāo)和標(biāo)簽,并不需要過于修飾元素來向用戶展示可交互性
2.避免對交互控件和非交互控件采用同一顏色
五設(shè)計原則
一致性
與iOS標(biāo)準(zhǔn)一致糯俗;應(yīng)用內(nèi)部同一尿褪;與先前的版本一致
六 原型和迭代
在投入工程資源實現(xiàn)設(shè)計之前,最好對原型進(jìn)行用戶測試
七 UI元素簡介
7.1欄
7.1.1狀態(tài)欄
1.不要創(chuàng)建自定義狀態(tài)欄
2.避免滾動內(nèi)容直接透過狀態(tài)欄顯示
3.避免在狀態(tài)欄后疊加會分散注意力的內(nèi)容
4.隱藏狀態(tài)欄時要甚至慎重(沉浸模式可隱藏)
7.1.2導(dǎo)航欄
1.避免用過多控件填滿導(dǎo)航欄
2.當(dāng)用戶到達(dá)一個新層級時得湘,導(dǎo)航欄需做出改變
7.1.3工具欄
工具欄中放著用于操作當(dāng)前屏幕中各種對象的控件
1.工具欄中應(yīng)放置用戶最常用的指令杖玲,盡量避免提供用戶偶爾會使用到的指令
2.3個以上工具控件考慮使用圖標(biāo)
3.保證工具欄文字按鈕之間有足夠的間距
7.1.4標(biāo)簽欄
1.標(biāo)簽欄位于屏幕底部,并應(yīng)保證處于應(yīng)用任何位置都可用
2.一般而言淘正,使用標(biāo)簽欄組織整個應(yīng)用的信息架構(gòu)
3.不要使用標(biāo)簽來讓用戶執(zhí)行對于當(dāng)前應(yīng)用屏幕內(nèi)容的操作
4.即時標(biāo)簽當(dāng)前不可用摆马,也不要將其刪除
5.避免讓過多標(biāo)簽填滿標(biāo)簽欄,最多5個標(biāo)簽
7.1.5搜索欄(注意Android規(guī)范無搜索欄)
1.搜索欄獲取用戶輸入的文本跪帝,以作為搜索的關(guān)鍵字
2.范圍欄與搜索欄共同出現(xiàn)今膊,它讓用戶可定義搜索結(jié)果的范圍
7.2 內(nèi)容視圖
7.2.1活動
每個活動標(biāo)識系統(tǒng)提供的或自定義的服務(wù),比如打印/轉(zhuǎn)發(fā)/發(fā)送信息
7.2.2集合視圖
集合視圖用于管理一系列有序的項伞剑,并以一種自定義的布局來呈現(xiàn)他們斑唬,如照片查看器
1.表格更適用時,不要使用集合視圖
2.讓視圖中的選項更容易選中
7.2.3圖片視圖
展示一張單獨圖片黎泣,默認(rèn)狀態(tài)下不支持用戶交互
7.2.4地圖視圖
允許用戶在視圖中進(jìn)行交互
7.2.5浮出層
浮出層是用戶點擊某個控件或頁面某一區(qū)域時浮出的恕刘,半透明的臨時視圖
1.一般來說,當(dāng)用戶點擊浮出層以外區(qū)域時抒倚,浮出層消失褐着,并保存浮出層內(nèi)容
2.讓浮出層箭頭直接指向其出處
3.確保同一時間內(nèi)屏幕上只有一個浮出層、
4.不要在浮出層上展示模態(tài)視圖
5.可能的話托呕,讓用戶僅點擊一下就可關(guān)閉一個浮出層并開啟下一個浮出層
6.浮出層不宜太大含蓉,尤其不能占滿整個屏幕
7.2.6滾動視圖
滾動視圖支持用戶瀏覽尺寸超過滾動視圖邊界的圖片
一般來說频敛,一次只展示一個滾動視圖
7.2.7表格視圖
表格視圖以可滾動的單列多行的形式來展示數(shù)據(jù)
7.2.8文本視圖
始終保持文本的易讀性
根據(jù)輸入內(nèi)容的類型來指定不同的鍵盤類型
7.2.9網(wǎng)絡(luò)視圖
即常說的html頁面
不要將頁面做的類似與小型的網(wǎng)絡(luò)瀏覽器
未完待續(xù)...