創建優秀的用戶界面——iPhone HIG
一個優秀用戶界面應該遵循一些人機界面設計原則,這些原則來源于人——用戶——思考和工作的方式,而不是設備的性能。如果一個用戶界面沒有吸引力,令人費解,或不合邏輯,那么即使是一個偉大的應用程序也會因此讓用戶覺得煩瑣。但是,一個美觀的,無需用戶思考且引人入勝的用戶界面不僅可以改善應用程序功能,還能激發用戶對應用程序產生正面情感和依賴感。
如何在 iPhone 應用程序中體現這些優秀的設計原則呢?
一、擬物映射
將你的應用程序的對象和操作按照現實世界中的對象與操作仿造。特別是對于新手用戶,這項技術能夠幫助他們快速領會你的應用程序是如何工作的。
文件夾是一個經典的軟件隱喻。在現實世界中人們把文檔放到文件夾中,所以他們很快會明白把數據放到計算機的文件夾中。 在iPhone上,開關控件是一個很棒的隱喻。
圖標設計中符號寓意也要注意。與現實世界中人的公共的心智模型一直,才能產生共鳴。
【值得注意的是】當您設計您的應用程序時,請認識到 iPhone 操作系統存在的隱喻,并且不要對這些隱喻重新定義。同時,檢查你的應用程序執行任務是的表現,看看是否有自然的隱喻可以使用。請記住,相比為您的應用程序單獨增加一個合適的符合真實世界的對象和操作的用戶界面,使用標準的控件和操作反而更好。除非你選擇的隱喻能被您的絕大部分用戶理解,包括那些會增加而不是減少用戶困惑的隱喻。
二、直接操作
直接操縱意味著人們覺得他們都在控制切實的而不是抽象的東西。遵循直接操縱的原則的好處是,用戶更容易了解他們的操作對于操縱對象所產生的結果。
因為其多點觸摸界面,iPhone 操作系統的用戶享受著高度的直接操縱的愉悅感受。使用手勢操作讓用戶對他們在屏幕上看到的對象,感覺上更具親和力,和控制感,因為他們不必使用任何中間設備(如鼠標)操縱它們。
為了提高你的 iPhone 應用程序中的直接操縱感,請確保:
- 當用戶對在屏幕上的對象執行操作時,要保持他們可見
- 用戶的操作結果是立即地顯而易見
三、即點即看
iPhone 應用程序是比一個人更善于記憶一些選項列表,命令,數據等。利用這個優勢,以列表的形式給用戶提供選擇或選項,所以用戶可以方便地掃描然后做選擇。盡量減少文本輸入使用戶不必花費大量的時間打字,這樣也避免了應用程序執行錯誤檢查。
提供選擇給用戶,而不是要求更多開放性的輸入,同時,允許可以讓用戶集中精力在你的應用程序完成任務,而不是去記憶如何操作它。
四、反饋
用戶除了要看到他們操作的結果,還需要得到操作控件時的即時反饋,以及在長時間操作中的狀態報告。
您的應用程序應提供明顯的變化來響應每個用戶操作。例如,確保列表選項時在用戶點擊時暫時的高亮。聲音提示也很有效,但它不能成為主要或唯一的反饋機制,因為人們可能會在無法聽到聲音,或他們必須關閉聲音的地方,使用攜帶 iPhone 操作系統的設備。況且,您也不想與 iPhone 操作系統的聲音進行競爭,因為用戶常把它認為是警告。
- 當系統暫時繁忙時,iPhone 操作系統自動地提供操作反饋:
- 顯示活動指示器;
- 當系統操作持續超過好幾秒時,你的應用程序應顯示消耗時間進度,并且,如果有的話,顯示解釋性信息;
- 顯示操作后的狀態信息;
動畫是向用戶提供反饋的一種良好方式,它微妙而富有含義。動畫貫穿于整個iPhone操作系統中,甚至在非沉浸式應用程序中。但作為提供反饋的一種手段,動畫只是常用于提高用戶體驗,它本身并不是用戶體驗的焦點。
五、讓用戶去控制
讓用戶來觸發并控制行為,而不是您的應用程序。保持行為的簡單和直接,使用戶能夠很容易地理解并記住他們。盡可能使用標準的控件和用戶已經熟悉的行為。
在開始之前應提供充分的取消操作的機會,當用戶觸發一個可能造成破壞的行為時,務必與用戶進行確認。盡可能使用戶能夠正常地中止一個操作的進行。
六、高度的遵循美學
盡管一個應用程序的最終目的是為了完成某個任務,這項任務甚至可能是玩游戲,我們也不應低估界面的重要性。這是因為界面對功能有強大的影響力:如果一個應用程序看起來很混亂或不合邏輯的話,也必然是很難理解和使用的。
美的東西體驗就是好的——這是一個基本法則。就像好看的人總是讓人們感覺舒適親和。
審美的完整性并不是一個用來衡量您的應用程序有多漂亮的標準。它的作用是衡量外觀與功能相匹配的完整性。例如,一個高效的應用程序應保持微妙的裝飾元素以及裝飾背景,同時又通過標準控制和行為以突出任務。
例如一個身臨其境的應用,用戶期望一個美麗的界面外觀,承諾樂趣和鼓勵發現。雖然身臨其境的應用往往是側重于提供注意力的轉移,它的外觀仍然需要和任務結合起來。要確保你設計的用戶界面元素在這樣的應用程序里是細致的,因此它們才能提供一個內部一致的體驗。via
小獅:附上《iPhone 人機界面設計規范(中英對照)》
來源:http://www.imliony.cn/blog/1932.hyh/
- 目前還沒評論,等你發揮!