2023-2-17 資深UI設(shè)計者
雙鉆模型是設(shè)計師在創(chuàng)作過程中可以循環(huán)復用的系統(tǒng),他不僅可以在我們設(shè)計界面時運用到,在一些數(shù)據(jù)提升優(yōu)化等方面同樣適用,雙鉆模型可以使設(shè)計更加理性,它能夠在我們做項目時思維更加具有邏輯性,我們設(shè)計過程中更多的方法還是遇到問題,直接輸出解決方案,而該模型可以讓我們的思考過程更加具象化、合理化,他與常規(guī)的思考方式不同,該模型更加注重問題的本質(zhì),全流程圍繞問題去解決問題,并且在大的項目上能夠提升團隊效率,與其他模型不同,該模型的適用場景更加廣泛。
雙鉆模型是由2005年英國設(shè)計委員會正式公布并進行驗證,但是在之前BDC就提到過雙鉆模型,而我們現(xiàn)在看到的模型是通過改良后進行使用的,不過這不重要,我們只需要了解它的用處價值以及如何使用就行了。
我們看下圖中,雙鉆模型主要為4個大階段,發(fā)現(xiàn)期、定義期、發(fā)展期、交付期。左邊的鉆石我們可以理解為發(fā)散思維階段,我們?yōu)橐粋€沒有目標的項目去腦爆出想法或者問題,其次選擇出正確的方向,右邊的鉆石我們可以理解為從正確的方向中抽取正確的事情,最后把正確的事情完成。
發(fā)現(xiàn)期我們理解為是探索期,該階段主要是發(fā)散思維和收集資料,研究問題的本質(zhì),把我們能想到與該問題具有關(guān)聯(lián)性的信息全部列出來。
質(zhì)疑:對一切信息的質(zhì)疑,簡單理解就是我們需要多問自己為什么,需求的合理性、用戶流程是否合理、為誰而做、會在什么場景使用、會遇到什么問題等等,把所有能想到的不合理事情列舉出來,這個小階段我們可以理解為是探索和發(fā)掘問題。
研究:針對問題去做對應(yīng)的調(diào)研,如不知道用戶使用場景,我們通過用戶調(diào)研可以得到結(jié)果,需要做什么研究調(diào)研可以根據(jù)需求遇到的具體問題去使用不同的研究方法,例如一些訪談、競品分析、數(shù)據(jù)分析等等。
該階段主要是把發(fā)現(xiàn)期的問題收攏聚焦,即基于發(fā)現(xiàn)期的調(diào)研分析、問題洞察形成結(jié)論,尋找可以突破的機會點,例如我們在發(fā)現(xiàn)期發(fā)現(xiàn)的問題是用戶的目標是什么,影響用戶目標的點可能有哪些,那么在定義階段就需要針對我們提出的這些假想進行聚焦,用戶是怎么完成目標,通過什么場景完成目標等等,篩選問題時一定要綜合評估,尋找可行性。
該階段是已經(jīng)開始要開始進行落地了,第一第二階段是找到正確方向,而現(xiàn)在則是用正確的方法去做正確的事情,我們要把聚焦的問題具象化,構(gòu)思我們能夠想到的方案,比如設(shè)計前期探索定義的是年輕、輕盈,在該階段我們就需要根據(jù)關(guān)鍵詞去考慮如何進行設(shè)計,這個階段是一個不斷生產(chǎn)和推翻的流程,一直重復,直到找到能夠落地的方案。
這個階段就顧名思義比較簡單了,根據(jù)發(fā)展期確定的方案,最后進行實際的落地,并且是可實施、可執(zhí)行的,通過團隊項目流程推動上線,最終展現(xiàn)給用戶。
以上便是雙鉆模型的定義,先舉個通俗的例子大家理解下模型,例如節(jié)假日我們想去旅游,a)我們?nèi)ナ裁吹胤??參觀古都?自駕游?游樂園?這個就是發(fā)現(xiàn)期,我們把想去的想玩的全部列出來,b)經(jīng)過篩選我們絕定去游樂園,這個就是大的方向,c)我們要去哪個游樂園?歡樂谷?方特大世界?這個階段就是發(fā)展期,我們要找到能去的地方,d)最后,怎么去?開車?跟團?玩多久?等等,這個就是交付期,可落地的。
當然這個案例是結(jié)合生活方便大家理解,在實際項目中它的用處不止如此。
網(wǎng)上也有很多雙鉆模型的案例,但大多都是偏向理論,并且案例也跟設(shè)計無關(guān)聯(lián),我從設(shè)計角度單刀直入的引入雙鉆模型,很簡單,很粗暴~~
例如我們要做一個唱歌產(chǎn)品的改版,站在設(shè)計師的角度我們需要去定義他的基本風格和基本色彩規(guī)范等等,但是總不能上來就去做設(shè)計吧,我們要知道我們產(chǎn)品的群體是誰?具體的用戶屬性是什么樣的?有什么樣特征呢?等等。這個階段就是“雙鉆模型”的第一個階段,發(fā)現(xiàn)期。
發(fā)現(xiàn)期就是要發(fā)散思維,比如我們”唱歌“產(chǎn)品的用戶群體是年輕群體,用戶特征是18-25歲的在校大學生,用戶使用場景大多是宿舍、教室等校園環(huán)境,我們就需要去根據(jù)這些信息去進行設(shè)計思維發(fā)散,例如什么的風格符合這類群體,先把關(guān)鍵詞舉例出來,如年輕、活力、青春、潮流、二次元...,依據(jù)這些關(guān)鍵詞做一些飛機稿,不斷進行探索。
當然不止這一個思路,我們也可以通過競品分析的方法去擴展思路,如比較潮流的RAPAPP、二次元較重的B站,在比如現(xiàn)在的劇本殺相關(guān)的app等等,分析他們的設(shè)計風格和表現(xiàn)方式,嘗試融合出飛機稿。
小結(jié):第一步的核心就是發(fā)散思維,把要做的產(chǎn)品背景信息全部羅列出來,通過橫向縱向的方式去散發(fā)關(guān)鍵詞,最后做出對不同風格的設(shè)計,進行探索。
像前面說的,該階段就是把發(fā)現(xiàn)期散發(fā)的想法往回收一收,畢竟那么多想法哪一個才是我們需要的,我們需要在這個階段去篩選出來。
我們按照年輕、二次元、潮流、國潮這些關(guān)鍵詞出了一些飛機稿,我們需要去收攏起來看看那些可以與產(chǎn)品特性和用戶屬性真正具有關(guān)聯(lián)性,假設(shè)用戶群體雖然是18-25歲的學生,但是我們通過訪談和其他調(diào)研方式發(fā)現(xiàn)這類群體中喜歡二次元歌曲的群體偏少,而潮流、國潮等關(guān)鍵詞更符合這類群體定位,并且也能夠跟產(chǎn)品的主打方向匹配上,那么就可以剔除二次元相關(guān)的飛機稿了。
該階段最好能收縮到同一個維度2-3個方案便于我們?nèi)ミM行驗證,假設(shè)我們通過后續(xù)調(diào)研發(fā)現(xiàn),國潮與潮酷用戶群體喜好占比差不多,但是潮酷是產(chǎn)品未來的方向,我們就可以嘗試剔除國潮,但在潮酷這個范圍內(nèi)可能還會存在多種飛機稿,這是我們就需要進一步篩選,比如通過延展性,宣傳性,用戶認知度以及用戶的審美特性等等多維度去篩選,最終保持少量的方案。
到了這個階段我們應(yīng)該比較熟悉了,嘗試把上述的方案繼續(xù)收攏聚焦,提取出一個可行性方案展開后續(xù)的設(shè)計,具體怎么篩選,同樣可以繼續(xù)使用橫向和縱向維度進行對比,如潮酷風格方案還剩下2個,我們就可以通過用戶調(diào)研、競品分析去嘗試衡量優(yōu)劣勢。
交付期其實就是我們設(shè)計側(cè)工作全部完成了,流程已經(jīng)進入到了開發(fā),我們把完整的設(shè)計稿、切圖等素材交付開發(fā),同時還需要橫向輸出設(shè)計規(guī)范供團隊后續(xù)使用。
雙鉆模型用途非常廣泛,如數(shù)據(jù)方面、產(chǎn)品方面、設(shè)計方面甚至管理方面都可以使用到,在不同的領(lǐng)域使用的方法都類似,區(qū)別就是使用的深入如何,像本篇以純設(shè)計維度出發(fā)去使用雙鉆模型,使用的方式偏向單維度。
若以提升數(shù)據(jù)或優(yōu)化用戶體驗為目標使用雙鉆模型,那么每一個階段的思維散發(fā)會變得更加廣泛,每條結(jié)果交叉的情況也非常多。
再次提醒,本篇只以設(shè)計維度出發(fā)教大家使用雙鉆模型
該模型是講述用戶使用產(chǎn)品的感受,它包含五個維度:有效(Effective)、效率(Efficient)、吸引(Engaging)、容錯(Error tolerant)、易學(Easy to learn),我們看每個維度的英文解釋,會發(fā)現(xiàn)首字母都是E開頭,所以被稱為5E體驗設(shè)計模型。
5E 模型在整個體驗設(shè)計流程中可用性非常強,它可以幫助我們的團隊更具有創(chuàng)造力和理性的分布式領(lǐng)導模型,它可以讓復雜的設(shè)計簡單化,可以幫助產(chǎn)品構(gòu)建一個具有標準性的體驗框架,我們無論做簡單還是復雜的設(shè)計時都可以依據(jù)這5個維度進行體驗評估。
不知道大家有沒有發(fā)現(xiàn),我們經(jīng)常講的產(chǎn)品可用性或者易用性,其實跟5E模型很像,5E模型的五個維度其實就是產(chǎn)品可用性的基礎(chǔ),當一個產(chǎn)品不滿足其中一條的時候,那這個產(chǎn)品就不存在所謂的可用性,接下來我們對這五個維度進行解析。
顧名思義,有效指的就是產(chǎn)品功能的有效性,產(chǎn)品是否能夠為用戶帶來價值,是否能夠幫助用戶完成目標,如果不能幫助用戶完成目標,那么就不存在產(chǎn)品有效性,就像我們買筷子是為了吃飯、買開瓶器是為開蓋、買車是為了代步.....如果筷子只給我們一只,開瓶器無法開啟瓶蓋,車子沒有輪子跑不起來,那這個產(chǎn)品就是殘缺的最基礎(chǔ)的可用性都未達到。
字面意思指我們在保證精準度的前提下保證完成事項的效率,準確度越高速度越慢,這個的衡量通常指產(chǎn)品與競品相比同一個任務(wù)流程效率的高低,以及出錯的頻率,假如我們刷抖音刷10個視頻需要1分鐘,而影響時間的因素是單個視頻的內(nèi)容是否足夠吸引,亦或者網(wǎng)速是否夠快。
這個就比較好理解,就是界面是否能夠吸引用戶,能夠讓用戶愉快的使用我們的頁面,當然不止視覺上的,人的感知包括視覺、嗅覺、觸覺、味覺,一個優(yōu)秀的界面是不僅僅只有視覺,它還可以通過視覺的感知引起用戶的遐想,例如一個美食的產(chǎn)品,我們把首頁做的更加紅火、火爆可能就會引起用戶遐想起辣、熱等感知。
容錯我們可以理解為是一個防錯機制,或者說是容錯率,當用戶在操作某一個功能時,容易發(fā)生錯誤,我們就需要讓產(chǎn)品幫助用戶及時更正錯誤,例如自動修復,在比如打王者榮耀時我們選擇陣容都會經(jīng)常說容錯率,這里就是指5個英雄,2個打團時可能優(yōu)勢不是那么大,但是另外3個的容錯率非常高能把劣勢補救回來,而產(chǎn)品的容錯就相當于這3個英雄,負責把用戶可能出現(xiàn)的錯誤操作給補救回來。
易學和產(chǎn)品如何支持初次使用和更深度的學習相關(guān)。一個產(chǎn)品可以使用一次,或一會兒,或一天。它可以完成一個容易的或復雜的任務(wù),用戶可能是一個專家或新手。但每一次使用,界面必須能夠記憶或重新學習,而且使用一段時間后能夠發(fā)掘更多的功能,通常產(chǎn)品的易學性體現(xiàn)在用戶的操作效率。
有效性就像他定義的那樣,存在即合理,存在差異的是準確性,基本每個產(chǎn)品都必須具備有效性,例如地圖軟件,我要做公交車,能夠通過該功能查看離我最近的一輛公交還有多久到,這個功能的存在就是為了便于我們乘坐公交,防止無效等待,而差異上就是公交到站的時間可能因為某種原因不夠準確,這個就是有效上的差異因素。
如何讓用戶體驗更好,效率是其中任何重要的一個點,部分的產(chǎn)品的存在就是為了“讓人變懶”,例如外賣、打車、購物等等,以聊天為例1v1聊天時消息能否及時的傳輸,群聊時同時加載n條消息,而我們能夠第一時間看到信息,在新聞資訊的軟件中,怎么保證用戶閱讀的效率,同樣的產(chǎn)品怎么排版才能夠符合用戶閱讀習慣,提高效率,大多行業(yè)的產(chǎn)品想要做到好的體驗,效率是不可缺失的。
一個產(chǎn)品通過不同的視覺表現(xiàn)或者音樂效果能夠加強用戶在感知層的認知,不同的群體,不同的階段,所展示的風格不同,像下圖中的金融產(chǎn)品,使用紅色為主色傳遞的感覺是積極向上的感知,因為在國內(nèi)股票和基金里紅色代表漲,在看閱讀產(chǎn)品和教育產(chǎn)品,都根據(jù)產(chǎn)品特性和用戶群體來設(shè)定風格,試想一下,一個閱讀的軟件做成卡通風格,那會不會嚴重影響閱讀呢。
上面所說,容錯更像自動修復或者幫助用戶解決錯誤操作問題,在系統(tǒng)上我們可能會經(jīng)??吹?,例如電腦崩潰時像MAC系統(tǒng)會詢問是否重啟,而Windows崩潰時會直接藍屏幫用戶自動重啟。
在產(chǎn)品中也會有相關(guān)的功能,例如聊天頁面中,我們因為網(wǎng)絡(luò)因素發(fā)送失敗會進行紅點提示,包括一些內(nèi)容加載失敗會提示重新加載等等。
易學應(yīng)用場景非常之多,我們在做產(chǎn)品時大多都是優(yōu)先考慮用戶使用是否有阻礙,這個概念還是比較成熟的,當然產(chǎn)品功能有些時候也避免不了復雜化,這時我們可以用新手引導進行解決,但是還是需要提醒大家,在設(shè)計頁面的時候一定一定要優(yōu)先遵循識別性和認知性,其次再去考慮創(chuàng)意,例如一個分享圖標,把它設(shè)計的不像一個分享,設(shè)計感是有了,但是可用性無了。
為什么分享這兩個模型呢,這兩個我理解是體驗設(shè)計的基礎(chǔ),雙鉆模型讓我們從0-1一步一步解決問題,而5E模型是在我們解決問題的過程中時刻提醒我們不要偏移基礎(chǔ)的體驗,就像開車一樣,雙鉆模型就像是一個地圖的起點與終點,5E模型就像在行駛這段過程中的超速提醒、危險駕駛提醒等。
藍藍設(shè)計( bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://bouu.cn