Android UI 設(shè)計(jì)謹(jǐn)記
![](http://image.woshipm.com/wp-files/img/102.jpg)
Android的官方開發(fā)者博客發(fā)了一份幻燈片,介紹了一些Android UI設(shè)計(jì)的小貼士,Roger在這里以看圖說話的形式發(fā)出來,有興趣的讀者就繼續(xù)往下翻吧。整個(gè)PPT共分5個(gè)部分,Part I 翻譯的是前兩個(gè)部分。
作為開發(fā)者,為啥我們要關(guān)心UI,前面的一堆通通可以忽略掉,直接跳到最后一條。因?yàn)楹玫腢I設(shè)計(jì)可以幫助我們賣出更多拷貝,賺到更多錢^_^
Don’t:
1>不要照搬你在其它平臺(tái)的UI設(shè)計(jì),應(yīng)該讓用戶感覺是在真正使用一個(gè) Android 軟件,在你的商標(biāo)顯示和平臺(tái)整體觀感之間做好平衡
2>不要過度使用模態(tài)對(duì)話框
3>不要使用固定的絕對(duì)定位的布局
4>不要使用px單位,使用dp或者為文本使用sp
5> 不要使用太小的字體
Do:
1> 為高分辨率的屏幕創(chuàng)建資源(縮小總比放大好)
2> 需要點(diǎn)擊的元素要夠大
3> 圖標(biāo)設(shè)計(jì)遵循 Android 的準(zhǔn)則
4> 使用適當(dāng)?shù)拈g距(margins, padding)
5> 支持D-pad和trackball導(dǎo)航
6> 正確管理活動(dòng)(activity)堆棧
7> 正確處理屏幕方向變化
8> 使用主題/樣式,尺寸和顏色資源來減少多余的值
9>和視覺交互設(shè)計(jì)師合作!!!
設(shè)計(jì)哲學(xué):
1> 干凈而不過于簡(jiǎn)單
2> 關(guān)注內(nèi)容而非修飾
3> 保存一致,讓用戶容易投入其中,可附加少許變化
4> 使用云端服務(wù)(存儲(chǔ)和同步用戶資料)來加強(qiáng)用戶體驗(yàn)
優(yōu)秀界面的設(shè)計(jì)準(zhǔn)則:
1> 關(guān)注用戶
2> 顯示正確的內(nèi)容
3> 給予用戶適當(dāng)?shù)幕仞?/p>
4> 有章可循的行為模式
5> 容忍錯(cuò)誤
關(guān)注用戶:
1> 了解你的用戶(年齡,技能,文化,對(duì)你的應(yīng)用的需求,使用的設(shè)備,何時(shí)何地如何使用設(shè)備)
2> ‘用戶優(yōu)先’的設(shè)計(jì)心態(tài) (用戶通常是任務(wù)導(dǎo)向的行為模式)
3> 更早,更頻繁的由真實(shí)用戶來測(cè)試
顯示正確的內(nèi)容:
1> 最常用的操作需要最快被用戶看到并且可用
2> 不太常用的功能可以放到菜單里面
給予用戶適當(dāng)?shù)幕仞仯?/strong>
1> 交互式的UI元素最少需要反映出4種不同的狀態(tài) (default,disabled,focused,pressed)
2> 保證操作的結(jié)果是清晰可見的
3> 多給予用戶進(jìn)度提示,但是不要干擾他們當(dāng)前的操作
有章可循的行為模式:
1> 行為模式遵循用戶的期望(正確的操作活動(dòng)堆棧,顯示用戶期望看到的信息和動(dòng)作)
2> 使用合適的方式來加強(qiáng)功能可見性(可點(diǎn)擊的元素就應(yīng)該看起來是可以點(diǎn)擊的)
3> 如果用戶完成一項(xiàng)任務(wù)需要復(fù)雜的操作,重新思考你的設(shè)計(jì)!!!
容忍錯(cuò)誤:
1> 只允許有意義的操作(適當(dāng)禁用一些按鈕)
2> 盡量減少不可回退的操作
3> 允許回退(undo)比使用確定對(duì)話框更好(實(shí)際上,應(yīng)該盡量少用確定對(duì)話框,它對(duì)用戶是一種干擾)
如果錯(cuò)誤是可能發(fā)生的,那它就一定會(huì)發(fā)生。
設(shè)計(jì)考量:
1>屏幕的物理尺寸
2>屏幕密度
3> 屏幕的方向(豎向和橫向)
4>主要的UI交互方式(觸屏還是使用D-pad/trackball)
5>軟鍵盤還是物理鍵盤
6>了解不同設(shè)備之間的相異之處是非常重要的!
7>閱讀CDD,學(xué)習(xí)設(shè)備可能差異的地方
8>了解屏幕尺寸和密度分類
來源:http://www.ucd-grow01.com/?p=115
- 目前還沒評(píng)論,等你發(fā)揮!