交互設計的基本原則總結
本文主要是對交互設計的基本原則的介紹,有需要的朋友可以參考一下。就跟隨本站小編一起去了解下吧,想了解更多相關信息請持續關注我們應屆畢業生考試網!
徵求最少的用户信息, 通過高效的應用和服務操作最大化的工作
回到原點,今天有空,再來温習一下交互設計的一些基本思路和原則,整理備份了一下,也方便大家學習交流:
Anticipation 預知用户需要的
在提供功能或運用之前,預想一下用户希望得到的工具或服務,並在任務的每一個階段給予指導, 這樣會更容易抵達用户期望的目標。
Autonomy 協助用户自我管理
在通過簡短的培訓或嚮導以後,如果給予用户自我管理的權限,根據個人特點,最大化的發揮工具對個人的協助。 blog空間應該是最好的例子,因為擁有更多擁有者的感覺, 所以用户會樂此不疲的把自己的空間維護好。
Color Blindness 不要以為所有的用户都能理解或看到顏色的暗示
這應該是對易用性 accessibility的補充,不過我想這對其他方面也同樣適合,比如界面排版和交互功能設計等;
Consistency 界面的一致性
個人認為這是區別專業和用心的重要標誌,特別對於交互設計,試想用户能清晰的並一氣呵成的'完成整個交互任務,由此獲得愉悦感受應該是對交互設計師最大的鼓勵。
Defaults 設置默認狀態
預設置的默認狀態應該具有一定共通性和智能性,並對用户操作起到協助或提示的作用; 另外,也應該留給用户修改和設置默認狀態的權限。 Adobe的系列產品,開啟時的默認界面是最好的例子。
Efficiency of the User 用户的效率
這個蠻重要的,要詳細補充一下:
效率最終表現在用户的生產力上,而不是機器;
增強用户的可用率 - 用户的等待和閒置,就是對用户效率的浪費;
提升企業效率的最大化應該提高全體人員的效率,而不只是個別羣體或部門;
軟件效率提升的突破點應該着眼於系統的基本結構,而不只是外表的界面- 所以軟件工程師和人機界面設計師應該協同發掘系統的改善意見;
使幫助信息更貼近容易出現的問題區域;
Explorable Interfaces 使界面更容易瀏覽和導航
小到簡單的視覺圖標元素,大到完整的系統導航流程, 都為用户提供親切可靠的操作界面,可能的話也提供撤消或反相的操作功能(儘管我個人並不喜歡這個理念),最終讓用户通過界面操作體會到家的親切感受。
Fitts’ Law - Fitts 法則
通過縮短操作距離和增加目標尺寸來加速目標交互操作;
Human Interface Objects 人機界面對象
我對這個概念還不是很清楚,如果有人閲讀下面轉載的原文的,並對這個描述有自己理解的,請留言告知。
Latency Reduction 減少不必要的潛在等待時間
在任務交予系統處理或計算的時候,會有一段潛在的用户等待時間,一般我們會通過沙漏般的等待提示讓用户知道現在正處於系統潛在工作狀態,而不至於讓用户頻繁點擊提交操作,使系統更慢,也或者合理通過多任務切換處理避免這樣的等待間隔。無論何種手段,目的都是讓用户迴避這種的無效時間,而提高交互效率。
Learnability 具備學習能力
再好的軟件也不能避免用户的適應階段,除了要考慮如何容易使用, 也應該考慮如何讓用户快速的學習掌握。
Metaphors, Use of 使用隱喻
先説一個例子, windows裏面的“公文包”就是一個很好的隱喻例子, 因為它和人們熟悉的日常概念聯繫在一起,所以用户可以很容易的理解這是一個什麼工具。 所以好的隱喻可以起到快捷的説明作用。
Protect Users’ Work 保護用户的工作
即使發生錯誤操作, 也能幫助用户保存好之前的操作記錄,避免用户重新再來,這個對於用户是再有用不過的了。好處自然是帶來喜悦之餘的可信和滿意。
Readability 可讀性
字體大小、顏色、字體排列等,都決定可讀性的好與壞。
Track State 跟蹤狀態
提供瞭解用户操作行為的途徑, 可以更好的幫助改善系統的操作。
Visible Navigation 可見的導航
這個大家都知道了,不過作出好的顯著導航還是不容易的,特別在有大量信息(圖片,動畫)的頁面裏,需要多研究調試和平衡相互關係。
-
Dreamweaver技巧詳解
Dreamweaver由MX版本開始使用Opera軟件公司的排版引擎“Presto”作為網頁預覽。下面給大家介紹Dreamweaver技巧,一起來學習吧!Dreamweaver技巧詳解1、靈活運用樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇CustonStyle來調用Style...
-
SQl常用增刪改查模板
篇一:SQl常用增刪改查SQL常用增刪改查語句增加現在有一張表,表(Test)裏面有三個字段,分別為sno,sname,age。舉例用一條增加SQL語句,插入一條數據進庫。語句:Insertinto表名value(‘數據1’,’數據2’,’數據3’)具體操作:Insertintotestvalues('test','te...
-
WAP教程:WML 鏈接和圖像
鏈接可以製作WML卡片來顯示WML的錨功能,圖像可以製作WML卡片來顯示圖像.鏈接可以製作WML卡片來顯示WML的錨功能。標籤總是要規定一個任務("go","prev",或"refresh")。任務定義了當用户選擇此鏈接時要做的事情。在本例中,當用户選擇"Nextpage",其任務是"前往":Next...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...