萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

移動端缺省頁設計指南:用WWH法則讓空白頁「豐富友好」

缺省頁面是用戶無數據或網絡不通時看到的界面。許多設計師只關注「理想狀態」,忽略缺省狀態,導致用戶困惑:是網絡問題、賬號異常,還是確實無內容?Nathan Barry提出的「WWH」法則(What、Why、How)能系統性解決此問題。

What:告訴用戶這裡會出現什麼內容

利用缺省頁向新用戶說明功能定位。支付寶錢包用票據圖形+文字說明分類內容,並提供下方添加按鈕;Dropbox 用灰階線條插圖與淺白文案引導用戶上傳內容,保持品牌風格同時消除挫敗感;Shadow Puppet 預置視頻樣本,讓用戶直接體驗真實產出效果。

Why:給用戶提交內容的理由

多看閱讀直接告知:購書並上傳雲端即享跨平台同步;Headspace 以萌系文案激勵用戶邀請好友互相監督冥想;Same 用俏皮文案鼓勵用戶添加頻道內容。情感化表達能有效激發行為動機。

How:提供明確的操作引導

「樂動力」在好友排行頁展示社交賬號綁定入口;Pocket 顯示「了解如何保存」按鈕引導添加內容;Taasky 和 Clear 將手勢操作指引嵌入預置任務中,用戶跟著做即學會;Orgami 在預置便簽內植入操作提示。關鍵在於步驟精簡、單頁完成、引導自然融入內容。

總結

缺省頁是用戶初次使用時的天然對話窗口。設計時做到:1. What 明確數據形態,嘗試預置范例;2. Why 激發提交動機;3. How 給出精簡操作引導。讓空白頁不再空洞,而是成為引導用戶上手的關鍵觸點。

copyright © 萬盛學電腦網 all rights reserved