@薛斯塔?:當我們剛剛接手一個項目的時候,我們總能在初期迸發出很多有趣的想法,很多閃光的細節都是偶然閃現的,但當我們在設計的過程中,有多少能夠真正落地到產出中呢?怎樣才能成功捕捉到這些有趣的創意,并使之在后續的產品設計中表達出來?本文向大家推薦了四種方法,幫助大家整理設計思路,避免創意在你的腦海里逃走!下面進入譯文。
歡迎關注作者微博:@薛斯塔?,個人網站:http://www.innospace.me/
當我開始一個新的設計項目或功能升級的時候,我會先關掉我的電腦,并且盡可能晚的打開我的設計軟件。我會首先在腦子里形成一個項目的完整輪廓。當項目的概念模型還沒有完整之前,不要糾結一些細節的把握,類似于視覺風格之類的。
在我還是初級設計師的時候,項目初期我就會使用Photoshop之類的設計軟件,花費大量的時間設計出精美的界面,其中夾雜著大量的設計漏洞。當我成長為一個資深的設計師后,結合我之前所犯的錯誤,以及這些年的工作經驗,我總結了一些成熟的設計思路和方法,能夠幫助我提高設計效率,把握設計方向,以及避免出現低級的錯誤。
1. WHY-WHY-WHY-WHY-WHY (5個為什么)
在我們開始設計項目之前,我們需要知道這次設計的背景原因是什么。一個有價值的設計方案是能夠解決用戶的實際問題的。為什么設計這個方案?為誰設計這個方案?連續的提問5次這樣的問題可以幫助我們發現一些隱藏的答案:設計背后真正的問題。當我們知道了背后真正的問題后,我們的設計方案就會圍繞著怎樣解決它來做,這樣我們的設計方向就不會有偏差。
在使用了這個設計方法后,我們在項目的實踐當中仍然會看到幾位設計師在解決同一個問題的時候,分別設計了不同的方案和思路。這其實是不矛盾的,每個方案都從不同的視角來解決問題,這給了我們不同的創新方案,但解決的都是同一個真正的問題。
案例
問題:用戶不允許接收通知。
-WHY?用戶點擊了“不允許”
-WHY?用戶不希望接收通知彈窗
-WHY?用戶沒有意識到通知的價值
-WHY?用戶還沒有體驗到一個好的接受通知過程
-WHY?這是用戶第一次打開app
通過連續提問5個為什么,我們得到了一些背后的原因,并且我們可以立即設想到一些可能的解決方案:
-等待第二次打開app的時候詢問接受通知許可
-在新手引導頁面解釋接受通知的價值
-在啟動頁面解釋接收通知的價值
Tip:這個設計方法也能夠幫助你解決日常生活遇到的一些問題。
2. Timeline(時間軸)
當我開始學習交互設計的時候,我學到的第一件事就是:
用戶界面背后的體驗過程,不僅僅是用戶怎樣使用產品的過程,還包括了用戶在使用產品之前和之后的狀態。
我總是將時間軸的概念引入到我的項目設計過程中。它能夠幫助我設計一個完整的,從開始到結束的體驗方案。思考使用產品的之前與之后的部分能夠幫助我們確保一個完整的用戶體驗。
之前
-用戶怎樣才能下載到我的產品?從app store?網站?還是banner廣告?
-他們是否已經有了產品賬號?他們是否需要一個賬號來操作所有的功能?
-在什么場景下他們才會打開應用?在一個舒適的環境下?還是在嘈雜的地鐵里?
-他們會花多長時間使用我們的產品?
-他們連接的是3G\4G網絡還是Wi-Fi?
之后
-如何跟進用戶剛剛完成的體驗過程?
-他們是否需要在任何地點都能夠接收到任何信息?
-當用戶正在等待從應用中接收信息時怎樣安撫他們?
-如果我們的產品是跨平臺的,怎樣將內容信息在平臺間傳遞?
這些問題將確保設計師不放過任何的細節和機會來愉悅用戶!愉悅用戶不應該依靠一個好玩的界面動效,一個隱藏在頁面中的彩蛋,而應當是通過完善一些小細節來讓用戶更方便快捷的解決問題,比如一封跟進操作的郵件(比如京東在下完訂單后收到的訂單郵件),應用的線下模式,已經根據用戶之前留下的信息預填的表格等等。
3. The Conversation(對話)
對話型UI是一個非常流行的設計方案,即使對于某些產品來說并不太適合。實際上,設計師的目標是將科技實現功能用一種自然的方式呈現給用戶,所以對話型這種比較自然的交互模式應用在社交類的產品中就很適合,比如iMessage。當我在設計復雜的產品交互模式時,我會試著將產品聯想成一個我雇來幫我完成某個任務的人,一個我可以對話的人。我需要詢問他一些信息以便完成某項工作,或者是向他發出指令完成某項任務,亦或是詢問他某個問題的答案。
我會寫下整個對話內容,并以對話順序列出來。這將幫助我:
-整理出一個最佳的交互流程;
-發現完成一個任務需要多少信息;
-那些信息可以被整理在一起,為什么可以整理在一起;
-哪些行為可以被執行,怎樣被執行(主要功能);
-哪些信息需要預先告知應用以便解決我的需求;
4. The List (列表)
當我接到一個新的項目需求時,總會有很多繁雜未整理過的信息和想法呈現在我的腦海里:啟發、視覺、交互、好的UX概念、競品分析、版權等等。我只知道我不應該在初期就關注那么多的細節,但是我也不想把靈光一閃的點子遺忘掉。為了確保我不會忘掉它們,我開始練習記錄每個細節到我的本子上,所謂好記性不如爛筆頭吧。
舉個例子,當我開始一個手機應用的設計時,我會先寫下手機應用涉及到的所有部件:
-地理位置
-push通知
-陀螺儀
-攝像頭
-Touch ID
-Etc.
我也會列出可能的UI風格類型:
-Tinder cards
-Chat UI
-Snapchat ghost
-Yo
-Etc.
還有使用場景:
-在家里
-跑步中
-健身房
-私家車里
-公交車里
-Etc.
然后我會整理分類這些關鍵詞。列下這些信息能夠幫助我實現兩件事:
-把腦中的所有信息整理、清除出來,并在需要的時候立即就能夠找到它們。(過多的信息容易讓 你的思維跳躍的太快太遠,從而偏離設計初衷)
-確保我不會丟失任何一個關鍵信息,或者一個好的點子。
列出所有的信息直接或者間接的將與項目有關的因素展示在你的眼前,這是一個簡單有效的方法讓你發現更好的創意。
Tip:不僅僅是用便簽貼列出所有的信息,你也可以利用mind-mapping軟件來做這項工作,但重要的是要將這項工作貫穿于整個項目設計過程中,要持續更新新的發現,摒棄掉沒用的內容,這也有助你回溯整個設計流程,查漏補缺。
原文作者:Benjamin Berger
原文地址:blog.prototypr.io
譯文地址:innospace.me
【優設網 原創文章 投稿郵箱:2650232288@qq.com】
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量112萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓