一篇文章學(xué)會(huì)兩個(gè)體驗(yàn)?zāi)P?/h2>

2023-2-17    資深UI設(shè)計(jì)者

一、雙鉆模型

它的作用是什么

雙鉆模型是設(shè)計(jì)師在創(chuàng)作過程中可以循環(huán)復(fù)用的系統(tǒng),他不僅可以在我們?cè)O(shè)計(jì)界面時(shí)運(yùn)用到,在一些數(shù)據(jù)提升優(yōu)化等方面同樣適用,雙鉆模型可以使設(shè)計(jì)更加理性,它能夠在我們做項(xiàng)目時(shí)思維更加具有邏輯性,我們?cè)O(shè)計(jì)過程中更多的方法還是遇到問題,直接輸出解決方案,而該模型可以讓我們的思考過程更加具象化、合理化,他與常規(guī)的思考方式不同,該模型更加注重問題的本質(zhì),全流程圍繞問題去解決問題,并且在大的項(xiàng)目上能夠提升團(tuán)隊(duì)效率,與其他模型不同,該模型的適用場(chǎng)景更加廣泛。

什么是雙鉆模型

雙鉆模型是由2005年英國設(shè)計(jì)委員會(huì)正式公布并進(jìn)行驗(yàn)證,但是在之前BDC就提到過雙鉆模型,而我們現(xiàn)在看到的模型是通過改良后進(jìn)行使用的,不過這不重要,我們只需要了解它的用處價(jià)值以及如何使用就行了。
我們看下圖中,雙鉆模型主要為4個(gè)大階段,發(fā)現(xiàn)期、定義期、發(fā)展期、交付期。左邊的鉆石我們可以理解為發(fā)散思維階段,我們?yōu)橐粋€(gè)沒有目標(biāo)的項(xiàng)目去腦爆出想法或者問題,其次選擇出正確的方向,右邊的鉆石我們可以理解為從正確的方向中抽取正確的事情,最后把正確的事情完成。

a、發(fā)現(xiàn)期

發(fā)現(xiàn)期我們理解為是探索期,該階段主要是發(fā)散思維和收集資料,研究問題的本質(zhì),把我們能想到與該問題具有關(guān)聯(lián)性的信息全部列出來。

質(zhì)疑:對(duì)一切信息的質(zhì)疑,簡(jiǎn)單理解就是我們需要多問自己為什么,需求的合理性、用戶流程是否合理、為誰而做、會(huì)在什么場(chǎng)景使用、會(huì)遇到什么問題等等,把所有能想到的不合理事情列舉出來,這個(gè)小階段我們可以理解為是探索和發(fā)掘問題。
研究:針對(duì)問題去做對(duì)應(yīng)的調(diào)研,如不知道用戶使用場(chǎng)景,我們通過用戶調(diào)研可以得到結(jié)果,需要做什么研究調(diào)研可以根據(jù)需求遇到的具體問題去使用不同的研究方法,例如一些訪談、競(jìng)品分析、數(shù)據(jù)分析等等。

b、定義期

該階段主要是把發(fā)現(xiàn)期的問題收攏聚焦,即基于發(fā)現(xiàn)期的調(diào)研分析、問題洞察形成結(jié)論,尋找可以突破的機(jī)會(huì)點(diǎn),例如我們?cè)诎l(fā)現(xiàn)期發(fā)現(xiàn)的問題是用戶的目標(biāo)是什么,影響用戶目標(biāo)的點(diǎn)可能有哪些,那么在定義階段就需要針對(duì)我們提出的這些假想進(jìn)行聚焦,用戶是怎么完成目標(biāo),通過什么場(chǎng)景完成目標(biāo)等等,篩選問題時(shí)一定要綜合評(píng)估,尋找可行性。

c、發(fā)展期

該階段是已經(jīng)開始要開始進(jìn)行落地了,第一第二階段是找到正確方向,而現(xiàn)在則是用正確的方法去做正確的事情,我們要把聚焦的問題具象化,構(gòu)思我們能夠想到的方案,比如設(shè)計(jì)前期探索定義的是年輕、輕盈,在該階段我們就需要根據(jù)關(guān)鍵詞去考慮如何進(jìn)行設(shè)計(jì),這個(gè)階段是一個(gè)不斷生產(chǎn)和推翻的流程,一直重復(fù),直到找到能夠落地的方案。

d、交付期

這個(gè)階段就顧名思義比較簡(jiǎn)單了,根據(jù)發(fā)展期確定的方案,最后進(jìn)行實(shí)際的落地,并且是可實(shí)施、可執(zhí)行的,通過團(tuán)隊(duì)項(xiàng)目流程推動(dòng)上線,最終展現(xiàn)給用戶。

以上便是雙鉆模型的定義,先舉個(gè)通俗的例子大家理解下模型,例如節(jié)假日我們想去旅游,a)我們?nèi)ナ裁吹胤??參觀古都?自駕游?游樂園?這個(gè)就是發(fā)現(xiàn)期,我們把想去的想玩的全部列出來,b)經(jīng)過篩選我們絕定去游樂園,這個(gè)就是大的方向,c)我們要去哪個(gè)游樂園?歡樂谷?方特大世界?這個(gè)階段就是發(fā)展期,我們要找到能去的地方,d)最后,怎么去?開車?跟團(tuán)?玩多久?等等,這個(gè)就是交付期,可落地的。
當(dāng)然這個(gè)案例是結(jié)合生活方便大家理解,在實(shí)際項(xiàng)目中它的用處不止如此。

該如何使用它

網(wǎng)上也有很多雙鉆模型的案例,但大多都是偏向理論,并且案例也跟設(shè)計(jì)無關(guān)聯(lián),我從設(shè)計(jì)角度單刀直入的引入雙鉆模型,很簡(jiǎn)單,很粗暴~~

例如我們要做一個(gè)唱歌產(chǎn)品的改版,站在設(shè)計(jì)師的角度我們需要去定義他的基本風(fēng)格和基本色彩規(guī)范等等,但是總不能上來就去做設(shè)計(jì)吧,我們要知道我們產(chǎn)品的群體是誰?具體的用戶屬性是什么樣的?有什么樣特征呢?等等。這個(gè)階段就是“雙鉆模型”的第一個(gè)階段,發(fā)現(xiàn)期。

發(fā)現(xiàn)期怎么做

發(fā)現(xiàn)期就是要發(fā)散思維,比如我們”唱歌“產(chǎn)品的用戶群體是年輕群體,用戶特征是18-25歲的在校大學(xué)生,用戶使用場(chǎng)景大多是宿舍、教室等校園環(huán)境,我們就需要去根據(jù)這些信息去進(jìn)行設(shè)計(jì)思維發(fā)散,例如什么的風(fēng)格符合這類群體,先把關(guān)鍵詞舉例出來,如年輕、活力、青春、潮流、二次元...,依據(jù)這些關(guān)鍵詞做一些飛機(jī)稿,不斷進(jìn)行探索。

當(dāng)然不止這一個(gè)思路,我們也可以通過競(jìng)品分析的方法去擴(kuò)展思路,如比較潮流的RAPAPP、二次元較重的B站,在比如現(xiàn)在的劇本殺相關(guān)的app等等,分析他們的設(shè)計(jì)風(fēng)格和表現(xiàn)方式,嘗試融合出飛機(jī)稿。

小結(jié):第一步的核心就是發(fā)散思維,把要做的產(chǎn)品背景信息全部羅列出來,通過橫向縱向的方式去散發(fā)關(guān)鍵詞,最后做出對(duì)不同風(fēng)格的設(shè)計(jì),進(jìn)行探索。

定義期怎么做

像前面說的,該階段就是把發(fā)現(xiàn)期散發(fā)的想法往回收一收,畢竟那么多想法哪一個(gè)才是我們需要的,我們需要在這個(gè)階段去篩選出來。


我們按照年輕、二次元、潮流、國潮這些關(guān)鍵詞出了一些飛機(jī)稿,我們需要去收攏起來看看那些可以與產(chǎn)品特性和用戶屬性真正具有關(guān)聯(lián)性,假設(shè)用戶群體雖然是18-25歲的學(xué)生,但是我們通過訪談和其他調(diào)研方式發(fā)現(xiàn)這類群體中喜歡二次元歌曲的群體偏少,而潮流、國潮等關(guān)鍵詞更符合這類群體定位,并且也能夠跟產(chǎn)品的主打方向匹配上,那么就可以剔除二次元相關(guān)的飛機(jī)稿了。


該階段最好能收縮到同一個(gè)維度2-3個(gè)方案便于我們?nèi)ミM(jìn)行驗(yàn)證,假設(shè)我們通過后續(xù)調(diào)研發(fā)現(xiàn),國潮與潮酷用戶群體喜好占比差不多,但是潮酷是產(chǎn)品未來的方向,我們就可以嘗試剔除國潮,但在潮酷這個(gè)范圍內(nèi)可能還會(huì)存在多種飛機(jī)稿,這是我們就需要進(jìn)一步篩選,比如通過延展性,宣傳性,用戶認(rèn)知度以及用戶的審美特性等等多維度去篩選,最終保持少量的方案。

發(fā)展期怎么做

到了這個(gè)階段我們應(yīng)該比較熟悉了,嘗試把上述的方案繼續(xù)收攏聚焦,提取出一個(gè)可行性方案展開后續(xù)的設(shè)計(jì),具體怎么篩選,同樣可以繼續(xù)使用橫向和縱向維度進(jìn)行對(duì)比,如潮酷風(fēng)格方案還剩下2個(gè),我們就可以通過用戶調(diào)研、競(jìng)品分析去嘗試衡量?jī)?yōu)劣勢(shì)。

交付期怎么做

交付期其實(shí)就是我們?cè)O(shè)計(jì)側(cè)工作全部完成了,流程已經(jīng)進(jìn)入到了開發(fā),我們把完整的設(shè)計(jì)稿、切圖等素材交付開發(fā),同時(shí)還需要橫向輸出設(shè)計(jì)規(guī)范供團(tuán)隊(duì)后續(xù)使用。

總結(jié)

雙鉆模型用途非常廣泛,如數(shù)據(jù)方面、產(chǎn)品方面、設(shè)計(jì)方面甚至管理方面都可以使用到,在不同的領(lǐng)域使用的方法都類似,區(qū)別就是使用的深入如何,像本篇以純?cè)O(shè)計(jì)維度出發(fā)去使用雙鉆模型,使用的方式偏向單維度。
若以提升數(shù)據(jù)或優(yōu)化用戶體驗(yàn)為目標(biāo)使用雙鉆模型,那么每一個(gè)階段的思維散發(fā)會(huì)變得更加廣泛,每條結(jié)果交叉的情況也非常多。
再次提醒,本篇只以設(shè)計(jì)維度出發(fā)教大家使用雙鉆模型

二、5E體驗(yàn)設(shè)計(jì)模型

什么是5E體驗(yàn)設(shè)計(jì)模型

該模型是講述用戶使用產(chǎn)品的感受,它包含五個(gè)維度:有效(Effective)、效率(Efficient)、吸引(Engaging)、容錯(cuò)(Error tolerant)、易學(xué)(Easy to learn),我們看每個(gè)維度的英文解釋,會(huì)發(fā)現(xiàn)首字母都是E開頭,所以被稱為5E體驗(yàn)設(shè)計(jì)模型。

5E 模型在整個(gè)體驗(yàn)設(shè)計(jì)流程中可用性非常強(qiáng),它可以幫助我們的團(tuán)隊(duì)更具有創(chuàng)造力和理性的分布式領(lǐng)導(dǎo)模型,它可以讓復(fù)雜的設(shè)計(jì)簡(jiǎn)單化,可以幫助產(chǎn)品構(gòu)建一個(gè)具有標(biāo)準(zhǔn)性的體驗(yàn)框架,我們無論做簡(jiǎn)單還是復(fù)雜的設(shè)計(jì)時(shí)都可以依據(jù)這5個(gè)維度進(jìn)行體驗(yàn)評(píng)估。

不知道大家有沒有發(fā)現(xiàn),我們經(jīng)常講的產(chǎn)品可用性或者易用性,其實(shí)跟5E模型很像,5E模型的五個(gè)維度其實(shí)就是產(chǎn)品可用性的基礎(chǔ),當(dāng)一個(gè)產(chǎn)品不滿足其中一條的時(shí)候,那這個(gè)產(chǎn)品就不存在所謂的可用性,接下來我們對(duì)這五個(gè)維度進(jìn)行解析。

有效(Effective)

顧名思義,有效指的就是產(chǎn)品功能的有效性,產(chǎn)品是否能夠?yàn)橛脩魩韮r(jià)值,是否能夠幫助用戶完成目標(biāo),如果不能幫助用戶完成目標(biāo),那么就不存在產(chǎn)品有效性,就像我們買筷子是為了吃飯、買開瓶器是為開蓋、買車是為了代步.....如果筷子只給我們一只,開瓶器無法開啟瓶蓋,車子沒有輪子跑不起來,那這個(gè)產(chǎn)品就是殘缺的最基礎(chǔ)的可用性都未達(dá)到。

效率(Efficient)

字面意思指我們?cè)诒WC精準(zhǔn)度的前提下保證完成事項(xiàng)的效率,準(zhǔn)確度越高速度越慢,這個(gè)的衡量通常指產(chǎn)品與競(jìng)品相比同一個(gè)任務(wù)流程效率的高低,以及出錯(cuò)的頻率,假如我們刷抖音刷10個(gè)視頻需要1分鐘,而影響時(shí)間的因素是單個(gè)視頻的內(nèi)容是否足夠吸引,亦或者網(wǎng)速是否夠快。

吸引(Engaging)

這個(gè)就比較好理解,就是界面是否能夠吸引用戶,能夠讓用戶愉快的使用我們的頁面,當(dāng)然不止視覺上的,人的感知包括視覺、嗅覺、觸覺、味覺,一個(gè)優(yōu)秀的界面是不僅僅只有視覺,它還可以通過視覺的感知引起用戶的遐想,例如一個(gè)美食的產(chǎn)品,我們把首頁做的更加紅火、火爆可能就會(huì)引起用戶遐想起辣、熱等感知。

容錯(cuò)(Error tolerant)

容錯(cuò)我們可以理解為是一個(gè)防錯(cuò)機(jī)制,或者說是容錯(cuò)率,當(dāng)用戶在操作某一個(gè)功能時(shí),容易發(fā)生錯(cuò)誤,我們就需要讓產(chǎn)品幫助用戶及時(shí)更正錯(cuò)誤,例如自動(dòng)修復(fù),在比如打王者榮耀時(shí)我們選擇陣容都會(huì)經(jīng)常說容錯(cuò)率,這里就是指5個(gè)英雄,2個(gè)打團(tuán)時(shí)可能優(yōu)勢(shì)不是那么大,但是另外3個(gè)的容錯(cuò)率非常高能把劣勢(shì)補(bǔ)救回來,而產(chǎn)品的容錯(cuò)就相當(dāng)于這3個(gè)英雄,負(fù)責(zé)把用戶可能出現(xiàn)的錯(cuò)誤操作給補(bǔ)救回來。

易學(xué)(Easy to learn)

易學(xué)和產(chǎn)品如何支持初次使用和更深度的學(xué)習(xí)相關(guān)。一個(gè)產(chǎn)品可以使用一次,或一會(huì)兒,或一天。它可以完成一個(gè)容易的或復(fù)雜的任務(wù),用戶可能是一個(gè)專家或新手。但每一次使用,界面必須能夠記憶或重新學(xué)習(xí),而且使用一段時(shí)間后能夠發(fā)掘更多的功能,通常產(chǎn)品的易學(xué)性體現(xiàn)在用戶的操作效率。

在產(chǎn)品設(shè)計(jì)中的應(yīng)用

有效(Effective)

有效性就像他定義的那樣,存在即合理,存在差異的是準(zhǔn)確性,基本每個(gè)產(chǎn)品都必須具備有效性,例如地圖軟件,我要做公交車,能夠通過該功能查看離我最近的一輛公交還有多久到,這個(gè)功能的存在就是為了便于我們乘坐公交,防止無效等待,而差異上就是公交到站的時(shí)間可能因?yàn)槟撤N原因不夠準(zhǔn)確,這個(gè)就是有效上的差異因素。

效率(Efficient)

如何讓用戶體驗(yàn)更好,效率是其中任何重要的一個(gè)點(diǎn),部分的產(chǎn)品的存在就是為了“讓人變懶”,例如外賣、打車、購物等等,以聊天為例1v1聊天時(shí)消息能否及時(shí)的傳輸,群聊時(shí)同時(shí)加載n條消息,而我們能夠第一時(shí)間看到信息,在新聞資訊的軟件中,怎么保證用戶閱讀的效率,同樣的產(chǎn)品怎么排版才能夠符合用戶閱讀習(xí)慣,提高效率,大多行業(yè)的產(chǎn)品想要做到好的體驗(yàn),效率是不可缺失的。

吸引(Engaging)

一個(gè)產(chǎn)品通過不同的視覺表現(xiàn)或者音樂效果能夠加強(qiáng)用戶在感知層的認(rèn)知,不同的群體,不同的階段,所展示的風(fēng)格不同,像下圖中的金融產(chǎn)品,使用紅色為主色傳遞的感覺是積極向上的感知,因?yàn)樵趪鴥?nèi)股票和基金里紅色代表漲,在看閱讀產(chǎn)品和教育產(chǎn)品,都根據(jù)產(chǎn)品特性和用戶群體來設(shè)定風(fēng)格,試想一下,一個(gè)閱讀的軟件做成卡通風(fēng)格,那會(huì)不會(huì)嚴(yán)重影響閱讀呢。

容錯(cuò)(Error tolerant)

上面所說,容錯(cuò)更像自動(dòng)修復(fù)或者幫助用戶解決錯(cuò)誤操作問題,在系統(tǒng)上我們可能會(huì)經(jīng)??吹?,例如電腦崩潰時(shí)像MAC系統(tǒng)會(huì)詢問是否重啟,而Windows崩潰時(shí)會(huì)直接藍(lán)屏幫用戶自動(dòng)重啟。

在產(chǎn)品中也會(huì)有相關(guān)的功能,例如聊天頁面中,我們因?yàn)榫W(wǎng)絡(luò)因素發(fā)送失敗會(huì)進(jìn)行紅點(diǎn)提示,包括一些內(nèi)容加載失敗會(huì)提示重新加載等等。

易學(xué)(Easy to learn)

易學(xué)應(yīng)用場(chǎng)景非常之多,我們?cè)谧霎a(chǎn)品時(shí)大多都是優(yōu)先考慮用戶使用是否有阻礙,這個(gè)概念還是比較成熟的,當(dāng)然產(chǎn)品功能有些時(shí)候也避免不了復(fù)雜化,這時(shí)我們可以用新手引導(dǎo)進(jìn)行解決,但是還是需要提醒大家,在設(shè)計(jì)頁面的時(shí)候一定一定要優(yōu)先遵循識(shí)別性和認(rèn)知性,其次再去考慮創(chuàng)意,例如一個(gè)分享圖標(biāo),把它設(shè)計(jì)的不像一個(gè)分享,設(shè)計(jì)感是有了,但是可用性無了。

總結(jié)

為什么分享這兩個(gè)模型呢,這兩個(gè)我理解是體驗(yàn)設(shè)計(jì)的基礎(chǔ),雙鉆模型讓我們從0-1一步一步解決問題,而5E模型是在我們解決問題的過程中時(shí)刻提醒我們不要偏移基礎(chǔ)的體驗(yàn),就像開車一樣,雙鉆模型就像是一個(gè)地圖的起點(diǎn)與終點(diǎn),5E模型就像在行駛這段過程中的超速提醒、危險(xiǎn)駕駛提醒等。



作者:愛吃貓的魚___
鏈接:https://www.zcool.com.cn/article/ZMTQ0OTAzMg==.html
來源:站酷
       

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

                 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔