2016-9-4 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,?請(qǐng)點(diǎn)這里
先講個(gè)故事,小鵬是個(gè)銷售員,下午出去拜訪客戶,完事后發(fā)現(xiàn)已經(jīng)六點(diǎn)多了,非常餓,小鵬想回家自己做飯吃,但是實(shí)在是太餓了,回家又要做好久的地鐵,還不如就在附近找家小飯館吃了呢,于是環(huán)顧四周,發(fā)現(xiàn)馬路對(duì)面左前方200米有個(gè)麥當(dāng)勞,于是就穿過(guò)馬路,沿著道路走了過(guò)去,到了麥當(dāng)勞要了一份套餐,風(fēng)卷殘?jiān)频某酝炅恕?/span>
問(wèn)題來(lái)了,這個(gè)故事里面:
什么是目標(biāo)?
小鵬餓了,想把自己填飽,這就是目標(biāo);
什么是任務(wù)?
回家自己做是一種任務(wù),到附近的地方吃也是一種任務(wù),任務(wù)比較抽象,實(shí)現(xiàn)同一個(gè)目標(biāo)可能有很多不同的任務(wù),它是利用產(chǎn)品達(dá)成這個(gè)目的的具體步驟,多個(gè)步驟合起來(lái)就達(dá)成了目標(biāo),比如去樓下飯館-點(diǎn)餐-吃-結(jié)賬-走人等五個(gè)任務(wù)。
什么是行為?
穿過(guò)馬路,走到麥當(dāng)勞,推門進(jìn)去,排隊(duì),點(diǎn)餐,等候,就餐,這些就是行為,行為是每個(gè)任務(wù)的具體動(dòng)作,比如吃的時(shí)候你用筷子還是刀叉,坐在靠走廊還是靠窗,行為體現(xiàn)出了用戶的操作習(xí)慣和對(duì)這個(gè)事件的認(rèn)知水平。 就是可以看到的用戶的具體操作,專業(yè)點(diǎn)的叫“用例”,現(xiàn)在先這么叫做“行為”吧。這三個(gè)對(duì)于做用戶體驗(yàn)和交互設(shè)計(jì)來(lái)講至關(guān)重要,決定了后邊的交互工作是否有效,是方向性的。
一個(gè)普遍的問(wèn)題是,目標(biāo)和任務(wù)容易混淆。不過(guò)這也正常,因?yàn)橛腥齻€(gè)概念,數(shù)量有點(diǎn)多。人們對(duì)事物的認(rèn)知基本上就是二元的,比如“對(duì)-錯(cuò)”“好-壞”“美-丑”“想-做”等等,于是猜想,人類最熟悉的事物莫過(guò)于人類自身,我們的身體看起來(lái)就是個(gè)總體對(duì)稱的物體,左手右手、左耳朵右耳朵,所以人們對(duì)于兩個(gè)東西是最熟悉的,一旦超過(guò)了這個(gè)就稍微有點(diǎn)難以理解了,怎么區(qū)分呢?很簡(jiǎn)單:
目標(biāo)–Why,為什么做
任務(wù)–What,要做什么
行為–How,怎么做
打個(gè)好玩的比方,大象關(guān)進(jìn)冰箱的故事。把大象關(guān)進(jìn)冰箱里,這其實(shí)是個(gè)任務(wù);第一把門打開(kāi),第二把大象放進(jìn)去,第三把門關(guān)上,這就是行為,但是為什么要這么做呢?其實(shí)是為了阻止大象去參加動(dòng)物園的聯(lián)歡會(huì),這才是目標(biāo)。
當(dāng)然,目標(biāo)是可以不斷抽象的,比如回家過(guò)年是為了什么?目標(biāo)是跟親人團(tuán)聚。那跟親人團(tuán)聚是為了什么?是為了得到親情和愛(ài),上升到這個(gè)高度了就不要再上升了,不要問(wèn)我得到親情和愛(ài)是為了什么,我也回答不上來(lái)了,只能說(shuō),這是人性,不要繞進(jìn)“究竟是雞生蛋,還是蛋生雞”這個(gè)死胡同了。
此外,任務(wù)是可以不斷細(xì)分的,比如說(shuō)大象的故事里那三個(gè)步驟也可以說(shuō)是任務(wù),不過(guò)沒(méi)有什么意義了,開(kāi)門、關(guān)門這對(duì)于一個(gè)人來(lái)說(shuō)已經(jīng)是很明確的操作了,沒(méi)有必要再細(xì)化為伸出手-抓住扶手–拉開(kāi)–這么細(xì)節(jié)的動(dòng)作了。操作就是普通用戶一看就知道怎么做的事,任務(wù)就是需要分解之后才能具體操作的事。
界定任務(wù)和行為,我們可以拋一個(gè)問(wèn)題:這個(gè)事要怎么做?
如果不能立即做那就是任務(wù),如果能夠立即做那就是行為。通常情況下,目標(biāo)和任務(wù)是可以互相轉(zhuǎn)化的,這一層次的目標(biāo)可能就是上一個(gè)層次的任務(wù),是不是有點(diǎn)難以理解?
比如“訂票”是過(guò)年回家這個(gè)目標(biāo)的任務(wù),但是卻是12306注冊(cè)登錄、搜索車票、預(yù)定、支付任務(wù)的目標(biāo)。
這三要素跟之前的五個(gè)層次有什么關(guān)系呢?之前學(xué)了用戶體驗(yàn)框架的五個(gè)層次,可以用來(lái)分析、分解產(chǎn)品,是從商業(yè)角度和用戶維度一起來(lái)綜合分析的,是一個(gè)大框架,交互設(shè)計(jì)的工作主要影響到結(jié)構(gòu)層、框架層,對(duì)范圍層、表現(xiàn)層也有一定的影響,但是會(huì)比較少的影響到戰(zhàn)略層,因?yàn)閼?zhàn)略層基本是個(gè)長(zhǎng)期穩(wěn)定的東西,如果是個(gè)錯(cuò)誤的戰(zhàn)略,很快就被市場(chǎng)和用戶拋棄了,并且戰(zhàn)略層的制定通常由公司所有者來(lái)確定,交互設(shè)計(jì)師的確擔(dān)負(fù)不了那么重的責(zé)任。
不過(guò),有意思的是戰(zhàn)略層的制定者通常關(guān)注商業(yè)方面–也就是公司想要什么,對(duì)于用戶想要什么關(guān)注的并不是很夠,所以有格局的交互設(shè)計(jì)師會(huì)從戰(zhàn)略層關(guān)注用戶想要什么—-用戶的目標(biāo),這個(gè)可以作為交互設(shè)計(jì)師和用戶體驗(yàn)從業(yè)人員的一個(gè)至高追求。
交互設(shè)計(jì)師在支撐用戶達(dá)成目標(biāo)的過(guò)程中能做些什么呢?就是范圍層、結(jié)構(gòu)層、框架層。交互設(shè)計(jì)師通過(guò)對(duì)用戶目標(biāo)的理解,分析出來(lái)用戶的需求,然后給出能滿足用戶目標(biāo)的功能(當(dāng)然很多產(chǎn)品經(jīng)理也在做這個(gè)事情,沒(méi)關(guān)系,那就一起做),然后根據(jù)用戶的任務(wù)將這些有功能的單元做合理的組織,將信息做合理的呈現(xiàn),這階段主要是用戶使用路徑的規(guī)劃(用戶的任務(wù)可以分為哪些子任務(wù),需要哪些步驟),信息架構(gòu)的搭建(頁(yè)面的分類),然后再確定路徑上每個(gè)節(jié)點(diǎn)的細(xì)節(jié)功能或是所包含的具體內(nèi)容,到這里為止,交互設(shè)計(jì)師做的東西都是不為用戶直接感知到的,之后再根據(jù)上一個(gè)環(huán)節(jié)的結(jié)果確定框架層,到這里就是具體的頁(yè)面了。
很多時(shí)候,一些交互設(shè)計(jì)師只是把頁(yè)面布局畫出來(lái),糾結(jié)于頁(yè)面上的一些具體細(xì)節(jié),比如要用check box還是radio button啊,點(diǎn)一下按鈕菜單是從頂部還是從底部浮出來(lái)?。换蚴钱媯€(gè)流程圖,琢磨于這個(gè)流程是不是可以少幾個(gè)環(huán)節(jié)等等,這些工作是必要的,沒(méi)錯(cuò)!但是這只是最初級(jí)的水平,甚至說(shuō)是錯(cuò)誤的方式。交互設(shè)計(jì)師是為用戶創(chuàng)造好的使用體驗(yàn),這么糾結(jié)出來(lái)的方案有時(shí)候用戶根本不care,看一下這東西不是自己想要的扭頭就走,哪怕你的按鈕交互做得多優(yōu)秀多妙,達(dá)不成用戶的目標(biāo),滿足不了用戶的需求,一切工作都沒(méi)有意義。
所以,從現(xiàn)在開(kāi)始多把設(shè)計(jì)的工作提升到用戶目標(biāo)的層面來(lái)思考,然后在進(jìn)入到任務(wù)和行為的設(shè)計(jì),先看用戶要什么,再看怎么做功能和結(jié)構(gòu)才能更好地幫助用戶實(shí)現(xiàn)目標(biāo)。
(本文轉(zhuǎn)自阿里巴巴國(guó)際UED團(tuán)隊(duì)網(wǎng))
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com?)是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)?、 cs界面設(shè)計(jì)?、 ipad界面設(shè)計(jì)?、 包裝設(shè)計(jì)?、 圖標(biāo)定制?、 用戶體驗(yàn) 、交互設(shè)計(jì)、?網(wǎng)站建設(shè)?、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com