譯文 | 4種幫助設(shè)計(jì)師整理設(shè)計(jì)思路的方法
當(dāng)我們剛剛接手一個(gè)項(xiàng)目的時(shí)候,我們總能在初期迸發(fā)出很多有趣的想法,很多閃光的細(xì)節(jié)都是偶然閃現(xiàn)的,但當(dāng)我們?cè)谠O(shè)計(jì)的過(guò)程中,有多少能夠真正落地到產(chǎn)出中呢?怎樣才能成功捕捉到這些有趣的創(chuàng)意,并使之在后續(xù)的產(chǎn)品設(shè)計(jì)中表達(dá)出來(lái)?本文向大家推薦了四種方法,幫助大家整理設(shè)計(jì)思路,避免創(chuàng)意在你的腦海里逃走!下面進(jìn)入譯文。
當(dāng)我開(kāi)始一個(gè)新的設(shè)計(jì)項(xiàng)目或功能升級(jí)的時(shí)候,我會(huì)先關(guān)掉我的電腦,并且盡可能晚的打開(kāi)我的設(shè)計(jì)軟件。我會(huì)首先在腦子里形成一個(gè)項(xiàng)目的完整輪廓。當(dāng)項(xiàng)目的概念模型還沒(méi)有完整之前,不要糾結(jié)一些細(xì)節(jié)的把握,類(lèi)似于視覺(jué)風(fēng)格之類(lèi)的。
在我還是初級(jí)設(shè)計(jì)師的時(shí)候,項(xiàng)目初期我就會(huì)使用Photoshop之類(lèi)的設(shè)計(jì)軟件,花費(fèi)大量的時(shí)間設(shè)計(jì)出精美的界面,其中夾雜著大量的設(shè)計(jì)漏洞。當(dāng)我成長(zhǎng)為一個(gè)資深的設(shè)計(jì)師后,結(jié)合我之前所犯的錯(cuò)誤,以及這些年的工作經(jīng)驗(yàn),我總結(jié)了一些成熟的設(shè)計(jì)思路和方法,能夠幫助我提高設(shè)計(jì)效率,把握設(shè)計(jì)方向,以及避免出現(xiàn)低級(jí)的錯(cuò)誤。
1.WHY-WHY-WHY-WHY-WHY (5個(gè)為什么)
在我們開(kāi)始設(shè)計(jì)項(xiàng)目之前,我們需要知道這次設(shè)計(jì)的背景原因是什么。一個(gè)有價(jià)值的設(shè)計(jì)方案是能夠解決用戶的實(shí)際問(wèn)題的。為什么設(shè)計(jì)這個(gè)方案?為誰(shuí)設(shè)計(jì)這個(gè)方案?連續(xù)的提問(wèn)5次這樣的問(wèn)題可以幫助我們發(fā)現(xiàn)一些隱藏的答案:設(shè)計(jì)背后真正的問(wèn)題。當(dāng)我們知道了背后真正的問(wèn)題后,我們的設(shè)計(jì)方案就會(huì)圍繞著怎樣解決它來(lái)做,這樣我們的設(shè)計(jì)方向就不會(huì)有偏差。
在使用了這個(gè)設(shè)計(jì)方法后,我們?cè)陧?xiàng)目的實(shí)踐當(dāng)中仍然會(huì)看到幾位設(shè)計(jì)師在解決同一個(gè)問(wèn)題的時(shí)候,分別設(shè)計(jì)了不同的方案和思路。這其實(shí)是不矛盾的,每個(gè)方案都從不同的視角來(lái)解決問(wèn)題,這給了我們不同的創(chuàng)新方案,但解決的都是同一個(gè)真正的問(wèn)題。
案例
問(wèn)題:用戶不允許接收通知。
- WHY?用戶點(diǎn)擊了“不允許”
- WHY?用戶不希望接收通知彈窗
- WHY?用戶沒(méi)有意識(shí)到通知的價(jià)值
- WHY?用戶還沒(méi)有體驗(yàn)到一個(gè)好的接受通知過(guò)程
- WHY?這是用戶第一次打開(kāi)app
通過(guò)連續(xù)提問(wèn)5個(gè)為什么,我們得到了一些背后的原因,并且我們可以立即設(shè)想到一些可能的解決方案:
- 等待第二次打開(kāi)app的時(shí)候詢問(wèn)接受通知許可
- 在新手引導(dǎo)頁(yè)面解釋接受通知的價(jià)值
- 在啟動(dòng)頁(yè)面解釋接收通知的價(jià)值
TIP
這個(gè)設(shè)計(jì)方法也能夠幫助你解決日常生活遇到的一些問(wèn)題。
2.Timeline(時(shí)間軸)
當(dāng)我開(kāi)始學(xué)習(xí)交互設(shè)計(jì)的時(shí)候,我學(xué)到的第一件事就是:
用戶界面背后的體驗(yàn)過(guò)程,不僅僅是用戶怎樣使用產(chǎn)品的過(guò)程,還包括了用戶在使用產(chǎn)品之前和之后的狀態(tài)。
我總是將時(shí)間軸的概念引入到我的項(xiàng)目設(shè)計(jì)過(guò)程中。它能夠幫助我設(shè)計(jì)一個(gè)完整的,從開(kāi)始到結(jié)束的體驗(yàn)方案。思考使用產(chǎn)品的之前與之后的部分能夠幫助我們確保一個(gè)完整的用戶體驗(yàn)。
之前
- 用戶怎樣才能下載到我的產(chǎn)品?從app store?網(wǎng)站?還是banner廣告?
- 他們是否已經(jīng)有了產(chǎn)品賬號(hào)?他們是否需要一個(gè)賬號(hào)來(lái)操作所有的功能?
- 在什么場(chǎng)景下他們才會(huì)打開(kāi)應(yīng)用?在一個(gè)舒適的環(huán)境下?還是在嘈雜的地鐵里?
- 他們會(huì)花多長(zhǎng)時(shí)間使用我們的產(chǎn)品?
- 他們連接的是3G\4G網(wǎng)絡(luò)還是Wi-Fi?
之后
- 如何跟進(jìn)用戶剛剛完成的體驗(yàn)過(guò)程?
- 他們是否需要在任何地點(diǎn)都能夠接收到任何信息?
- 當(dāng)用戶正在等待從應(yīng)用中接收信息時(shí)怎樣安撫他們?
- 如果我們的產(chǎn)品是跨平臺(tái)的,怎樣將內(nèi)容信息在平臺(tái)間傳遞?
這些問(wèn)題將確保設(shè)計(jì)師不放過(guò)任何的細(xì)節(jié)和機(jī)會(huì)來(lái)愉悅用戶!愉悅用戶不應(yīng)該依靠一個(gè)好玩的界面動(dòng)效,一個(gè)隱藏在頁(yè)面中的彩蛋,而應(yīng)當(dāng)是通過(guò)完善一些小細(xì)節(jié)來(lái)讓用戶更方便快捷的解決問(wèn)題,比如一封跟進(jìn)操作的郵件(比如京東在下完訂單后收到的訂單郵件),應(yīng)用的線下模式,已經(jīng)根據(jù)用戶之前留下的信息預(yù)填的表格等等。
3.The Conversation(對(duì)話)
對(duì)話型UI是一個(gè)非常流行的設(shè)計(jì)方案,即使對(duì)于某些產(chǎn)品來(lái)說(shuō)并不太適合。實(shí)際上,設(shè)計(jì)師的目標(biāo)是將科技實(shí)現(xiàn)功能用一種自然的方式呈現(xiàn)給用戶,所以對(duì)話型這種比較自然的交互模式應(yīng)用在社交類(lèi)的產(chǎn)品中就很適合,比如iMessage。當(dāng)我在設(shè)計(jì)復(fù)雜的產(chǎn)品交互模式時(shí),我會(huì)試著將產(chǎn)品聯(lián)想成一個(gè)我雇來(lái)幫我完成某個(gè)任務(wù)的人,一個(gè)我可以對(duì)話的人。我需要詢問(wèn)他一些信息以便完成某項(xiàng)工作,或者是向他發(fā)出指令完成某項(xiàng)任務(wù),亦或是詢問(wèn)他某個(gè)問(wèn)題的答案。
我會(huì)寫(xiě)下整個(gè)對(duì)話內(nèi)容,并以對(duì)話順序列出來(lái)。這將幫助我:
- 整理出一個(gè)最佳的交互流程;
- 發(fā)現(xiàn)完成一個(gè)任務(wù)需要多少信息;
- 那些信息可以被整理在一起,為什么可以整理在一起;
- 哪些行為可以被執(zhí)行,怎樣被執(zhí)行(主要功能);
- 哪些信息需要預(yù)先告知應(yīng)用以便解決我的需求;
4.The List (列表)
當(dāng)我接到一個(gè)新的項(xiàng)目需求時(shí),總會(huì)有很多繁雜未整理過(guò)的信息和想法呈現(xiàn)在我的腦海里:?jiǎn)l(fā)、視覺(jué)、交互、好的UX概念、競(jìng)品分析、版權(quán)等等。我只知道我不應(yīng)該在初期就關(guān)注那么多的細(xì)節(jié),但是我也不想把靈光一閃的點(diǎn)子遺忘掉。為了確保我不會(huì)忘掉它們,我開(kāi)始練習(xí)記錄每個(gè)細(xì)節(jié)到我的本子上,所謂好記性不如爛筆頭吧。
舉個(gè)例子,當(dāng)我開(kāi)始一個(gè)手機(jī)應(yīng)用的設(shè)計(jì)時(shí),我會(huì)先寫(xiě)下手機(jī)應(yīng)用涉及到的所有部件:
- 地理位置
- push通知
- 陀螺儀
- 攝像頭
- Touch ID
- Etc.
我也會(huì)列出可能的UI風(fēng)格類(lèi)型:
- Tinder cards
- Chat UI
- Snapchat ghost
- Yo
- Etc.
還有使用場(chǎng)景:
- 在家里
- 跑步中
- 健身房
- 私家車(chē)?yán)?/li>
- 公交車(chē)?yán)?/li>
- Etc.
然后我會(huì)整理分類(lèi)這些關(guān)鍵詞。列下這些信息能夠幫助我實(shí)現(xiàn)兩件事:
- 把腦中的所有信息整理、清除出來(lái),并在需要的時(shí)候立即就能夠找到它們。(過(guò)多的信息容易讓 ? 你的思維跳躍的太快太遠(yuǎn),從而偏離設(shè)計(jì)初衷)
- 確保我不會(huì)丟失任何一個(gè)關(guān)鍵信息,或者一個(gè)好的點(diǎn)子。
列出所有的信息直接或者間接的將與項(xiàng)目有關(guān)的因素展示在你的眼前,這是一個(gè)簡(jiǎn)單有效的方法讓你發(fā)現(xiàn)更好的創(chuàng)意。
TIP
不僅僅是用便簽貼列出所有的信息,你也可以利用mind-mapping軟件來(lái)做這項(xiàng)工作,但重要的是要將這項(xiàng)工作貫穿于整個(gè)項(xiàng)目設(shè)計(jì)過(guò)程中,要持續(xù)更新新的發(fā)現(xiàn),摒棄掉沒(méi)用的內(nèi)容,這也有助你回溯整個(gè)設(shè)計(jì)流程,查漏補(bǔ)缺。
作者@Benjamin Berger
原文地址:https://blog.prototypr.io/5-ux-plays-to-start-your-design-on-good-tracks-45d00260909e#.2ig04a95x
本文由 @薛斯塔?原創(chuàng)翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
每個(gè)項(xiàng)目在開(kāi)始的時(shí)候一定要有明確的大方向,在設(shè)計(jì)過(guò)程中出現(xiàn)的每一個(gè)閃光點(diǎn)都需要核對(duì)這個(gè)點(diǎn)和大方向是否違和?是否必要?這樣才能集中精力做好一個(gè)項(xiàng)目而不至于在細(xì)節(jié)中過(guò)度糾結(jié)
對(duì)的,目標(biāo)必須清楚