戰國策 24 小時客服專線 0800-003-191

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

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 email
分享在 print

根據市調指出,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 的範本,幫助您無痛上手,更貼近使用者們!

戰國策手機APP設計服務

戰國策擁有豐富的大型APP系統規劃、Android工程師+iOS設計工程師+APP UI設計工程師、介面設計及開發經驗,我們擁有豐富的規劃且重視每個環節,針對單一行銷企劃,開發遊戲、抽獎、登記優惠等,不論是企業內部使用或外部消費者應用,皆能量身訂作符合您需要的行動APP。

了解更多 https://www.nss.com.tw/appproject/

有任何問題,歡迎撥打免付費服務專線:0800-003-191或加入戰國策官方 LINE :@119m,將有專人為您服務!

App開發系列好文延伸閱讀:

亞洲十大推薦的頂尖App開發公司

想要製造一款熱銷的手機app,該注意的地方有哪些?

製作手機app要經過多少流程?所有細節一次告訴你

想要製作一套手機app要多少錢?怎麼樣的價格才合理?

製作手機app團隊這麼多?該如何挑選一次告訴你!

使用APP來推廣產品,時下最強大的即時行銷術

企業投資開發手機App,對於品牌究竟有什麼好處?

B2B 與 B2C 在APP應用程式之間的差異在哪裡?

APP該先做iOS 還是Android?差異在哪?

設計一款 App 之前,市場調查是需要先做好的事!

開發一款手機購物APP該注意的事項有哪些?

全球疫情下,非常熱門的手機app類別有哪些?

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

開發一款免費下載的APP,最常見的三種獲利方式!

將App開發成遊戲化,讓使用者天天都想用!

2022手機App 5種開發趨勢!

開發一款App的產品生命週期以及發展策略有哪些?

開發一款App很容易,跨入國際市場要注意的事有哪些?

Click Me