DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗設計原則:安卓用戶體驗團隊制定的設計原則
用戶體驗設計原則:安卓用戶體驗團隊制定的設計原則
編輯:關於網頁技巧     

譯者按:

在iOS HIG已經強大經典了N年之後,Android終於推出了一套比較系統的HIG(大概是為了配合Android 4.0 Ice Cream Sandwich)。仔細比較兩套HIG的“設計原則”部分,發現完全是截然不同的兩種風格。iOS HIG走的是更專業型的路線,描述嚴謹且有不少的專業詞匯(比如Metaphors、Consistency之類的)。而Android則顯得親民許多,不僅描述方式簡要易懂,配圖鮮明直觀,甚至還用了“me”作為了一系列要點的標題,更充分地傳達出以用戶自身的體驗為中心的思路。

設計原則

這些設計原則是由安卓的用戶體驗團隊制定並應用的,以此來保證用戶心目中最佳的用戶體驗。應用開發者應該參考這些設計原則,並將之用於自己的創作與設計,有針對性地在用戶體驗方面進行實踐。

吸引我

以令人驚訝的方式取悅我

漂亮的界面,精心設置的動畫,或是恰到好處的聲音效果,都是快樂的情感體驗。各種細微的效果精妙地組合在一起往往效果驚人,不僅顯得輕松明快,更可以營造出豐富強大的氛圍。

真實的物件遠比按鈕和菜單更有趣

使用現實世界中的對象和操作來構建應用中的對象和操作。這樣不僅能夠幫助用戶,尤其是新手,迅速地理解應用程序的操作方法和作用,減少認知成本,同時也使他們能獲得更多的情感滿足。

把它變成“我的”

人們喜歡添加個性化風格,因為這讓他們感覺像在家一樣一切盡在掌握,也讓這個應用顯得和自己一樣與眾不同。應用應該提供明快合理且漂亮的默認值,同時最好也考慮添加一些有趣但不妨礙主要任務的自定義項目。

了解我

隨著使用時間的推移,應用應該了解並記住用戶的行為和使用偏好。不要讓用戶一遍又一遍作出相同的選擇,最好能讓他們能夠方便地使用上一次的選擇。

簡化我的生活

用語簡潔

使用簡單的單詞和短句進行說明——用戶極有可能跳過冗長復雜的句子。

圖片比文字更直接

盡量使用圖片來進行說明。圖片更吸引用戶的目光,往往也比文字更有效。

為我選擇,但最終是我說了算

智能地推斷用戶的行為,並推薦相應的解決方案,而不是一開始就詢問用戶想干嘛——太多的選擇和決定讓用戶煩躁。不過為防萬一推薦得不對,記得給出“撤消”操作。

只在我需要的時候顯示

同時看到太多的東西讓人感到不堪重負,所以最好把復雜的任務和信息分解成一段段的便於操作和理解的步驟。隱藏當前不需要的選項,並讓當用戶學會在需要時到哪兒去找它們。

我應該知道我在哪裡

讓用戶清楚地知道他們在應用中的位置和操作路徑。讓你的應用中各個部分看起來區分明確,並在界面切換時使用適當的過渡效果,以表明它們之間的關系。對正在進行的任務提供反饋。

不要丟失我的內容與設置

保存用戶花費時間創建的內容與設置,讓它們在任何時間任何地點都可以被訪問,並在手機、平板電腦和計算機之間保持同步一致。這也可以讓升級變得更加容易與方便。

如果它看起來一樣,那它的功能也應該一樣

盡量使用明顯是視覺差異來幫助用戶區分功能上的不同。避免使用看上去相同或相似的模式、操作來實現其實並不相同功能。

只在重要的時刻打斷我

如同擁有一個優秀的私人助理一樣,用戶不應該被無關緊要的旁枝末節所打斷。人們希望能集中注意力完成手上的任務,除非有十萬火急的事情需要處理。任務中的一次打斷真是讓人覺得費力又沮喪。

讓我驚艷

給我各處皆適用的技巧

當用戶自己摸索出使用技巧時會感覺非常良好。在你的應用程序裡使用其他安卓應用廣泛采用的交互技巧——包括相同的視覺模式和肌肉動作,可以讓用戶更容易上手也更容易獲得滿足。比如,“輕掃”就是一個在安卓應用中廣泛使用的良好的導航快捷手勢。

不是我的錯

友好禮貌地提醒用戶改正錯誤——在使用你的應用時,用戶當然不希望自己顯得很蠢。如果出了差錯,請清楚簡明地給出解決方案,以便用戶能夠快速地進行修正,避免提及讓用戶看不懂的技術細節。如果應用能夠在後台默默處理那就更好了!

積極反饋

把復雜的任務分解成較小的步驟可以讓用戶更輕松地完成。給每個行動都提供反饋鼓勵,即使只是一個微妙的光芒也會讓用戶大受鼓舞。

為我完成復雜的任務

讓新手使用他們能夠做的簡單操作,完成他們從未奢望過可以處理的專家級任務。例如,結合多種照片效果的快捷方式,只需幾步操作,就可以使業余的照片看起來讓人驚艷。

讓更重要的事情更快

並非所有的操作都是平等的。決定在你的應用程序什麼是最重要的,並讓它能更容易更快速地被找到和使用——比如照相機的快門按鈕,或是音樂播放器的播放/暫停按鈕。

本文編譯自羊老師,原文地址。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved