Android UI秘笈：謹記該做什么不該做什么

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）比使用確定對話框更好（實際上，應該盡量少用確定對話框，它對用戶是一種干擾）

如果錯誤是可能發生的，那它就一定會發生。

設計考量：

1>屏幕的物理尺寸

2>屏幕密度

3> 屏幕的方向（豎向和橫向）

4>主要的UI交互方式（觸屏還是使用D-pad/trackball）

5>軟鍵盤還是物理鍵盤

6>了解不同設備之間的相異之處是非常重要的!

7>閱讀CDD，學習設備可能差異的地方

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