看圖說話 – Android UI 設計秘笈 :Part I

0 評論 1619 瀏覽 0 收藏 8 分鐘

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

clip_image002

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

clip_image003

這個 PPT 包含5個部分:

1>該做什么,不該做什么

2>設計哲學和考量

3>你必須了解的 UI 框架特性

4>新的 UI 設計模式

5>圖標和準則

clip_image004

clip_image005

Don’t:

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

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

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

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

5> 不要使用太小的字體

clip_image006

clip_image007

Do:

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

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

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

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

5> 支持D-pad和trackball導航

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

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

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

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

clip_image008

clip_image009

設計哲學:

1> 干凈而不過于簡單

2> 關注內容而非修飾

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

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

clip_image010

優秀界面的設計準則:

1> 關注用戶

2> 顯示正確的內容

3> 給予用戶適當的回饋

4> 有章可循的行為模式

5> 容忍錯誤

clip_image011

關注用戶:

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

2> ‘用戶優先’的設計心態 (用戶通常是任務導向的行為模式)

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

clip_image012

顯示正確的內容:

1> 最常用的操作需要最快被用戶看到并且可用

2> 不太常用的功能可以放到菜單里面

clip_image013

給予用戶適當的回饋:

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

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

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

clip_image014

clip_image015

有章可循的行為模式:

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

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

3> 如果用戶完成一項任務需要復雜的操作,重新思考你的設計!!!

clip_image016

容忍錯誤:

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

2> 盡量減少不可回退的操作

3> 允許回退(undo)比使用確定對話框更好(實際上,應該盡量少用確定對話框,它對用戶是一種干擾)

clip_image017

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

– Donald Norman, The Design of Everyday Things 作者

clip_image018

設計考量:

1>屏幕的物理尺寸

2>屏幕密度

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

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

5>軟鍵盤還是物理鍵盤

clip_image019

設計考量:

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

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

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

via

來源:http://www.imliony.com/blog/2024.hyh

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!