【 設計理論】教你徹底搞懂3個交互設計的關鍵要素

教你徹底搞懂3個交互設計的關鍵要素

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

教學大綱:

先講個故事,小鵬是個銷售員,下午出去拜訪客戶,完事後發現已經六點多了,非常餓,小鵬想回家自己做飯吃,但是實在是太餓了,回家又要做好久的地鐵,還不如就在附近找家小飯館吃了呢,於是環顧四周,發現馬路對面左前方200米有個麥當勞,於是就穿過馬路,沿


設計理論教學開始

先講個故事,小鵬是個銷售員,下午出去拜訪客戶,完事後發現已經六點多了,非常餓,小鵬想回家自己做飯吃,但是實在是太餓了,回家又要做好久的地鐵,還不如就在附近找家小飯館吃了呢,於是環顧四周,發現馬路對面左前方200米有個麥當勞,於是就穿過馬路,沿着道路走了過去,到了麥當勞要了一份套餐,風捲殘雲地吃完了。

問題來了,這個故事裡面:

什麼是目標?

小鵬餓了,想把自己填飽,這就是目標;

什麼是任務?

回家自己做是一種任務,到附近的地方吃也是一種任務,任務比較抽象,實現同一個目標可能有很多不同的任務,它是利用產品達成這個目的的具體步驟,多個步驟合起來就達成了目標,比如去樓下飯館-點餐-吃-結賬-走人等五個任務。

什麼是行為?

穿過馬路,走到麥當勞,推門進去,排隊,點餐,等候,就餐,這些就是行為,行為是每個任務的具體動作,比如吃的時候你用筷子還是刀叉,坐在靠走廊還是靠窗,行為體現出了用戶的操作習慣和對這個事件的認知水平。 就是可以看到的用戶的具體操作,專業點的叫“用例”,現在先這麼叫做“行為”吧。這三個對於做用戶體驗和交互設計來講至關重要,決定了後邊的交互工作是否有效,是方向性的。

一個普遍的問題是,目標和任務容易混淆。不過這也正常,因為有三個概念,數量有點多。人們對事物的認知基本上就是二元的,比如“對-錯”“好-壞”“美-丑”“想-做”等等,老D猜想,人類最熟悉的事物莫過於人類自身,我們的身體看起來就是個總體對稱的物體,左手右手、左耳朵右耳朵,所以人們對於兩個東西是最熟悉的,一旦超過了這個就稍微有點難以理解了,怎麼區分呢?很簡單:

目標——Why,為什麼做

任務——What,要做什麼

行為 ——How,怎麼做

打個好玩的比方,大象關進冰箱的故事。把大象關進冰箱里,這其實是個任務;第一把門打開,第二把大象放進去,第三把門關上,這就是行為,但是為什麼要這麼做呢?其實是為了阻止大象去參加動物園的聯歡會,這才是目標。

當然,目標是可以不斷抽象的,比如回家過年是為了什麼?目標是跟親人團聚。那跟親人團聚是為了什麼?是為了得到親情和愛,上升到這個高度了就不要再上升了,不要問老D得到親情和愛是為了什麼,老D回答不上來了,只能說,這是人性,不要繞進“究竟是雞生蛋,還是蛋生雞”這個死胡同了。

此外,任務是可以不斷細分的,比如說大象的故事裡那三個步驟也可以說是任務,不過沒有什麼意義了,開門、關門這對於一個人來說已經是很明確的操作了,沒有必要再細化為伸出手-抓住扶手–拉開–這麼細節的動作了。操作就是普通用戶一看就知道怎麼做的事,任務就是需要分解之後才能具體操作的事。

界定任務和行為,我們可以拋一個問題:這個事要怎麼做?

如果不能立即做那就是任務,如果能夠立即做那就是行為。通常情況下,目標和任務是可以互相轉化的,這一層次的目標可能就是上一個層次的任務,是不是有點難以理解?

比如“訂票”是過年回家這個目標的任務,但是卻是12306註冊登錄、搜索車票、預定、支付任務的目標。

教你徹底搞懂3個交互設計的關鍵要素

這三要素跟之前的五個層次有什麼關係呢?之前學了用戶體驗框架的五個層次,可以用來分析、分解產品,是從商業角度和用戶維度一起來綜合分析的,是一個大框架,交互設計的工作主要影響到結構層、框架層,對範圍層、表現層也有一定的影響,但是會比較少的影響到戰略層,因為戰略層基本是個長期穩定的東西,如果是個錯誤的戰略,很快就被市場和用戶拋棄了,並且戰略層的制定通常由公司所有者來確定,交互設計師的確擔負不了那麼重的責任。

不過,有意思的是戰略層的制定者通常關注商業方面–也就是公司想要什麼,對於用戶想要什麼關注的並不是很夠,所以有格局的交互設計師會從戰略層關注用戶想要什麼—-用戶的目標,這個可以作為交互設計師和用戶體驗從業人員的一個至高追求。

交互設計師在支撐用戶達成目標的過程中能做些什麼呢?就是範圍層、結構層、框架層。交互設計師通過對用戶目標的理解,分析出來用戶的需求,然後給出能滿足用戶目標的功能(當然很多產品經理也在做這個事情,沒關係,那就一起做),然後根據用戶的任務將這些有功能的單元做合理的組織,將信息做合理的呈現,這階段主要是用戶使用路徑的規劃(用戶的任務可以分為哪些子任務,需要哪些步驟),信息架構的搭建(頁面的分類),然後再確定路徑上每個節點的細節功能或是所包含的具體內容,到這裡為止,交互設計師做的東西都是不為用戶直接感知到的,之後再根據上一個環節的結果確定框架層,到這裡就是具體的頁面了。

教你徹底搞懂3個交互設計的關鍵要素

很多時候,一些交互設計師只是把頁面布局畫出來,糾結於頁面上的一些具體細節,比如要用check box還是radio button啊,點一下按鈕菜單是從頂部還是從底部浮出來啊;或是畫個流程圖,琢磨於這個流程是不是可以少幾個環節等等,這些工作是必要的,沒錯!但是這只是最初級的水平,甚至說是錯誤的方式。交互設計師是為用戶創造好的使用體驗,這麼糾結出來的方案有時候用戶根本不care,看一下這東西不是自己想要的扭頭就走,哪怕你的按鈕交互做得多優秀多妙,達不成用戶的目標,滿足不了用戶的需求,一切工作都沒有意義。

所以,從現在開始多把設計的工作提升到用戶目標的層面來思考,然後在進入到任務和行為的設計,先看用戶要什麼,再看怎麼做功能和結構才能更好地幫助用戶實現目標。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 教你徹底搞懂3個交互設計的關鍵要素