@薛斯塔?：當我們剛剛接手一個項目的時候，我們總能在初期迸發(fā)出很多有趣的想法，很多閃光的細節(jié)都是偶然閃現(xiàn)的，但當我們在設(shè)計的過程中，有多少能夠真正落地到產(chǎn)出中呢？怎樣才能成功捕捉到這些有趣的創(chuàng)意，并使之在后續(xù)的產(chǎn)品設(shè)計中表達出來？本文向大家推薦了四種方法，幫助大家整理設(shè)計思路，避免創(chuàng)意在你的腦海里逃走！下面進入譯文。

歡迎關(guān)注作者微博：@薛斯塔?，個人網(wǎng)站：http://www.innospace.me/

當我開始一個新的設(shè)計項目或功能升級的時候，我會先關(guān)掉我的電腦，并且盡可能晚的打開我的設(shè)計軟件。我會首先在腦子里形成一個項目的完整輪廓。當項目的概念模型還沒有完整之前，不要糾結(jié)一些細節(jié)的把握，類似于視覺風格之類的。

在我還是初級設(shè)計師的時候，項目初期我就會使用Photoshop之類的設(shè)計軟件，花費大量的時間設(shè)計出精美的界面，其中夾雜著大量的設(shè)計漏洞。當我成長為一個資深的設(shè)計師后，結(jié)合我之前所犯的錯誤，以及這些年的工作經(jīng)驗，我總結(jié)了一些成熟的設(shè)計思路和方法，能夠幫助我提高設(shè)計效率，把握設(shè)計方向，以及避免出現(xiàn)低級的錯誤。

1. WHY-WHY-WHY-WHY-WHY (5個為什么)

在我們開始設(shè)計項目之前，我們需要知道這次設(shè)計的背景原因是什么。一個有價值的設(shè)計方案是能夠解決用戶的實際問題的。為什么設(shè)計這個方案？為誰設(shè)計這個方案？連續(xù)的提問5次這樣的問題可以幫助我們發(fā)現(xiàn)一些隱藏的答案：設(shè)計背后真正的問題。當我們知道了背后真正的問題后，我們的設(shè)計方案就會圍繞著怎樣解決它來做，這樣我們的設(shè)計方向就不會有偏差。

在使用了這個設(shè)計方法后，我們在項目的實踐當中仍然會看到幾位設(shè)計師在解決同一個問題的時候，分別設(shè)計了不同的方案和思路。這其實是不矛盾的，每個方案都從不同的視角來解決問題，這給了我們不同的創(chuàng)新方案，但解決的都是同一個真正的問題。

案例

問題：用戶不允許接收通知。

-WHY？用戶點擊了“不允許”

-WHY？用戶不希望接收通知彈窗

-WHY？用戶沒有意識到通知的價值

-WHY？用戶還沒有體驗到一個好的接受通知過程

-WHY？這是用戶第一次打開app

通過連續(xù)提問5個為什么，我們得到了一些背后的原因，并且我們可以立即設(shè)想到一些可能的解決方案：

-等待第二次打開app的時候詢問接受通知許可

-在新手引導(dǎo)頁面解釋接受通知的價值

-在啟動頁面解釋接收通知的價值

Tip：這個設(shè)計方法也能夠幫助你解決日常生活遇到的一些問題。

2. Timeline（時間軸）

當我開始學(xué)習(xí)交互設(shè)計的時候，我學(xué)到的第一件事就是：

用戶界面背后的體驗過程，不僅僅是用戶怎樣使用產(chǎn)品的過程，還包括了用戶在使用產(chǎn)品之前和之后的狀態(tài)。

我總是將時間軸的概念引入到我的項目設(shè)計過程中。它能夠幫助我設(shè)計一個完整的，從開始到結(jié)束的體驗方案。思考使用產(chǎn)品的之前與之后的部分能夠幫助我們確保一個完整的用戶體驗。

之前

-用戶怎樣才能下載到我的產(chǎn)品？從app store？網(wǎng)站？還是banner廣告？

-他們是否已經(jīng)有了產(chǎn)品賬號？他們是否需要一個賬號來操作所有的功能？

-在什么場景下他們才會打開應(yīng)用？在一個舒適的環(huán)境下？還是在嘈雜的地鐵里？

-他們會花多長時間使用我們的產(chǎn)品？

-他們連接的是3G\4G網(wǎng)絡(luò)還是Wi-Fi?

之后

-如何跟進用戶剛剛完成的體驗過程？

-他們是否需要在任何地點都能夠接收到任何信息？

-當用戶正在等待從應(yīng)用中接收信息時怎樣安撫他們？

-如果我們的產(chǎn)品是跨平臺的，怎樣將內(nèi)容信息在平臺間傳遞？

這些問題將確保設(shè)計師不放過任何的細節(jié)和機會來愉悅用戶！愉悅用戶不應(yīng)該依靠一個好玩的界面動效，一個隱藏在頁面中的彩蛋，而應(yīng)當是通過完善一些小細節(jié)來讓用戶更方便快捷的解決問題，比如一封跟進操作的郵件（比如京東在下完訂單后收到的訂單郵件），應(yīng)用的線下模式，已經(jīng)根據(jù)用戶之前留下的信息預(yù)填的表格等等。

3. The Conversation（對話）

對話型UI是一個非常流行的設(shè)計方案，即使對于某些產(chǎn)品來說并不太適合。實際上，設(shè)計師的目標是將科技實現(xiàn)功能用一種自然的方式呈現(xiàn)給用戶，所以對話型這種比較自然的交互模式應(yīng)用在社交類的產(chǎn)品中就很適合，比如iMessage。當我在設(shè)計復(fù)雜的產(chǎn)品交互模式時，我會試著將產(chǎn)品聯(lián)想成一個我雇來幫我完成某個任務(wù)的人，一個我可以對話的人。我需要詢問他一些信息以便完成某項工作，或者是向他發(fā)出指令完成某項任務(wù)，亦或是詢問他某個問題的答案。

我會寫下整個對話內(nèi)容，并以對話順序列出來。這將幫助我：

-整理出一個最佳的交互流程；

-發(fā)現(xiàn)完成一個任務(wù)需要多少信息；

-那些信息可以被整理在一起，為什么可以整理在一起；

-哪些行為可以被執(zhí)行，怎樣被執(zhí)行（主要功能）；

-哪些信息需要預(yù)先告知應(yīng)用以便解決我的需求；

4. The List （列表）

當我接到一個新的項目需求時，總會有很多繁雜未整理過的信息和想法呈現(xiàn)在我的腦海里：啟發(fā)、視覺、交互、好的UX概念、競品分析、版權(quán)等等。我只知道我不應(yīng)該在初期就關(guān)注那么多的細節(jié)，但是我也不想把靈光一閃的點子遺忘掉。為了確保我不會忘掉它們，我開始練習(xí)記錄每個細節(jié)到我的本子上，所謂好記性不如爛筆頭吧。

舉個例子，當我開始一個手機應(yīng)用的設(shè)計時，我會先寫下手機應(yīng)用涉及到的所有部件：

-地理位置

-push通知

-陀螺儀

-攝像頭

-Touch ID

-Etc.

我也會列出可能的UI風格類型：

-Tinder cards

-Chat UI

-Snapchat ghost

-Yo

-Etc.

還有使用場景：

-在家里

-跑步中

-健身房

-私家車里

-公交車里

-Etc.

然后我會整理分類這些關(guān)鍵詞。列下這些信息能夠幫助我實現(xiàn)兩件事：

-把腦中的所有信息整理、清除出來，并在需要的時候立即就能夠找到它們。（過多的信息容易讓 你的思維跳躍的太快太遠，從而偏離設(shè)計初衷）

-確保我不會丟失任何一個關(guān)鍵信息，或者一個好的點子。

列出所有的信息直接或者間接的將與項目有關(guān)的因素展示在你的眼前，這是一個簡單有效的方法讓你發(fā)現(xiàn)更好的創(chuàng)意。

Tip：不僅僅是用便簽貼列出所有的信息，你也可以利用mind-mapping軟件來做這項工作，但重要的是要將這項工作貫穿于整個項目設(shè)計過程中，要持續(xù)更新新的發(fā)現(xiàn)，摒棄掉沒用的內(nèi)容，這也有助你回溯整個設(shè)計流程，查漏補缺。

原文作者：Benjamin Berger
原文地址：blog.prototypr.io
譯文地址：innospace.me

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量112萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com