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