Android UI 設計秘笈 ：Part I

Android 的官方開發人員部落格發了一份投影片，介紹了一些 Android UI 設計的小貼士，Roger 在這裡以看圖說話的形式發出來，有興趣的讀者就繼續往下翻吧。整個 PPT 共分5個部分，Part I 翻譯的是前兩個部分。

作為開發人員，為啥我們要關心UI，前面的一堆通通可以忽略掉，直接跳到最後一條。因為好的UI設計可以協助我們賣出更多拷貝，賺到更多錢^_^

這個 PPT 包含5個部分：
1>該做什麼，不該做什麼
2>設計哲學和考量
3>你必須瞭解的 使用者介面架構特性
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 Android Developers