US.jpg

手機網站商店 UX 建議指南 - 重點分享整理
https://goo.gl/wbmnfC


#登入頁

CTA要有明確情境描述(不是下一個,購物,繼續),放置CTA的位置是一個重要問題,仔細分析後才能回答。記住上下位置,將是不同工作情況。

首頁要有明確的價值導向、不使用整頁廣告、刪除輪播讓用戶啟動CTA、熱門分類

#菜單和導航
在菜單中包含售後操作跟客服、合併菜單(地點、搜尋、購物車等)、通話重要的話請出現在菜單中、標註地點ICON、動態菜單

#搜尋
自動建議與修正(盡量不出現找不到相關資訊為主)、記錄之前跟熱門關鍵搜尋字、突出的搜尋欄能提高搜尋使用

#類別/產品
產品進行排序/過濾、如果產品數量眾多,請添加評論、增加緊急感的提醒要素(●數量限制●時間限制●情境限制(父親節快到了,現在得到禮物))、每頁都有價值 轉換點或標題、產品頁價格信息、添加輔助CTA以進行其他轉化操作

#轉變
進度條、添加到購物車後,不是重定向到購物車頁面而是使用選項模式(○繼續購物○查看興趣產品○直接結賬)、限制退出點、有描述性的CTA、自動確認信用卡、購物籃增加繼續結帳、在購物車中加售、允許用戶通過電子郵件或保存以便以後繼續使用其他設備、讓創建帳戶的原因增加價值、社交帳戶註冊、流程期間限制退出點、流程中有兩個以上的步驟,使用分頁、

#表格優化
必填字段、表單內聯驗證、自動補充填表、下拉表小於四項的時候改成選擇按鈕、使用步驟器、滑塊、取代大型下拉(可以參考GA設定目標)、減少打字數量、

建議應該進行A / B測試!

 

 


UX Playbook for Travel

HOME/LANDING PAGE 
清楚的CTA和熱門類別
描述的CTA
明確的價值導向
清晰字體大小
顯示之前搜尋紀錄
預先顯示當前位置
優惠內容和快捷方式

SEARCH
打字後能直接提供需要的資訊例如:旅館網站搜尋地點能顯示週圍還能預約的旅館
兩個字後能建議搜尋字
在菜單中放置優惠、打電話、
預先填充表格
顯示以前搜索記錄
主導覽顯示打電話、登錄會員等鼓勵聯絡的CTA
主導覽提供一個交易、報價等的商業行為
活用日曆記事、查看、價格等功能

RESULTS PAGE (結果頁-比較跟篩選)
允許排序和過濾
允許用戶保存或分享不同的優惠
使用圖示ICON簡化文字訊息
出現結果時還能提供其他簡單的分類
簡單的過濾篩選
顯示總結數字
在讀取結果時,會提供一些提高體驗的輔助文字
在地圖顯示能出現相關的距離參考和數據
滑手機時能同時提供圖文並茂資訊
能有左右滑動的圖庫取代下拉圖片
提供保存搜尋結果

BOOKING (預定頁)
每個使用者旅程階段都有價值主張,包括搜索結果和報價頁面
顯示最終價格(包括稅金等)
添加緊急要素
有CTA引導保存或是電子郵件
增加評論和社群證明
使用內聯驗證、自動填充
允許保存24/48小時
有浮動的顯示框或是兩次提顯得CTA訊息
顯示明確的價格資訊
重複安全保證
顯示進展狀況跟完成預訂的步驟
支援跨平台功能例如:Messenger
幫助完成預定的cta

SIGN IN/SIGN UP(登入註冊)
提前登錄/註冊福利
允許社群帳號登錄
允許以客人身份預訂
顯示下載應用或註冊的原因
支持跨載具使用

POST-BOOKING 
預訂後可輕鬆獲取明顯的信息和常見問題解答
主頁上顯示關鍵通知和更新
主頁或主導覽有前往你的BOOKING
提供更改貨幣/語言的選項
預設回答客戶常見問題

 


UX Playbook for Finance
HOME/LANDING PAGE 
CTA導引位置
明確價值合受益
不要自動跑圖,而是讓用戶自主觸動
社群帳號登入
社群評論提高信任

MENU & NAVIGATION
動態菜單與擴展性
主導覽增加打電話功能、登入、app下載等重要的售後行動
自動填充、篩選過濾
如果選項過多建議增加搜尋,甚至有建議搜尋


PRODUCT PAGE 產品頁
顯示清晰的描述性CTA
考慮使用視頻作為教育用戶的方式
明確清楚且符合價值的標題

COMPARE/PRICING 對比/定價
篩选排序和縮小範圍
讓用戶在產品之間運用垂直或水平的滑動
正確引導客戶找到合適他的產品
顯示最受歡迎或是有價值的標註

CONVERSION FLOW 轉換
適時出現價值推薦
每個階段都能顯示價值跟打電話
轉換期間限制退出點或是教學
使用描述性CTA和建立信任
顯示網站的安全性
轉換流程期間的追加銷售
不要用認識更多當作CTA
顯示進度/指導用戶
CTA用詞不要是下一步
追加銷售:例如您可能也喜歡/其他客戶
還買了、結合政策時的折扣

FORM OPTIMIZATION 表格
驗證和自動填充
減少字段數量
為了建立信任所要有具體的資訊
如果<3選項,請不要使用下拉菜單
出生日期使用數字輸入而不是下拉菜單
註冊價值說明
用分頁指導用戶
允許用戶保存進度,包括用email保存工作
建立用戶信任,告訴為什麼需要用戶的特定信息
表單可以更有趣的呈現


Sign in/ Sign up
不要讓用戶重新確認賬戶信息

Payments 支付
顯示網站安全證明
自動檢測信用卡編號

Driving App Downloads 下載app
提醒app下載
考慮某些功能只能用app操作

UXUI工作坊-台北台中場

▲最新開課公告:https://reurl.cc/zreqy
 

加line諮詢 : https://goo.gl/iX1urT
加line ID : @aoh3399m
FACEBOOK : https://www.facebook.com/A4study/

arrow
arrow

    UIUX課程 發表在 痞客邦 留言(0) 人氣()