Android UI祕笈:謹記該作什麼不應作什麼

做者: ganzhijie 發表於 2010-09-01 13:11 原文連接 閱讀: 12 評論: 0html

Android的官方開發者博客發了一份幻燈片,介紹了一些Android UI設計的小貼士,Roger在這裏以看圖說話的形式發出來,有興趣的讀者就繼續往下翻吧。整個PPT共分5個部分,Part I 翻譯的是前兩個部分。程序員

Android UI祕笈:謹記該作什麼不應作什麼

Android UI祕笈:謹記該作什麼不應作什麼

做爲開發者,爲啥咱們要關心UI,前面的一堆統統能夠忽略掉,直接跳到最後一條。由於好的UI設計能夠幫助咱們賣出更多拷貝,賺到更多錢^_^設計模式

Android UI祕笈:謹記該作什麼不應作什麼

這個PPT 包含5個部分:框架

1>該作什麼,不應作什麼工具

2>設計哲學和考量佈局

3>你必須瞭解的 UI 框架特性學習

4>新的UI 設計模式測試

5>圖標和準則字體

Android UI祕笈:謹記該作什麼不應作什麼

Android UI祕笈:謹記該作什麼不應作什麼

Don’t:網站

1>不要照搬你在其它平臺的UI設計,應該讓用戶感受是在真正使用一個 Android 軟件,在你的商標顯示和平臺總體觀感之間作好平衡

2>不要過分使用模態對話框

3>不要使用固定的絕對定位的佈局

4>不要使用px單位,使用dp或者爲文本使用sp

5> 不要使用過小的字體

Android UI祕笈:謹記該作什麼不應作什麼

Android UI祕笈:謹記該作什麼不應作什麼

Do:

1> 爲高分辨率的屏幕建立資源(縮小總比放大好)

2> 須要點擊的元素要夠大

3> 圖標設計遵循 Android 的準則

4> 使用適當的間距(margins, padding)

5> 支持D-pad和trackball導航

6> 正確管理活動(activity)堆棧

7> 正確處理屏幕方向變化

8> 使用主題/樣式,尺寸和顏色資源來減小多餘的值

9>和視覺交互設計師合做!!!

Android UI祕笈:謹記該作什麼不應作什麼

Android UI祕笈:謹記該作什麼不應作什麼

設計哲學:

1> 乾淨而不過於簡單

2> 關注內容而非修飾

3> 保存一致,讓用戶容易投入其中,可附加少量變化

4> 使用雲端服務(存儲和同步用戶資料)來增強用戶體驗

Android UI祕笈:謹記該作什麼不應作什麼

優秀界面的設計準則:

1> 關注用戶

2> 顯示正確的內容

3> 給予用戶適當的回饋

4> 有章可循的行爲模式

5> 容忍錯誤

Android UI祕笈:謹記該作什麼不應作什麼

關注用戶:

1> 瞭解你的用戶(年齡,技能,文化,對你的應用的需求,使用的設備,什麼時候何地如何使用設備)

2> ‘用戶優先’的設計心態 (用戶一般是任務導向的行爲模式)

3> 更早,更頻繁的由真實用戶來測試

Android UI祕笈:謹記該作什麼不應作什麼

顯示正確的內容:

1> 最經常使用的操做須要最快被用戶看到而且可用

2> 不太經常使用的功能能夠放到菜單裏面

Android UI祕笈:謹記該作什麼不應作什麼

給予用戶適當的回饋:

1> 交互式的UI元素最少須要反映出4種不一樣的狀態 (default,disabled,focused,pressed)

2> 保證操做的結果是清晰可見的

3> 多給予用戶進度提示,可是不要干擾他們當前的操做

Android UI祕笈:謹記該作什麼不應作什麼

Android UI祕笈:謹記該作什麼不應作什麼

有章可循的行爲模式:

1> 行爲模式遵循用戶的指望(正確的操做活動堆棧,顯示用戶指望看到的信息和動做)

2> 使用合適的方式來增強功能可見性(可點擊的元素就應該看起來是能夠點擊的)

3> 若是用戶完成一項任務須要複雜的操做,從新思考你的設計!!!

Android UI祕笈:謹記該作什麼不應作什麼

容忍錯誤:

1> 只容許有意義的操做(適當禁用一些按鈕)

2> 儘可能減小不可回退的操做

3> 容許回退(undo)比使用肯定對話框更好(實際上,應該儘可能少用肯定對話框,它對用戶是一種干擾)

Android UI祕笈:謹記該作什麼不應作什麼

若是錯誤是可能發生的,那它就必定會發生。

Android UI祕笈:謹記該作什麼不應作什麼

設計考量:

1>屏幕的物理尺寸

2>屏幕密度

3> 屏幕的方向(豎向和橫向)

4>主要的UI交互方式(觸屏仍是使用D-pad/trackball)

5>軟鍵盤仍是物理鍵盤

6>瞭解不一樣設備之間的相異之處是很是重要的!

7>閱讀CDD,學習設備可能差別的地方

8>瞭解屏幕尺寸和密度分類

Android UI祕笈:謹記該作什麼不應作什麼

評論: 0 查看評論 發表評論

程序員找工做,就在博客園

最新新聞:
· 微軟虛擬機服務工具3.0版發佈 免費下載(2010-09-27 14:59)
· Intel悄然發佈8款新品移動處理器(2010-09-27 14:58)
· 永中Office重組內鬥:創始人或另立公司(2010-09-27 14:49)
· 《華爾街日報》科技創新獎揭曉(2010-09-27 14:39)
· Twitter計劃將廣告平臺推廣至第三方應用(2010-09-27 14:35)

編輯推薦:360向騰訊宣戰:新推軟件直指QQ侵犯用戶隱私

網站導航:博客園首頁  我的主頁  新聞  閃存  小組  博問  社區  知識庫

相關文章
相關標籤/搜索