本文不打算講axure、xmind怎么用,因?yàn)檐浖耆梢宰詫W(xué),也不打算科普交互設(shè)計(jì)是什么,就好像解釋籃球是什么并不能教會(huì)他們打籃球。我希望能教給大家一些東西,能馬上運(yùn)用起來(lái)真正解決問(wèn)題。交互設(shè)計(jì)畫布正是這樣的好工具,它能幫助設(shè)計(jì)師從全局看待一個(gè)需求,找到真正的問(wèn)題,綜合所有因素提出可行的解決方案。
一、交互設(shè)計(jì)核心要素
首先從一個(gè)實(shí)際的問(wèn)題開始。
小明是外地人,28歲,能熟練使用智能手機(jī),第一次來(lái)北京,他想去得實(shí)大廈見一個(gè)朋友,但上午10:00到西二旗地鐵站后不知道怎么走,如果你是一個(gè)地圖app的設(shè)計(jì)師,請(qǐng)?jiān)O(shè)計(jì)一個(gè)步行導(dǎo)航功能幫助他順利的到達(dá)得實(shí)大廈。
△小明如何才能到達(dá)得實(shí)大廈
我們可以這么思考,小明的起點(diǎn)是西二旗地鐵站,他現(xiàn)在目標(biāo)是去得實(shí)大廈,其實(shí)這個(gè)目標(biāo)隱含了3個(gè)前提:
準(zhǔn)確,是到了得實(shí)大廈,不是到了其他地方。安全,不能在路上走著走著出車禍了。比較有效率,得實(shí)大廈本來(lái)不遠(yuǎn),用戶肯定不希望繞遠(yuǎn)路,能快點(diǎn)更好。
從起點(diǎn)到目標(biāo),肯定會(huì)經(jīng)過(guò)一些步驟,我們把關(guān)鍵步驟列出來(lái),如下圖所示。
△需求、目標(biāo)和關(guān)鍵步驟
現(xiàn)在我們一個(gè)一個(gè)步驟來(lái)分析和設(shè)計(jì),首先是手機(jī)啟動(dòng)app,有個(gè)啟動(dòng)界面,我們可以放一些宣傳語(yǔ),安撫一下小明因?yàn)槊月樊a(chǎn)生的焦躁心情,比如:「步行導(dǎo)航,找方向不再難」。
△啟動(dòng)界面
接下來(lái)輸入起點(diǎn),利用手機(jī)的gps定位功能把當(dāng)前所處的位置自動(dòng)顯示在地圖上,為了預(yù)防定位不準(zhǔn),把起點(diǎn)做到輸入框內(nèi)保證隨時(shí)可以修改。下一個(gè)步驟是輸入終點(diǎn),顯然這里也需要一個(gè)輸入框。之后開始導(dǎo)航這個(gè)步驟肯定需要一個(gè)按鈕來(lái)觸發(fā),這三步聯(lián)系非常緊密,因此做到了一個(gè)界面里。
△導(dǎo)航設(shè)置界面
小明跟著導(dǎo)航路線行走是最為關(guān)鍵的步驟,除了在地圖上顯示當(dāng)前位置、線路以及得實(shí)大廈的位置,還有其他因素可能影響這次導(dǎo)航的成敗。
比如天氣,一下雨地鐵站附近的路不太好走,所以我們需要根據(jù)天氣給予用戶不同的路徑。第二是光線,小明是白天去得實(shí)大廈,不是晚上,白天光線很強(qiáng),顏色太淺的界面可能會(huì)有點(diǎn)看不清,所以設(shè)計(jì)的時(shí)候應(yīng)該用反差比較大的顏色,還要自動(dòng)把手機(jī)的亮度調(diào)高。第三是用戶的行為,稍微觀察就會(huì)發(fā)現(xiàn),用戶在使用地圖導(dǎo)航的時(shí)候,是先看會(huì)兒地圖,再走,然后觀察地圖確認(rèn)自己是否走得對(duì),以此往復(fù)。有可能小明走過(guò)頭了才看地圖,所以遇到關(guān)鍵的路線變化,比如轉(zhuǎn)彎的時(shí)刻,我們可以設(shè)置一個(gè)震動(dòng)或者語(yǔ)音,提醒用戶及時(shí)打開手機(jī)查看線路,及時(shí)改變行走方向。此外我們最好設(shè)計(jì)一個(gè)剩余時(shí)間和路程,降低小明的焦慮,否則他不知道什么時(shí)候才能到,心理會(huì)比較急躁。
△導(dǎo)航界面的設(shè)計(jì)
最后是到達(dá)了得實(shí)大廈。這里大家可以回憶一下,你到了一個(gè)預(yù)定地點(diǎn),你是怎么確定自己到了呢?一種辦法是問(wèn)附近的人「這里是得實(shí)大廈嗎?」還有觀察樓房上有沒有很大的文字招牌。很可惜,得實(shí)大廈貌似沒有。所以我們?cè)诮缑嫔峡梢园训脤?shí)大廈的圖片放在上面,方便用戶與現(xiàn)實(shí)環(huán)境識(shí)別比對(duì),再提示用戶導(dǎo)航完成,給個(gè)退出按鈕,整個(gè)步行導(dǎo)航的初步設(shè)計(jì)就完成了。
△導(dǎo)航完成界面
以上就是一個(gè)交互設(shè)計(jì)大概的過(guò)程。
辛向陽(yáng)(卡內(nèi)基梅隴大學(xué)設(shè)計(jì)哲學(xué)博士,香港理工大學(xué)人機(jī)交互專業(yè)開創(chuàng)人,江南大學(xué)設(shè)計(jì)學(xué)院前院長(zhǎng))將交互設(shè)計(jì)總結(jié)為五個(gè)核心要素:人、目標(biāo)、場(chǎng)景、行為、工具(媒介)。
人是指用戶,這是交互的主體,在這里案例中是指小明。目標(biāo)是指用戶期望的結(jié)果,在這個(gè)案例中小明期望的結(jié)果是準(zhǔn)確、安全、高效的到達(dá)得實(shí)大廈。場(chǎng)景,這個(gè)詞比較抽象,可以理解為用戶所處的環(huán)境,比如天氣、光照、旁邊有沒有其他人等等可能對(duì)用戶行為產(chǎn)生影響的因素。工具(媒介)是指用戶交互的對(duì)象,這里是手機(jī)上的地圖app。最后是行為,用戶通過(guò)做出行為,包括對(duì)媒介的行為(點(diǎn)擊、縮放)和其他行為(走路),通過(guò)這些行為到達(dá)目標(biāo)。
△交互設(shè)計(jì)五要素
因此交互設(shè)計(jì)可以理解為:充分考慮用戶、場(chǎng)景、媒介對(duì)目標(biāo)的影響,通過(guò)設(shè)計(jì)媒介的使用方式,改變用戶的行為,促使用戶達(dá)到目標(biāo)。
△交互設(shè)計(jì)五要素圖解
不同的用戶年齡、是否熟練能使用手機(jī)、職業(yè)、性別和心情,都對(duì)用戶達(dá)成目標(biāo)有很大的影響。比如上圖不是小明,是老明,50歲,從來(lái)沒用過(guò)地圖app、眼睛和耳朵都不太好使,設(shè)計(jì)的時(shí)候就要特別注意,比如把文字和圖要放的特別大,最好能語(yǔ)音播放聲音。場(chǎng)景:比如天氣、光照、下雨了就得換條路,哪里發(fā)生了車禍提醒用戶注意等等。工具,本案例的智能手機(jī),如果gps沒打開還得提醒用戶打開,快沒電了得提醒用戶充電等等。有非常多的因素影響著用戶達(dá)成目標(biāo)。
交互設(shè)計(jì)師的職責(zé)就是權(quán)衡這些影響因素,設(shè)計(jì)更好的方案,幫助用戶更好的達(dá)成目標(biāo)。有經(jīng)驗(yàn)的設(shè)計(jì)師和沒經(jīng)驗(yàn)的設(shè)計(jì)師的區(qū)別之一是能在眾多因素中快速找到影響用戶達(dá)成目標(biāo)的主要因素。
二、交互設(shè)計(jì)畫布1.0
現(xiàn)在我們把這些要素整合成一張表格,形成交互設(shè)計(jì)畫布1.0版。然后把前面的例子稍加變化,假如小明從通州開車到得實(shí)大廈,而你設(shè)計(jì)的是駕駛導(dǎo)航功能。目標(biāo)、場(chǎng)景、媒介又有什么變化,你該如何設(shè)計(jì)媒介的使用方式改變用戶的行為呢?
比如目標(biāo),想想看,這個(gè)目標(biāo)和步行的目標(biāo)的區(qū)別是——他首先得在得實(shí)大廈附近停好車,再步行到得實(shí)大廈里,所以這里的第一目標(biāo)應(yīng)該是,準(zhǔn)確、安全、快速的在得實(shí)大廈附近停好車。其他因素對(duì)目標(biāo)的影響和初步解決方案我列了幾個(gè)在畫布中,歡迎補(bǔ)充。
△交互設(shè)計(jì)畫布1.0
有了交互設(shè)計(jì)畫布,在分析需求時(shí)就能找準(zhǔn)方向,全盤統(tǒng)籌的去考慮問(wèn)題,設(shè)計(jì)方案時(shí)不會(huì)走偏。
三、用戶需求和商業(yè)需求
僅僅考慮用戶的需求是不夠的。很多時(shí)候一個(gè)需求并不是用戶提出來(lái)的,而是公司下達(dá)的命令。假如你是百度網(wǎng)盤的設(shè)計(jì)師,老板希望提高自動(dòng)備份功能的打開率。你要設(shè)計(jì)一個(gè)方案,你該如何應(yīng)對(duì)?
我們可以把公司下達(dá)的這個(gè)命令叫業(yè)務(wù)需求或者業(yè)務(wù)目標(biāo),提高自動(dòng)備份的打開率,讓更多的用戶開啟照片自動(dòng)備份很好理解,如果備份的照片越多,用戶偶爾來(lái)查看照片,就越離不開百度網(wǎng)盤,產(chǎn)品黏性就會(huì)提高,而且照片占用的空間越多就需要付費(fèi),這些付費(fèi)將給公司帶來(lái)不錯(cuò)的盈利。
我們之前提到的交互設(shè)計(jì)五要素中的目標(biāo)其實(shí)是用戶體驗(yàn)?zāi)繕?biāo),因?yàn)檫@是用戶希望達(dá)到的。業(yè)務(wù)目標(biāo)和用戶體驗(yàn)?zāi)繕?biāo)之間有關(guān)聯(lián),業(yè)務(wù)目標(biāo)是:提高自動(dòng)備份的打開率。為了達(dá)成業(yè)務(wù)目標(biāo),我們必須讓用戶打開自動(dòng)備份開關(guān)。也就是說(shuō)這里的用戶體驗(yàn)?zāi)繕?biāo)是:更多的用戶打開自動(dòng)備份開關(guān)。只有先達(dá)成用戶體驗(yàn)?zāi)繕?biāo),業(yè)務(wù)目標(biāo)才有可能完成。
△用戶體驗(yàn)?zāi)繕?biāo)和業(yè)務(wù)目標(biāo)
四、用戶行為受何影響
接下來(lái)的就是我們?cè)O(shè)計(jì)師該分析如何讓用戶打開自動(dòng)備份開關(guān)?
這里介紹一個(gè)新模型,動(dòng)機(jī)、擔(dān)憂、障礙。
動(dòng)機(jī)是指用戶進(jìn)行某行動(dòng)的一個(gè)推動(dòng)力,如果這個(gè)推動(dòng)力不夠強(qiáng),用戶就不會(huì)產(chǎn)生行動(dòng)。擔(dān)憂和動(dòng)機(jī)剛好相反,擔(dān)憂是用戶在行動(dòng)前的一個(gè)疑慮,如果疑慮越少,用戶行動(dòng)的可能性越大。障礙是用戶在行動(dòng)過(guò)程中遇到的阻礙因素,阻礙越小,做出行動(dòng)肯定會(huì)更順利。我們的用戶體驗(yàn)?zāi)繕?biāo)是更多的用戶打開自動(dòng)備份開關(guān)。
△動(dòng)機(jī)、擔(dān)憂和障礙
現(xiàn)在我們想想能給用戶創(chuàng)造什么動(dòng)機(jī)讓他產(chǎn)生打開開關(guān)的行動(dòng)?
比如:有的用戶可能是為了節(jié)省手機(jī)空間容量,所以希望把多余的圖片備份。也有可能是剛旅游回來(lái),準(zhǔn)備備份一批旅游拍攝的照片。還有可能是因?yàn)橥獠空T惑,比如打開自動(dòng)備份送10塊錢。
那在用戶打開自動(dòng)備份之前,又會(huì)有什么擔(dān)憂呢?比如擔(dān)心網(wǎng)盤不安全,隱私會(huì)不會(huì)泄露。或者覺得我們提供的空間不夠大,備份到一半空間就不夠了。還有網(wǎng)盤會(huì)不會(huì)不穩(wěn)定,哪天數(shù)據(jù)丟了就找不回來(lái)了。
動(dòng)機(jī)和擔(dān)憂是用戶做出行動(dòng)之前的,障礙則是用戶在行動(dòng)過(guò)程中的。假如打開的步驟非常多,路徑很長(zhǎng),或者界面內(nèi)容很復(fù)雜,用戶就可能會(huì)中途放棄打開自動(dòng)備份了。
△創(chuàng)造動(dòng)機(jī)、排除擔(dān)憂、解決障礙
現(xiàn)在我們來(lái)看下圖,了解競(jìng)品是如何創(chuàng)造動(dòng)機(jī)、排除擔(dān)憂、解決障礙的。
△競(jìng)品是如何創(chuàng)造動(dòng)機(jī)、排除擔(dān)憂、解決障礙
解釋行為如何發(fā)生的模型還有很多,例如斯坦福大學(xué)教授bjfogg認(rèn)為行為(behavior)由動(dòng)機(jī)(motivation)、能力(ability)、觸發(fā)器(trigger)三位一體產(chǎn)生的,用戶有意愿,能力足夠并且由一個(gè)事件觸發(fā),才會(huì)產(chǎn)生行為。
△b=mat
總的來(lái)說(shuō),人的行為受到主觀因素(人本身的情緒、思考、經(jīng)驗(yàn)等)和客觀因素(物理環(huán)境、社會(huì)環(huán)境、工具等)的復(fù)合影響,這其中某些因素可能對(duì)用戶產(chǎn)生行為有益,那么我們?cè)谧鲈O(shè)計(jì)時(shí)就應(yīng)該放大這些因素的影響從而激勵(lì)用戶產(chǎn)生行為。對(duì)于產(chǎn)生行為有害的因素,我們應(yīng)當(dāng)進(jìn)行引導(dǎo)和安撫。
△主觀因素和客觀因素影響用戶行為
五、交互設(shè)計(jì)畫布2.0
根據(jù)以上的梳理,交互設(shè)計(jì)畫布2.0的成型了。每次接到新需求的時(shí)候,在進(jìn)行基本的梳理和競(jìng)品分析后,我們可以把這張畫布打印一張進(jìn)行填寫(也可以使用axure元件庫(kù)電子版填寫)。新增的需求這欄,用于填寫需求方給的背景信息、資源和限制。最后一欄機(jī)會(huì)/挑戰(zhàn)是填寫綜合前面的因素發(fā)現(xiàn)的難點(diǎn)以及靈感、初步解決方案等。
在項(xiàng)目的進(jìn)行中,把填寫好的畫布貼到明顯的位置,提醒自己把握全局,不要走偏,如果發(fā)現(xiàn)新的靈感和漏掉的限制條件,也可以隨時(shí)補(bǔ)充到畫布中。
人的思維和記憶能力是有限的,在思考一個(gè)局部時(shí)往往會(huì)陷入其中鉆牛角尖,甚至遺漏一些重要條件。畫布的意義在于提供一個(gè)思考框架,并不是一定要把畫布填寫的滿滿的,才是好的,按需填寫甚至對(duì)畫布依據(jù)自己的思維習(xí)慣進(jìn)行二次改造。
△交互設(shè)計(jì)畫布axure電子版
△交互設(shè)計(jì)畫布正面
云服務(wù)器的ip分配.pw域名有投資價(jià)值么 .pw域名是頂級(jí)域名么郵件營(yíng)銷方法本地服務(wù)器和阿里云區(qū)別如何在阿里云服務(wù)器上免費(fèi)備案云服務(wù)器的鏡像可以改嗎剛把網(wǎng)站搬遷過(guò)來(lái)對(duì)接好數(shù)據(jù)庫(kù)云服務(wù)器掛不了虛擬機(jī)