客製化手機 App，UX 體驗設計才是消費者買單的關鍵！

根據市調指出，2020下半年智慧型手機的持有率達到 88.4%，透過手機的上網率為 83.6%。隨著主流數位設備已經逐漸從電腦轉到手機，針對手機而誕生的 App 就成為了創造美好體驗的一級戰場，有越來越多的公司與團隊都會透過 App 作為推廣自身產品與服務的媒介，但開發一款 App 是相當複雜的，以下我們就來介紹關於開發 App 的流程與細節。

使用者體驗與開發流程

要製作一款 App 的開發流程可以簡易的濃縮成以下的九步驟：

1. 產品概念 → 2. 市場調研 → 3. 體驗及設計規劃 → 4. 介面製作 → 5. 技術開發 → 6. QA（產品測試）→ 7. 修改與調整 → 8. 產品上架 → 9. 持續的維護與更新產品

這次要講的是第三步驟的「體驗及設計規劃」，也就是我們常常聽見的 UX設計。

體驗及設計規劃

如果說產品概念跟是拉出藍圖，市場調研是進行土地測量及打地基，這個步驟就像是蓋房子時候劃分好每個格局。如果格局夠方正，不會有斜切或是多邊形的格局，住戶雖然不會有明顯意識上的感受，但淺意識中會是自由且舒適的。後續不管你房子內部要裝修成什麼樣子，都能很好的去進行設計。這也是體驗規劃與設計的宗旨，在用戶無需意識的情形下，卻能感受到好用、流暢及舒適感。

App UX 設計是什麼？

你可能會常常聽到「UX」這個縮寫，他的全名是 User Experience，也就是「使用者體驗設計」。名符其實代表著讓使用者能更流暢自然使用產品的一切規劃過程。在這個過程中會需要具備邏輯以及高度的同理心，能夠把自己的角色轉換成用戶，以他們的視角去規劃最適合的使用流程。可以想像成是一個用戶從第一次打開 App 到登入註冊、熟悉功能、尋找目標、引導用戶找到目標功能並完成目標，將這一連串的流程變得順暢且直觀，精雕細節，延伸感受到舒適，驚喜及愉悅。

要怎麼開始 UX 設計呢？

UX設計主要的工作會有製作 Flow（流程圖）、Wireframe（框線圖）、Research（用戶研究） 等等。

Flow（流程圖）：

可以再細分成開發用的 Flow Chart 以及串連畫面的 UI Flow，前者會將頁面之間的轉換邏輯給開發人員，便於他們實際開發時能夠建造出與 UX 設計師期望相同的體驗感。後者則是 UX 設計時用來建立一個大綱框架，有了 UI Flow 就能很清楚產品具有哪些主要功能，以及這些功能之間切換的流程動向及關聯性，有了 Flow 就能去延伸更詳細的 Wireframe。

Wireframe（框線圖） ：

呈現的內容是實際畫面需要具備的資料以及呈現元件，會列出畫面有的功能元件（像是一顆在畫面左上角的選單 icon）以及元件的狀態（選單 icon 會有開跟關的樣式）、互動形式（點擊了左上角選單 icon，選單就會從左邊滑出）。有了 Wireframe 可以讓團隊更好對產品有想像，也能用這個做簡易的測試，看用戶是否能了解流程，以及位置擺放的引導性是否足夠。也因為 Wireframe 都是呈現灰階的，能夠除去大家對於視覺的影響，專注在資料跟元件本身。

Research（用戶研究）：

指的是面向用戶的調查及研究，前一個步驟的市場調研其實也是廣義 UX 的一部分，但 UX Research 會有更多的切入點，從開發的前中後期都有對應的設計研究方法。前期目標是面對客戶發現通點，除了上一次提到的 Persona，還有像是 User Journey Map（用戶旅程地圖）跟 HMW（How Might We）等。中期會有像是 Brainstoming（頭腦風暴）可以幫助開發時發想更多亮點。後期會有 User Interview（用戶訪談）、Usability test（易用性測試）來確立產品是否符合用戶期待。

App UX設計中的User Journey Map（使用者旅程）

先前有聊過 Persona人物誌 了，這一篇就再來細聊一個好用的 UX 工具，讓你可以快速地瞭解客戶如何跟產品互動：User Journey Map。

User Journey Map（使用者旅程） 的成品會是一張表格，橫軸為用戶在這個使用情境下可能的旅程階段，縱軸則是列出接觸點、行為、想法、情緒、痛點、機會點。這樣就可以看出一個使用者在使用情境下會有哪些行為與想法，而痛點跟機會點就是我們可以施力的地方。

App UX設計是用戶會買單的關鍵

UX 是個龐大且複雜的研究及設計過程，不管使用哪種設計方法最終目標都是要導向用戶。使用 Persona 結合 User Journey Map，你就會了解你的用戶是誰，且能理解他覺得困擾的部分並且幫他解決（行為與痛點），以及他期望以及能令他開心的（機會點＆情緒），能解決用戶需求的產品，就能促成他消費的動機，讓他為了你的設計買單。

如果對於這次提供的設計工具還有更多好奇，歡迎聯絡我們戰國策，我們可以提供 Persona 以及 User Journey Map 的範本，幫助您無痛上手，更貼近使用者們！