2021-10-9 資深UI設(shè)計(jì)者
相信身為設(shè)計(jì)師的我們,在工作中肯定遇到過自己加班加點(diǎn),絞盡腦汁設(shè)計(jì)出的方案被質(zhì)疑、挑戰(zhàn),在宣講自己設(shè)計(jì)方案時,總會出現(xiàn)以下聲音:
起初的無言以對到有理有據(jù)的辨析設(shè)計(jì)方案都體現(xiàn)出對設(shè)計(jì)方案更加全面的思考。
想要讓自己的設(shè)計(jì)方案更合理,獲得大家認(rèn)同,可以分為 4 個步驟:
1、 樹立自己用戶思維
2、充分辨析用戶需求
3、嚴(yán)謹(jǐn)打磨設(shè)計(jì)方案
4、精準(zhǔn)有趣的文案
我們常說吃飯不積極,思想有問題。看似玩笑話,但是蘊(yùn)含的是對于吃飯是本能,是刻在腦子記憶中的。而設(shè)計(jì)師在做設(shè)計(jì)時,也需要有這種“本能思維”。
用戶思維最基本就是 圍繞用戶 幫助他們 解決實(shí)際問題。如果用三個字來概括的話:人、場、事。
人:目標(biāo)用戶
場:在什么情況下?
事:要干嘛?
例:筆者 因?yàn)樵诩覍懳恼聸]時間出去吃飯 ,所以需要點(diǎn)外賣 讓別人將飯送到家里。
一個合理的設(shè)計(jì)方案,必然是將人、場、事很順暢的串聯(lián)下得出的結(jié)果。
用戶之所以有需求一定是遇到了問題(需求源于問題),只要找準(zhǔn)問題所在就能明確用戶需求,那我們的設(shè)計(jì)便成功大半。辨析用戶需求可以從兩反面:
2.1、確定問題
2.2、清晰表述問題
2.1、確定問題
除了常見訪談、問卷、測試等調(diào)研手段,設(shè)計(jì)師可以采用【同理心圖譜】的方式推導(dǎo)用戶需求
從 說了什么、做了什么、想了什么、感覺到什么 四個維度去勾勒用戶真實(shí)的想法感受。
例:日常支付場景
想要將問題表述清楚,還是回到第一部分我們講的:人、場、事上,通過陳述句將用戶面臨問題和期望狀態(tài)(目標(biāo))的差距描述出來。
如:小明在QQ群里搶發(fā)紅包中,由于當(dāng)前支付流程冗余導(dǎo)致他支付效率較低,影響了大家氛圍。
用戶與他們的需求是問題陳述的核心,避免:我們應(yīng)該怎么做、產(chǎn)品應(yīng)該...作為開頭。
保持陳述的寬泛性,不要過早拋出細(xì)致的解決方案、技術(shù)限制等內(nèi)容,避免團(tuán)隊(duì)發(fā)散受限。
專注一點(diǎn)不要試圖在一個問題陳述中解決太多用戶需求,一次解決一個就很好了。
在打磨解決方案上,設(shè)計(jì)師需要考慮 易用性、易理解性、及著力提升用戶任務(wù)效率,給用戶一個更好的體驗(yàn)。在打磨設(shè)計(jì)方案時,我們不必在一個方案上求多表現(xiàn),一個方案能能夠?qū)⒛闼磉_(dá)的設(shè)計(jì)要點(diǎn)表達(dá)清楚即可,主要注意:
健康碼主要是為了讓工作人員快速辨別人員是否安全,但在眾多人中需 快速判斷,這個轉(zhuǎn)化到設(shè)計(jì)上解決方式:通過大面積的 色塊直觀反饋;通過實(shí)時的 滾動時間+滾動背景反饋真實(shí)性;在結(jié)合下方核酸與疫苗輔助判斷,整體非常貼合實(shí)際訴求,重點(diǎn)突出,有節(jié)奏感。
通過體驗(yàn)核心信息,將內(nèi)容合理布局,重點(diǎn)突出,操作劃分明確,有助于信息獲取與確定。
人的認(rèn)知資源有限,天生不善于處理復(fù)雜信息,在面對復(fù)雜信息時需將內(nèi)容以一定秩序邏輯管理,分而治之,減少用戶的選擇,讓正確的行為變得自然和明顯。
在58二手車頁面的改版中,頂部按鈕直接 分流 不同目的用戶;中間模塊展示用戶 最關(guān)心的維度:價格、品牌、車類型;下方 透出推薦內(nèi)容 吸引用戶往下逛。
如上圖百度網(wǎng)盤的分層設(shè)計(jì)(圖片來源:大牙的設(shè)計(jì)筆記)中,設(shè)計(jì)師根據(jù)不同的會員周期,改變以往的“多人一面”,打造出“多人多面”靈活分層頁面布局,將復(fù)雜狀態(tài)很好的根據(jù)不同時期進(jìn)行拆解。
多考慮用戶使用場景,挖掘一些場景是可以通過我們的設(shè)計(jì) 幫助用戶多走一步,幫他們排除障礙,減少負(fù)擔(dān)。
打車軟件在特定時間點(diǎn)自動浮出目的地,微信聊天窗自動出現(xiàn)截圖、驗(yàn)證碼直接在鍵盤上方等都是通過用戶的行為預(yù)判了用戶下一步的行為,極大的提高了效率。
情感化不一定都是很精美的插畫、動效等表現(xiàn)層面上的,有時候 貼心的記錄、舒緩的內(nèi)容、小游戲...... 也可以起到 情緒調(diào)節(jié) 的作用,提高用戶看到復(fù)雜信息的 忍耐度。
----------------------------------------------------------------------------------
所以在具體設(shè)計(jì)方案上,需要不斷的去思考打磨設(shè)計(jì)方案,讓自己的設(shè)計(jì):
①、顯而易見的,讓用戶體驗(yàn)后覺得「沒錯,就應(yīng)該是這樣」;
②、有價值的,它為用戶解決實(shí)際的問題;
③、與用戶的心理模型相符,它不意味著更多的設(shè)計(jì)。
文案這塊本應(yīng)該屬于上一個模塊額范疇,之所以單獨(dú)講是因?yàn)槲陌笇τ隗w驗(yàn)而言太重要了,優(yōu)秀的文案不僅可以減低用戶理解成本,還可以讓用戶感到興奮、溫暖、愉悅,并感嘆:臥槽,牛脾。
身為交互設(shè)計(jì)師,不需要做到像杜蕾斯那樣上熱搜的文案、solgan,但設(shè)計(jì)稿中的文案必須要做到:表達(dá)精準(zhǔn)無歧義、適當(dāng)趣味化。
我們是通過屏幕與人交流的人,屏幕上的文案觸點(diǎn)之一,因此簡潔精準(zhǔn)的表達(dá)出我們要說的內(nèi)容很重要。這設(shè)計(jì)中,首先應(yīng)該避免一些專業(yè)術(shù)語、“高大上”的詞語,應(yīng)該簡單直白,用最簡單的詞語,去掉那些不需要出現(xiàn)的詞。
①、直接告知行動:在微信發(fā)語音按鈕文案(按住 說話,松開 發(fā)送),非常直白的告知用戶需要做什么,且文案中的空格這個細(xì)節(jié)也將先后順序表達(dá)的十分清晰;而QQ在長按時沒有進(jìn)行文案的提示著點(diǎn)體驗(yàn)上就不如微信了。
②、文案盡量簡短:成年人 1s 可閱讀 7 個字左右,豆瓣的評論引導(dǎo)就非常簡短,直接三個字:寫評論,明確引導(dǎo)用戶點(diǎn)擊;而知乎為了營造良好的社區(qū)氛圍,引導(dǎo)用戶言行友善,但文案較長,相比寫評論而言顯得不夠簡明扼要,如果改成:友善評論... 是否會更好?
③、避免使用雙重否定的句式:在微信撤回的反饋文案中采用了雙重否定的句式(是否撤回該條消息)這樣的句式容易增加認(rèn)知負(fù)荷;而淘寶刪除記錄反饋文章中,則直接詢問:確認(rèn)刪除?這樣的句式更直接,更好理解。這里我嘗試將微信撤回反饋改成:撤回該條消息?下方操作文案也直接使用撤回,這樣看起來是否更明確了呢?
結(jié)合自身產(chǎn)品定位:上述兩個案例續(xù)費(fèi)文案都是展示了自身產(chǎn)品的定位進(jìn)行設(shè)計(jì)的,相較于冷冷的會員到期提示,這樣的方式更顯趣味性。
文案適當(dāng)擬人化:擬人化的文案可以拉近用戶距離,會顯得產(chǎn)品更有溫度而不是冷彬彬的機(jī)器,有時還顯得有些小可愛~(#^.^#)
----------------------------------------------------------------------------------
所以在具體交互方案上,設(shè)計(jì)師對于文案的把控記住以下幾條原則:
①、字詞簡單,用用戶看得懂的字;
②、表意準(zhǔn)確無歧義;
③、字?jǐn)?shù)簡短,陳述語句,避免使用雙重否定類句式;
④、必要時可適當(dāng)擬人化、趣味化。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.bouu.cn )是一家專注而深入的界面設(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.bouu.cn