如何基于用戶(hù)使用場(chǎng)景做正確的設(shè)計(jì)?
編輯導(dǎo)讀:場(chǎng)景化設(shè)計(jì)是產(chǎn)品設(shè)計(jì)中重要的一環(huán),它能讓用戶(hù)按照產(chǎn)品設(shè)定的路線快速完成目標(biāo)。那么,如何基于場(chǎng)景做正確的設(shè)計(jì)呢?本文將從八個(gè)方面進(jìn)行深入分析,希望對(duì)你有幫助。
一、什么是場(chǎng)景化設(shè)計(jì)?
場(chǎng)景化設(shè)計(jì)的定義:根據(jù)特定時(shí)間、使用情景、及用戶(hù)的特性,進(jìn)行定制化的設(shè)計(jì),使用戶(hù)按照產(chǎn)品設(shè)定的路線快速完成目標(biāo)。
互聯(lián)網(wǎng)中的2類(lèi)場(chǎng)景:
挖掘需求:
用戶(hù):到中午飯點(diǎn),但外面很曬,而且人多得排隊(duì),午休時(shí)間又很短。產(chǎn)品:明確用戶(hù)精準(zhǔn)的需求,提供精準(zhǔn)的服務(wù),點(diǎn)外賣(mài)軟件誕生。第一類(lèi)場(chǎng)景主要是挖掘用戶(hù)需求提供用戶(hù)使用動(dòng)機(jī)。
研究需求:
用戶(hù):這個(gè)軟件點(diǎn)外賣(mài)軟件操作繁瑣,找不到想要的。產(chǎn)品:梳理用戶(hù)使用流程并優(yōu)化,根據(jù)用戶(hù)畫(huà)像進(jìn)行千人千面展示,進(jìn)行精準(zhǔn)推薦。第二類(lèi)場(chǎng)景主要是精細(xì)化用戶(hù)如何使用產(chǎn)品,可能會(huì)遇到什么問(wèn)題,針對(duì)問(wèn)題提供解決方案。也是我們?cè)O(shè)計(jì)師接到最多的需求。
二、場(chǎng)景分析中包含什么內(nèi)容?
場(chǎng)景分析又叫:4W1H場(chǎng)景分析,即誰(shuí)(Who)在什么時(shí)間(When)什么地方(Where)干了什么事(What)所處環(huán)境怎么樣(How)
舉例:
我(Who)在中午快下班的點(diǎn)(When)在公司(Where)打開(kāi)美團(tuán)查看外賣(mài)送到哪(What)肚子很餓,午休時(shí)間短(How)。再比如啊坤(Who)在早上(When)去公司的地鐵上(Where)掏出手機(jī)看打籃球的視頻(What)周?chē)h(huán)境人多嘈雜(How)。
三、場(chǎng)景中存在的變量
1. 人(Who)
用戶(hù)存在差異性,不同的用戶(hù)看到的內(nèi)容也不同。
淘寶針對(duì)每個(gè)用戶(hù)的使用習(xí)慣生成用戶(hù)畫(huà)像進(jìn)行精準(zhǔn)推薦從而實(shí)現(xiàn)干人千面,比如你搜索過(guò)、瀏覽過(guò)、購(gòu)買(mǎi)過(guò)的商品,淘寶便會(huì)在首頁(yè)給你推薦相似產(chǎn)品,(之前有一個(gè)梗,某人搜索過(guò)骨灰盒,結(jié)果淘寶一直給他推……)更有甚者的是你在看一些新聞資訊軟件時(shí),會(huì)出現(xiàn)你淘寶搜索過(guò)的商品的廣告。
類(lèi)似還有:比如你抖音經(jīng)??葱〗憬阋曨l結(jié)果一直給你推送等……
2. 時(shí)間(When)
根據(jù)對(duì)用戶(hù)使用場(chǎng)景分析,在特定時(shí)間進(jìn)行內(nèi)容推薦。
- 比如經(jīng)常點(diǎn)外賣(mài)的朋友會(huì)發(fā)現(xiàn),在快到飯點(diǎn)的時(shí)候,一些外賣(mài)軟件會(huì)提前給你推薦一些商品或活動(dòng)吸引你點(diǎn)擊。
- 我之前玩過(guò)某個(gè)游戲,當(dāng)我晚上打開(kāi)時(shí)游戲中的場(chǎng)景會(huì)自動(dòng)切換成晚上。
- 還有一些訂票軟件,電影票也好火車(chē)票也好,在電影快開(kāi)始前或行程出發(fā)前都會(huì)有相應(yīng)的時(shí)間提示推送。
3. 地點(diǎn)(Where)
常見(jiàn)在一些旅游產(chǎn)品或周邊服務(wù)產(chǎn)品,用戶(hù)定位不同推薦內(nèi)容也不同。
比如飛豬App當(dāng)你定位是在深圳,那么你首頁(yè)看到的都是深圳周邊的吃喝玩樂(lè)、攻略等內(nèi)容。當(dāng)你切換為其他地方時(shí),展示的內(nèi)容截然不同。
4. 環(huán)境(How)
當(dāng)設(shè)備環(huán)境發(fā)生改變,通過(guò)預(yù)測(cè)環(huán)境來(lái)提升使用體驗(yàn)。
- 比如當(dāng)用戶(hù)手機(jī)連接耳機(jī)在播放視頻或聽(tīng)音樂(lè)時(shí),耳機(jī)突然拔出,視頻或音樂(lè)也會(huì)對(duì)應(yīng)暫停,緩解尷尬 。
- 又比如網(wǎng)易云音樂(lè)設(shè)計(jì)團(tuán)隊(duì)根據(jù)用戶(hù)具體的使用情景,設(shè)定用戶(hù)在有網(wǎng)狀態(tài)下打開(kāi)App會(huì)進(jìn)入「發(fā)現(xiàn)」的音樂(lè)首頁(yè),而在無(wú)網(wǎng)情境里會(huì)直接跳轉(zhuǎn)「我的」頁(yè)面。音樂(lè)首頁(yè)便于用戶(hù)發(fā)現(xiàn)最新音樂(lè)資訊與歌單推薦,在線聽(tīng)歌;而「我的」方便直接打開(kāi)「本地音樂(lè)」列表,離線聽(tīng)歌。好的體驗(yàn)永遠(yuǎn)離不開(kāi)場(chǎng)景特征與需求,區(qū)別化的頁(yè)面跳轉(zhuǎn)為用戶(hù)縮短了行為路徑,節(jié)省了操作步驟,讓使用體驗(yàn)更貼合具體使用場(chǎng)景。
- 還有比如你的手機(jī)防水現(xiàn)在剛從水里撈出來(lái)的情況下去充電,手機(jī)是無(wú)法正常充電并且會(huì)提示充電接口潮濕,提高產(chǎn)品使用安全性。
四、場(chǎng)景化設(shè)計(jì)有什么好處?
好處在于通過(guò)對(duì)用戶(hù)使用場(chǎng)景進(jìn)行分析,有利于幫助我們了解到當(dāng)前場(chǎng)景下用戶(hù)的需求和痛點(diǎn),并通過(guò)設(shè)計(jì)手段進(jìn)行優(yōu)化,以更好滿(mǎn)足用戶(hù)體驗(yàn)?zāi)繕?biāo)和產(chǎn)品商業(yè)目標(biāo)。
為了更好地理解上面這段話,舉例補(bǔ)充:
假設(shè)你女朋友是用戶(hù),你是產(chǎn)品。在女朋友體驗(yàn)了一段時(shí)間后對(duì)你積壓了很多不滿(mǎn)意,那么你現(xiàn)在就要注意,此刻你女朋友的體驗(yàn)?zāi)繕?biāo)得不到滿(mǎn)足,你有帶綠帽子的風(fēng)險(xiǎn),對(duì)應(yīng)的也就是用戶(hù)會(huì)尋找其他可以替代的產(chǎn)品。
再舉一個(gè)例子,之前在脈脈上看到的一對(duì)男女朋友的對(duì)話截圖。
大致意思是:
女:假如某天我懷孕了怎么辦?男:結(jié)婚啊。女:如果孩子不是你的怎么辦?男:分手啊。結(jié)果場(chǎng)面瞬間失控……
上述例子能很好的體現(xiàn)在產(chǎn)品設(shè)計(jì)中,如例中,男女的思維方式不同導(dǎo)致男生沒(méi)有g(shù)et到女生的問(wèn)題重點(diǎn)。對(duì)應(yīng)在產(chǎn)品設(shè)計(jì)中就是產(chǎn)品設(shè)計(jì)者因?yàn)闊o(wú)法了解到用戶(hù)的真實(shí)使用場(chǎng)景,很容易想當(dāng)然的設(shè)計(jì)。
五、如何基于場(chǎng)景進(jìn)行設(shè)計(jì)?
1. 場(chǎng)景挖掘工具
作用:借助場(chǎng)景挖掘工具來(lái)優(yōu)化信息展示,輔助運(yùn)用于場(chǎng)景舉例、機(jī)會(huì)點(diǎn)挖掘步驟中,目的是對(duì)關(guān)鍵場(chǎng)景進(jìn)行清晰描述并展現(xiàn),以此幫助設(shè)計(jì)師在場(chǎng)景設(shè)計(jì)四部曲中更好的挖掘設(shè)計(jì)機(jī)會(huì)點(diǎn)。
2. 機(jī)會(huì)點(diǎn)挖掘
分析當(dāng)前場(chǎng)景下已有的痛點(diǎn)和需求挖掘機(jī)會(huì)點(diǎn)。
1)垂直分析當(dāng)前場(chǎng)景
分析當(dāng)前場(chǎng)景下用戶(hù)的真實(shí)需求并挖掘機(jī)會(huì)點(diǎn)。
QQ群內(nèi)左滑快速引用。
場(chǎng)景描述
用戶(hù)(Who)在QQ群內(nèi)(Where)和陌生群友吹水聊天(What)群里人很活躍,消息很多(How)當(dāng)聊到某個(gè)問(wèn)題的時(shí)候(When)想就這個(gè)問(wèn)題,詢(xún)問(wèn)細(xì)節(jié)(What)但不知道怎么引用這個(gè)問(wèn)題,而且長(zhǎng)按后操作很多,引用有點(diǎn)復(fù)雜(How)。
QQ給出的解決方法是,選擇指定消息采用簡(jiǎn)單的左滑手勢(shì)松手后即可快速引用進(jìn)行回復(fù)。
應(yīng)用程序側(cè)屏:
場(chǎng)景描述
用戶(hù)(Who)在早上(Where)出門(mén)趕公交車(chē)上班(What)想打開(kāi)車(chē)來(lái)了App查看公交車(chē)到站時(shí)間,但手機(jī)上App很多找半天(How)。
基于用戶(hù)手機(jī)上應(yīng)用程序很多的情況下,提供左滑側(cè)邊欄功能。用戶(hù)可設(shè)置使用頻率很高或特定時(shí)間急需要用到的應(yīng)用程序,方便用戶(hù)減少查找時(shí)間。
在設(shè)置常用應(yīng)用場(chǎng)景下,還有一個(gè)痛點(diǎn)需要解決,我手機(jī)上有幾百個(gè)應(yīng)用,但設(shè)置常用應(yīng)用程序界面沒(méi)有搜索或快速篩選功能,導(dǎo)致我無(wú)法快速找到指定應(yīng)用進(jìn)行設(shè)置。
Chrome瀏覽器多媒體控制面板:
場(chǎng)景描述
用戶(hù)(Who)在Chrome瀏覽器上(When)打開(kāi)同視頻不同片源的網(wǎng)頁(yè)進(jìn)行預(yù)加載(What)打開(kāi)的網(wǎng)頁(yè)很多,當(dāng)視頻加載好后,電腦播放聲音但很難快速找到已經(jīng)加載出視頻的那個(gè)網(wǎng)頁(yè)(How)
基于用戶(hù)在網(wǎng)頁(yè)進(jìn)行多個(gè)多媒體播放時(shí),Chrome瀏覽器新增多媒體控制面板,可快速對(duì)后臺(tái)網(wǎng)頁(yè)中加載好的多媒體進(jìn)行操作,節(jié)省了用戶(hù)網(wǎng)頁(yè)標(biāo)題查找的時(shí)間。
微信設(shè)置提醒:
場(chǎng)景描述
用戶(hù)(Who)在微信上(When)與小號(hào)聊天,約定某個(gè)時(shí)機(jī)做什么事(What)手頭上還有很多事要忙,回頭就忘記了(How)。
「微信」的聊天定時(shí)提醒功能,就能很好的幫你解決這個(gè)問(wèn)題。在「微信」里長(zhǎng)按對(duì)話內(nèi)容,就可以針對(duì)某條說(shuō)話內(nèi)容設(shè)置時(shí)間提醒了。相較于設(shè)定鬧鐘和計(jì)時(shí)器,針對(duì)具體對(duì)話信息與事件的提醒設(shè)置更具針對(duì)性,更符合實(shí)際使用場(chǎng)景需求。
基于當(dāng)前場(chǎng)景進(jìn)行優(yōu)化的案例的還有很多……
2)橫向預(yù)判下一場(chǎng)景
結(jié)合上一場(chǎng)景分析當(dāng)前場(chǎng)景并預(yù)期用戶(hù)下ー步意圖,以此發(fā)現(xiàn)機(jī)會(huì)點(diǎn)。
1.通過(guò)連貫成組動(dòng)作進(jìn)行預(yù)判
例如:輸入框編輯一發(fā)送、復(fù)制一粘貼、輸入驗(yàn)證碼—登錄。
滴滴登錄驗(yàn)證碼免手動(dòng)確定:
當(dāng)用戶(hù)需要獲取驗(yàn)證碼登錄時(shí),可直接輸入短信驗(yàn)證碼即可自動(dòng)校驗(yàn)減少點(diǎn)擊確定操作。一方面提示了交互效率,一方面精簡(jiǎn)頁(yè)面元素減少信息干擾。
更有甚者可直接發(fā)送短信一鍵登錄。
淘寶淘口令/百度網(wǎng)盤(pán)鏈接識(shí)別:
我們都很熟悉復(fù)制「淘寶」的商品分享鏈接,打開(kāi)APP就能直接跳轉(zhuǎn)頁(yè)面至商品詳情頁(yè)的操作。新版「百度網(wǎng)盤(pán)」的分享功能也采用了類(lèi)似的設(shè)計(jì)邏輯:只要一鍵復(fù)制完整的網(wǎng)盤(pán)鏈接與密碼,登錄app時(shí)系統(tǒng)就會(huì)自動(dòng)讀取分享鏈接與提取碼信息。用戶(hù)點(diǎn)擊「立即查看」按鈕即可訪問(wèn)網(wǎng)盤(pán)內(nèi)容頁(yè),無(wú)須再手動(dòng)粘貼或輸入提取密碼。原本繁瑣的操作步驟被簡(jiǎn)化,更加合理的操作路徑讓使用過(guò)程變得高效而簡(jiǎn)單。
2.根據(jù)用戶(hù)認(rèn)知流程預(yù)判
例如:當(dāng)前視頻結(jié)束—自動(dòng)播放下個(gè)、知乎收藏回答—提示分享、屏幕旋轉(zhuǎn)—切換全屏。
YouTube自動(dòng)播放下一個(gè)視頻:
在YouTube上,當(dāng)用戶(hù)當(dāng)前視頻觀看結(jié)束后如果用戶(hù)沒(méi)有其他操作,YouTube則會(huì)在8秒后自動(dòng)播放下一個(gè)視頻(根據(jù)用戶(hù)喜好自動(dòng)推薦)增加用戶(hù)時(shí)間投入。
快速切換全屏:
在用戶(hù)開(kāi)啟手機(jī)屏幕自動(dòng)旋轉(zhuǎn)后,播放視頻都可以根據(jù)重力傳感器,進(jìn)行快速全屏切換,減少點(diǎn)擊操作。
3)根據(jù)產(chǎn)品使用流程預(yù)判
多用于各式智能場(chǎng)景。例如:點(diǎn)外賣(mài)軟件在用戶(hù)點(diǎn)完外賣(mài)后,會(huì)在首頁(yè)右下角生成一個(gè)智能場(chǎng)景模塊,展示訂單配送入口、飛豬在進(jìn)行地址切換后,會(huì)判斷切換地址是否與定位地址一樣,如果不同則會(huì)推送相關(guān)行程機(jī)票及其他旅行服務(wù)、還有淘寶聊天窗口快捷信息。
新消息浮窗提示:
在用戶(hù)收到新消息后,三星手機(jī)會(huì)及時(shí)浮窗提示,用戶(hù)在當(dāng)前頁(yè)面就可及時(shí)查看最新消息并直接回復(fù),減少頁(yè)面跳轉(zhuǎn)。
飛豬地址切換及時(shí)推送:
在用戶(hù)地址由本地切換為其他城市后,飛豬預(yù)測(cè)用戶(hù)目標(biāo)是旅游,進(jìn)而推薦對(duì)應(yīng)城市行程機(jī)票、其他與該城市相關(guān)的旅游服務(wù),以此縮短用戶(hù)觸達(dá)步驟提高用戶(hù)購(gòu)買(mǎi)率。
百度網(wǎng)盤(pán)文件選擇優(yōu)化:
百度網(wǎng)盤(pán)在選擇文件時(shí)充分發(fā)揮了什么場(chǎng)景下做什么事,在用戶(hù)選擇后可喚起底部操作并隱藏tab多余操作。一方面交互效率更高(減少多余選擇),一方面對(duì)初次使用的用戶(hù)進(jìn)行視線引導(dǎo)降低操作難度。
六、設(shè)計(jì)策略
將場(chǎng)景中挖掘到的機(jī)會(huì)點(diǎn),轉(zhuǎn)化成設(shè)計(jì)策略。
基于場(chǎng)景設(shè)計(jì)設(shè)計(jì)方案設(shè)定 3 個(gè)目標(biāo):交互更高效,細(xì)節(jié)更貼心、使用有共鳴。
- 高效:行動(dòng)點(diǎn)前置插入、行動(dòng)點(diǎn)替換、行動(dòng)點(diǎn)推送提示、突出行動(dòng)點(diǎn)、直接執(zhí)行
- 貼心:貼心的細(xì)節(jié)
- 情感化:品牌元素的融入
1. 高效
以高效為目標(biāo)的設(shè)計(jì)策略共有5點(diǎn),其宗旨是對(duì)用戶(hù)行為預(yù)判將行動(dòng)點(diǎn)提前,讓用戶(hù)更快達(dá)成目標(biāo)。
根據(jù)對(duì)用戶(hù)行為預(yù)判的準(zhǔn)確程度,將設(shè)計(jì)策略中5點(diǎn)按操作執(zhí)行強(qiáng)到弱排序依次為:直接執(zhí)行、行動(dòng)點(diǎn)前置插入、行動(dòng)點(diǎn)替換、行動(dòng)點(diǎn)相關(guān)推薦、突出行動(dòng)點(diǎn)。以上5個(gè)策略能不同程度提高用戶(hù)操作效率,接下來(lái)借助案例逐個(gè)講解。
1)直接執(zhí)行
直接執(zhí)行需要對(duì)用戶(hù)在當(dāng)下場(chǎng)景下的需求或目的非常明確,提高操作流暢性和交互效率。
比如:當(dāng)你手機(jī)打開(kāi)自動(dòng)旋轉(zhuǎn)后在播放 Youtube 視頻時(shí),可旋轉(zhuǎn)手機(jī)即可快速切換全屏播放模式避免單手操作困難。
再比如在你 mac 打開(kāi)兩個(gè)窗口時(shí),你只需要將鼠標(biāo)放在任意一個(gè)窗口上即可上下滑動(dòng)瀏覽內(nèi)容,不需要點(diǎn)擊選中窗口。
2)行動(dòng)點(diǎn)前置插入
即通過(guò)場(chǎng)景分析,預(yù)判用戶(hù)下一步目標(biāo)和行為,將能夠滿(mǎn)足用戶(hù)目標(biāo)的模塊插入當(dāng)前該場(chǎng)景,已達(dá)到縮短觸達(dá)路徑提高交互效率的作用。
3)行動(dòng)點(diǎn)替換
場(chǎng)景內(nèi)某一按鈕隨某個(gè)交互發(fā)送變化(位置不變功能變),需求等級(jí)低的替換為需求等級(jí)強(qiáng)的。
4)行動(dòng)點(diǎn)推送提示
行動(dòng)點(diǎn)推送與行動(dòng)點(diǎn)前置唯一不同的地方在于:推送為彈窗/推送提示等,可手動(dòng)或自動(dòng)關(guān)閉。
5)突出行動(dòng)點(diǎn)
突出行動(dòng)點(diǎn)的案例很多,比如:banner購(gòu)買(mǎi)按鈕動(dòng)效、頁(yè)面中某個(gè)很搶眼的按鈕等等……
通過(guò)將該場(chǎng)景下重要功能進(jìn)行強(qiáng)化凸顯,來(lái)引導(dǎo)用戶(hù)進(jìn)行操作。凸顯的方式很多:有色彩對(duì)比、減少多余選擇、投影、動(dòng)效等…最終目標(biāo)都是突出頁(yè)面功能,引導(dǎo)用戶(hù)決策,讓用戶(hù)更快更好地完成目標(biāo)。
2. 貼心
基于場(chǎng)景的設(shè)計(jì)像貼心的朋友一樣關(guān)注用戶(hù)的每個(gè)細(xì)節(jié),讓用戶(hù)有被理解和被關(guān)注的感覺(jué)。以用戶(hù)所處場(chǎng)景及其需求為基礎(chǔ),貼心的設(shè)計(jì)需要著重考量場(chǎng)景中的細(xì)節(jié)或接觸點(diǎn),拉近產(chǎn)品與用戶(hù)的距離,讓用戶(hù)獲得更好的體驗(yàn)。
3. 情感化
基于場(chǎng)景的情感化設(shè)計(jì),是指以用戶(hù)當(dāng)下所處場(chǎng)景為基礎(chǔ),通過(guò)使用一些與用戶(hù)所處場(chǎng)景相關(guān)聯(lián)的設(shè)計(jì)元素,來(lái)增強(qiáng)用戶(hù)代入感并誘發(fā)用戶(hù)情緒反應(yīng),最后提高執(zhí)行特定行為的可能性的設(shè)計(jì)。
七、衡量標(biāo)準(zhǔn)
在經(jīng)過(guò)上述一系列流程后,我們可能產(chǎn)出了一些設(shè)計(jì)方案,那么我們最終如何去進(jìn)行驗(yàn)證呢?
對(duì)基于場(chǎng)景的設(shè)計(jì)方案設(shè)定了4個(gè)簡(jiǎn)單的衡量標(biāo)準(zhǔn):
- 高效:該設(shè)計(jì)方案是否真提高了用戶(hù)使用效率?
- 驚喜:是否想用戶(hù)所想,通過(guò)情感化及貼心的細(xì)節(jié)給用戶(hù)驚喜?
- 感動(dòng):能否給用戶(hù)內(nèi)心帶來(lái)強(qiáng)烈的震撼并認(rèn)同?
- 期待:用戶(hù)在下次處于相同場(chǎng)景下,是否對(duì)該方案產(chǎn)生期待?
由于精力有限,關(guān)于這塊可暫時(shí)按下暫停,因?yàn)檫@些點(diǎn)具體落實(shí)下來(lái)又牽扯到很多知識(shí)點(diǎn),比如:用戶(hù)研究、數(shù)據(jù)驗(yàn)證等…每一個(gè)點(diǎn)都能講很多,后面我再找機(jī)會(huì)去研究。當(dāng)然,感興趣的同學(xué)也可以多上網(wǎng)查找相關(guān)資料~
通過(guò)對(duì)比,我們可以發(fā)現(xiàn)這位設(shè)計(jì)師在改版后比較明顯的是:卡片、投影強(qiáng)化了模塊區(qū)分。但是對(duì)于模塊的重要程度排序、信息的權(quán)重處理、整體配色等包括場(chǎng)景化設(shè)計(jì)都還有可提升的空間。接下來(lái)我會(huì)以這個(gè)案例介紹下在做測(cè)試題時(shí)如何展示自己對(duì)場(chǎng)景化設(shè)計(jì)來(lái)提升產(chǎn)品體驗(yàn)的思考。
正式開(kāi)始前,我們可以回到上面先大概看下這位設(shè)計(jì)師的帖子內(nèi)容(看不清的同學(xué)可放大網(wǎng)頁(yè)),然后問(wèn)自己一個(gè)問(wèn)題,這個(gè)頁(yè)面的改版目標(biāo)是什么?
八、改版前的設(shè)計(jì)目標(biāo)是什么?
1. 產(chǎn)品側(cè)
任務(wù)處理類(lèi)產(chǎn)品,提升用戶(hù)操作效率,加快用戶(hù)任務(wù)處理速度,提高頁(yè)面利用率。
2. 設(shè)計(jì)側(cè)
設(shè)計(jì)是提供解決方案,即如何提升用戶(hù)操作效率?如何加快用戶(hù)處理速度?可以通過(guò)降低視覺(jué)噪點(diǎn)、加強(qiáng)信息層級(jí)、突出頁(yè)面重點(diǎn)、結(jié)合使用場(chǎng)景提供最佳方案。
將該產(chǎn)品用戶(hù)使用場(chǎng)景中可能遇到的問(wèn)題進(jìn)行列舉:
頁(yè)面層次拆解:
上面講到,我們改版目標(biāo)是提升使用效率,與該場(chǎng)景下用戶(hù)目標(biāo)一致,那么首先需要保證視覺(jué)上瀏覽順暢。通過(guò)一維分析法可以看到改版前頁(yè)面信息層較多,且閱讀較跳躍。該設(shè)計(jì)師在改版后有一定改善,但還可以繼續(xù)優(yōu)化。
模塊重要層級(jí)排序:
通過(guò)將頁(yè)面模塊進(jìn)行劃分并按重要程度繼續(xù)排序以確認(rèn)頁(yè)層次排布,減少頁(yè)面視覺(jué)噪點(diǎn),突出重要模塊,使用戶(hù)閱讀更流暢有節(jié)奏感。
設(shè)計(jì)產(chǎn)出:
設(shè)計(jì)闡述:
以上就是這期要分享的全部?jī)?nèi)容,在看了u一點(diǎn)料2后希望能將自己所學(xué)的內(nèi)容進(jìn)行實(shí)踐鞏固并分享。
這期的案例并不算復(fù)雜,但因?yàn)轫?xiàng)目背景資料比較少,我不保證這個(gè)是合適的方案,所以在實(shí)際工作中還需要與需求方深度溝通并且進(jìn)行用戶(hù)調(diào)研,了解用戶(hù)真實(shí)使用情況才能產(chǎn)出更優(yōu)策略。
在后面的工作里如果有機(jī)會(huì)的話也希望能拿出更多實(shí)際案例來(lái)進(jìn)行講解~
本文由 @幺零三 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
和開(kāi)發(fā)溝通
????
點(diǎn)贊
點(diǎn)贊
好