黏住顧客的第一道防線：優化UI設計8大原則 - 未來商務

相信你也會有這樣的經驗：想要加入一個平台或APP 成為會員， ... 理論上，先有UX 的研究，才有UI 的設計，設計好的UI又會影響使用者的體驗（UX）。

我要訂報 FC100 創新議題 商業模式 關鍵科技 未來行銷 體驗加值 未來管理 專家觀點 創新解方 精選專題 未來商務展 每月沙龍 社群活動 追蹤我們 品牌活動 每月沙龍 未來商務展 未來商務精選 FC100 創新議題 商業模式 關鍵科技 未來行銷 體驗加值 未來管理 觀點作家 創新解方 精選專題 社群活動 熱 搜關鍵字 新零售 數位轉型 新行銷 產業創新 新金融 新娛樂 未來商務 BnextMedia媒體群 數位時代 經理人月刊 ShoppingDesign 創業小聚 服務專線｜886-2-8771-6326 服務時間｜週一～週五：09:00~12:00；13:30~17:00 10694台北市光復南路102號9樓 體驗加值 黏住顧客的第一道防線：優化UI設計8大原則 2019/10/06 by 數位時代 200DegreesfromPixabay HOT! 熱門文章 1 台灣綜合零售產業規模排名重新洗牌！從3大變動一窺未來發展方向 2 「了解消費者」有多重要？看樂高如何一反兒童玩具印象，靠成人粉絲化解破產危機 3 消費者根本不在乎品牌！解決廣告效果不佳的問題，得先了解購物行為背後的意義 4 盤點後疫情時代三大消費者趨勢，電商如何經營維持競爭力？ 5 導入物聯網、智慧化管理照服員，受恩如何翻轉傳統長照產業？ 6 行銷策略總是沒效果？善用新行銷4P、4C理論，找出癥結點 相信你也會有這樣的經驗：想要加入一個平台或APP成為會員，但是資料輸入到一半，可能因為換了個畫面、可能找不到修改的可能、可能輸入的字串無法複製，也可能是功能按鍵的字太小，乾脆放棄了。

這其實非常可惜，等於是已經到嘴的肥肉飛了，而平台的管理者可能還以為流量太小，一直用力的行銷。

這不是行銷的問題，這是產品的問題。

沒有好的UI，更遑論UX的成果 出現這種狀況，就是平台的UI（UserInferface使用者介面）沒有設計好，沒有好的UI，就不可能有好的使用者體驗（UserExperience,UX），這兩者是有差別的。

UI，主要是頁面上功能的整體視覺呈現；UX，則是從使用者的角度去看，怎麼樣對使用者來說最直覺。

UI是思考如何從視覺的角度呈現平台的內容與架構，而UX是思考如何從人性的角度解決問題，這是兩者最大的不同。

理論上，先有UX的研究，才有UI的設計，設計好的UI又會影響使用者的體驗（UX）。

UX設計顧問尼爾森（JakobNielsen），曾經出版超過十本探討研究使用者體驗的書，他曾經說「使用者體驗（UX），涵蓋了所有消費者對一個公司、它的產品，以及服務的所有印象。

」這與我們定義一個實體品牌，給消費者的全方位體驗是一致的！ 亞洲的平台的創業者，通常花很多的時間在討論平台的商業模式，但是卻花很少的時間在溝通平台介面與體驗設計。

如果平台的創業者，認知到UI/UX也是影響平台成功的關鍵因素，可能就不會這麼輕易的放過它。

重視UI/UX的業者都是市場佼佼者 圖片來源： fancycrave1fromPixabay Booking.com是線上旅館預定平台，是我出國預定飯店常用的網絡品牌。

無論在行銷能力或介面親和力，都算是當今最成功的平台之一。

它的成功也反應在股價上，每股的價格超過Amazon、Google，更不用說其他的線上平台了。

最近一年一股的價格曾經高達2,200美元，也就是如果你有先見之明，買了1張它的股票（1張等於1,000股），你的身價就有6,600萬台幣，應該可以退休了。

Airbnb則是一個國際化民宿出租平台，在一場Airbnb的創辦人傑比亞（JoeGebbia）演講中，讓我印象很深刻的是Airbnb如何重視UI的設計，他說：「Webetourwholecompanyonthehopethat,withtherightdesign,peoplewouldbewillingtoovercomethestranger-dangerbias.」也就是說，Airbnb傾全公司的資源去設計UI，透過好的UI人們更願意完成訂房的服務、克服陌生人與陌生人之間彼此的不信賴。

他甚至進一步說，要留下多大的空間及提示消費者留下意見的文字，都是經過計算的。

因為他認為，如果消費者留下太多的文字，是一種負擔；如果留下太少的文字則訊息量不足。

中外的兩大搜尋引擎Google及百度，極簡的平台設計，把自己的功能定位得非常清楚。

百度雖然是模仿Google，但在平台介面的優化，不遺餘力。

在焦點團體的研究中，追蹤網路用戶的視線移動，發現中國及美國用戶的電腦螢幕活動熱度圖，有明顯的不一樣。

美國用戶的活動熱度圖，較集中在左上角，而且只會停留10秒，就會離開搜尋結果的頁面。

反觀，中國用戶的活動熱度圖熱點面積非常大，而且會在搜尋結果的頁面，停留時間更長，約30到60秒，視線放射到所有的搜尋結果，且任意點選。

百度持續對UI/UX進行研究、調整，成功的擄獲消費者的眼球，贏得了更多的用戶；Google則為了維持美國總部策略，相信矽谷做出來的產品，對全球的使用者已經夠好了。

無論是Booking.com、Airbnb、Google或者是百度，一個平台品牌的成功，UI/UX絕對扮演重要的角色。

然而在網路的領域，很少公司願意投資在研究UI的體驗與設計，所以我們可以看到很多APP的介面設計都很「功能」導向，通常字體也很小，不注意往往看不到某些功能，UX一點都不userfriendly。

根據研究，97%的平台介面的設計都是相當失敗的；而工程師花了50%的時間，在解決原本可以避免的UI/UX問題。

提高黏著度的UI設計8大原則 那什麼是好的UI呢？人機介面研究教授康斯坦丁（LarryConstantine）提出，好的UI需要滿足六個原則：即結構原則、簡單原則、視覺原則、回饋原則、容錯原則及再用原則。

我將他的原則簡單歸納說明如下： 結構原則：就是UI的結構要清晰，同類、同層次的東西要放在一起，是平台或APP的生命。

簡單原則：就是如果能夠一個動作完成，不要設計成兩個動作，每多一個動作，就是讓消費者找到一個放棄的理由。

可視原則：就是要能夠讓使用者看到，目前輸入頁面所處的階段，可以透過頁面表頭的menu指引，或者箭頭燈號來達成，讓每一個功能順序都清清楚楚。

回饋原則：顯示使用者已經做過的選擇，不用擔心或忘了先前做了哪些動作，而需要不斷往回檢查，可能造成太麻煩而放棄。

容錯原則：包括允許undo、redo以及防呆的設計，提高輸入的效率，以及降低錯誤的成本。

再用原則：就是保持一致性，也就是相同的功能應有相同的名詞；同時相同功能的鍵，永遠放在同一個位置，如「確認」固定放在右下角，無論在那個畫面都一樣，使用上就會有熟悉感。

我還要補充兩個品牌行銷的觀點，就是UI的設計也要考量美感原則及定位原則。

美感原則：其實是最困難的。

就像設計一張平面廣告，把文字填滿容易，把字體、顏色、留白、圖騰配的剛剛好，就是一門藝術了。

美感會增加品牌的質感與好感，從而增加品牌的價值。

定位原則：就是所有的原則都要回到品牌定位，也就是要符合平台的定位，如優質餐廳的訂位平台，一進去就是要有訂位日期、用餐人數的提示，餐廳的氛圍及美美的菜色介紹，而不是一堆的促銷訊息占據了畫面，讓人誤因為是促銷網站而不是訂位平台。

好的UI決定了完美的UX（消費體驗）、完美的UX決定了消費者的黏著度，也就決定了交易的轉換率（ConversionRate），決定了平台的成敗。

全球乃至台灣的APP平台，正如雨後春筍般的冒出，值得平台經營者從消費者的角度、品牌的體驗，好好的重視UI/UX的設計。

【品牌筆記】UX設計顧問尼爾森說：「使用者體驗（UX），涵蓋了所有消費者對一個公司、它的產品，以及服務的所有印象。

」 圖片來源： 時報出版 本文節錄自時報出版《大數據預測行銷：翻轉品牌X會員經營X精準行銷》一書，作者為高瑞訓 #電子商務 分享 加入FCLine@ 加入FC粉絲團 訂閱FC電子報  |  加入FCLine@  |  加入FC粉絲團  |  訂閱FC電子報 HOT! 熱門文章 1 台灣綜合零售產業規模排名重新洗牌！從3大變動一窺未來發展方向 2 「了解消費者」有多重要？看樂高如何一反兒童玩具印象，靠成人粉絲化解破產危機 3 消費者根本不在乎品牌！解決廣告效果不佳的問題，得先了解購物行為背後的意義 4 盤點後疫情時代三大消費者趨勢，電商如何經營維持競爭力？ 5 導入物聯網、智慧化管理照服員，受恩如何翻轉傳統長照產業？ 6 行銷策略總是沒效果？善用新行銷4P、4C理論，找出癥結點 社 群活動 +More 12/02 【FCTalks特別場│智慧零售專場】請支援轉型：遠距策展Ｘ資安，2022技術突圍全布局 11/25 【FCTALKS21】動能轉型：從管理、體驗到行銷，你該懂的機智轉型術! 11/26 商業數據分析與圖像表達 12/14 網紅行銷大解密！勸敗變現新勢力｜數位行銷學院 歡迎回到FC未來商務，為您推薦其他精選文章，或點擊空白處繼續閱讀此頁 您可能感興趣 蘋果改變隱私權政策，品牌將如何為購物節的數位行銷做準備？ 面對串流巨頭夾擊，小平台團結應戰！新創公司推新服務，單一月費可看40個平台 品牌形象、行銷管道老化怎麼辦？3做法重新擦亮老品牌招牌 導入物聯網、智慧化管理照服員，受恩如何翻轉傳統長照產業？