5 個能穩定進行好設計的UX 方法 - Intersection

... 進行好設計的UX 方法. 5 UX plays to start your design on good tracks ... 我的設計師生涯持續成長，流程中多了幾個方法，而以下是我最喜歡的： ... OpeninappHomeNotificationsListsStoriesWritePublishedinIntersection5個能穩定進行好設計的UX方法5UXplaystostartyourdesignongoodtracks本文的原作者BenjaminBerger是Atlassian的產品設計師。

當著手設計時（整個專案或某個功能），我把電腦關掉，還儘可能延後打開設計軟體的時間。

這是為了確保我已經有該作品的整體樣貌。

在主要概念還沒決定前，不會分心去想細節，迷失在視覺效果。

剛開始成為設計師時，我會立刻打開Photoshop，花時間研究顏色漸層效果那些東西，通常導致畫面很漂亮，卻帶著嚴重錯誤。

問題就在：如果你跟非設計師合作，他們會很滿意漂亮的畫面，可以製造讓客戶驚呼「哇！」的效果，但是我們應該要做一些「理所當然」的東西。

我的設計師生涯持續成長，流程中多了幾個方法，而以下是我最喜歡的：一、五個為什麼(The5Whys)在Atlasssian工作，設計準則其中之一就是：必須知道我們進行設計的根本原因。

在今日，打造一個有價值的產品就相當於為人類解決一個問題。

如果一個專案有太多細節要解決，那在某方面來說，很容易錯過整體樣貌。

請記得要問「為什麼」，這是要保證我們不會背離我們正在「做什麼」、「為誰而做」。

連續問五次為什麼就有機會找到埋藏其中的答案。

這是為了找到最初造成問題的原因，為了解決它，應該要專注在哪些方面。

儘管這個技巧還有些爭論，像是兩個人（或更多）著手解決相同的問題時，卻常常找到完全不同原因。

不過，我個人不會覺得這是缺點，反而是發現不同肇因的機會，是從來沒想到過的。

事實上這可以把原有的問題以全新、創新的角度來處理。

範例問題：使用者總是關掉提醒為什麼？—他按下「不允許」為什麼？—他不想要收到提醒為什麼？—他沒發覺其中的價值為什麼？—他不曾有好印象為什麼？—這是他第一次打開這個app我得說，這是個簡單的範例，但是以這個方法類推，就會想到許多解決方式：使用者第二次打開app時請求允許。

與使用者互動時解釋打開提醒有什麼好處。

在登陸頁面就闡述你的價值。

小提示這個技巧也可以用來解決你的日常生活問題。

二、時間軸：之前、當下、之後(TheTimeLine:BeforeDuringAfter)我開始研究UX設計時，最先領悟的是：一種超脫出螢幕的經驗。

不只是用你的產品做了什麼，還有使用前與使用後發生了什麼事情。

因此，我總是把這個時間軸的概念用在專案上，為的是設計一套從開始到結束的完整體驗。

以之前與之後思考是要確認UX是完整的。

我總是問我自己這些問題：之前：使用者如何知道我的app？Appstore？網站？廣告？某處的QRCode？他已經有帳號了嗎？他需要帳號才可以在app裡行動嗎？他在什麼情況下會打開我的app？在舒服的沙發上隨意瀏覽，還是搭乘擁擠的地鐵時？所以他的壓力程度是？在使用app時是很悠閒的嗎？他的網路快嗎？之後：如何得知使用者剛剛獲得的體驗？他需要任何從某處容易取得的某種資訊嗎？如何再次確認他期待產品有某種功能？如果我的產品是跨平台的，要如何進行資料轉移？如何找出一個月之前發生的事情？*這些項目都在確保沒忘記任何一個逗使用者開心的機會。

*特別聲明：逗使用者開心並非讓介面上每個物體都加入動畫、有滑順效果的彈出視窗或偷放個彩蛋就好。

良好的追蹤email、離線模式、預填好的表單和錯誤訊息等小細節會讓你的工作簡單一些兒。

小提示讓你的經驗視覺化有更好的效果，可以動筆在時間軸或藍圖上畫出，或是做下個方法！三、漫畫分鏡(TheComicStrip)我們身為設計師，是靠著圖像傳達想法，所以把整個體驗用草圖的方式描繪，將使用者會遇到的步驟視覺化，對我來說很有用。

對於這個方式，曾經有個設計師建議我把A4白紙分成六塊，然後就像漫畫一樣畫出每一個動作。

對我來說，這是剖析使用者生活的方式，將使用流程視覺化，就可以理解他的習慣。

接著，從漫畫分鏡發覺使用過程中的痛點(painpoints)，就可以瞭解科技如何簡化生活的最佳方法。

同時，如果有可能的話，我不會以我的想像來畫草圖，而是使用者訪談的結果。

一旦瞭解產品如何運作，我會再一次以草稿描繪出體驗，這是為了保證我的服務能夠涵蓋每一個面向。

當我認為已經達到好的體驗（且產品允許的話），我試著將漫畫分鏡實做，這在檢查互動是否有根據某些特定情境時很好用。

額外觀點：不用完整建立一個產品，只需要用最低的成本做出產品原型(prototype)就很夠用了。

這個做法幫助我了解某些簡單的互動事實上一點都不簡單：冬天的時候，戴著手套在大街上在賣場，其中一隻手拿著購物袋時在陽光強烈的地方，暗色系UI一點都不好小提示用麥克筆將白紙分成六塊，拿去影印方便日後使用。

四、對話(TheConversation)對話UI是當今大家都在討論的火熱話題。

儘管我認為這樣的UI概念不適合每一種產品，但是確實很有趣。

沒錯，設計師的目標就是將科技轉換成自然的感覺。

所以直覺互動的方式，像是用閒聊對話啟動某個動作也很有合理。

畢竟簡訊是我們手機最古老的功能之一。

當我正在設計一套複雜的介面時，我開始想像機器是某個雇用來專門做某件事情的員工。

是一個可以跟我對話的人。

思考我打算問他的問題，用來獲取一些資訊；為了完成某件事情下的命令；想要收到什麼樣的回應。

我寫下整個對話內容，遵循某種規則，看起來更合理。

這幫助我找出、整理最佳流程，瞭解在一個頁面上要擺放多少資訊。

哪些資訊屬於同一個群組，它們在同一個群組的原因。

可以執行哪些動作，還有如何設定主要的。

還有機器得準備哪些資訊，用以滿足我的需求。

小提示我不建議在安靜、開放的空間大聲模擬這個方法。

五、清單(TheList)每當我收到新的摘要時，腦中總是擠滿了一大堆事情。

靈感、視覺效果、互動、良好的UX原則、文案，以及市場上的相似產品等等。

所以我很清楚這階段不應該專注在細節，但是又不想在設計流程中遺漏某些事情。

為了確保不會把這些想法忘了，我先把所有事情都寫在便利貼上。

我把腦中閃過這個專案專屬的事情寫下，不過其他某種程度上相關的事情也會。

例如：著手進行手機app專案時，我會寫下智慧型手機的所有功能。

地理位置推播訊息水平儀相機指紋辨識還有UI概念。

Tinder卡片介面聊天介面SnapchatYo或是使用情境。

在家裡慢跑的時候在健身房車子裡公車上其他情境然後把這些關鍵字進行分類。

這個清單給我兩個好處：把我腦中想的事情都抽出來，之後也可以知道哪裡再找出來。

（專案啟動的時候通常是兵荒馬亂的，腦中塞滿一大堆想法會讓你失常。

）確保沒有遺漏重點，或是之後可以用上的好點子。

小故事時間去年我遇到新創公司Birdly。

他們的團隊正在打造手機app，它可以讓你免於工作用收據的困擾。

當時他們正進行產品UX的階段，還有維護兩個app(Android+iOS)，經營創業，團隊只有三個人（其中只有一個開發者）。

不用說他們可能已經想到許多痛點。

接著，這個團隊在技術上做了很有趣的關鍵轉折(pivot)。

與其繼續開發手機app，他們決定只做Slack機器人(bot)。

這個決定帶來很多好處，例如：利用新平台的強項；更容易整合進使用者的日常生活；跟之前要維護兩個app相比，有機會減少技術上的負擔，還可以達到差不多甚至更好的效益⋯等。

當面傾聽他們說跟專案直接/間接有關的事情，是讓你發現新契機和保持創新的好方法。

小提示我個人喜歡用便利貼，而你也可以用心智圖(mind-mapping)軟體達成。

在你的下個專案經常讓清單加一些新東西吧！感謝閱讀！喜歡這些方法嗎？討厭這些方法嗎？想要分享你的方法嗎？想要回應感想嗎？請在這裡留言，或是給我一條Tweet！參考資料：Atlasssian設計準則Birdly的故事我的個人資料Twitter—Dribbble—portfolio—behance感謝DarianRosebrook和VincentRicard。

Intersection問卷調查我們希望提供最好的服務，邀請您花少於一分鐘的時間，針對這一篇文章給予意見回饋，謝謝！翻譯評分：5個能穩定進行好設計的UX方法intersectiontw.typeform.com--MorefromIntersectionFollow優化、插件、高清、視頻、反饋、交互設計：已經看膩這些中國用語。

ReadmorefromIntersectionAboutHelpTermsPrivacyGettheMediumappGetstartedYumingCheung3.1KFollowers喜歡的UI就要親手做出來https://ymcheung.twFollowMorefromMediumEmilyRichardsUX/UIinBootcampUXDesign&AccessibilityTitusKartikaHowtoDesignforAccessibility?—DesignforAllCelesteIronhackChallenge1:DesignThinkingDarshanShahTop5PrototypingToolsforUXDesignersHelpStatusWritersBlogCareersPrivacyTermsAboutKnowable