Android UI 設(shè)計(jì)謹(jǐn)記

0 評(píng)論 1731 瀏覽 4 收藏 5 分鐘

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!