Android UI 設計謹記

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

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

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>瞭解螢幕尺寸和密度分類

來源：http://www.ucd-grow01.com/?p=115