什么是空白頁？
空白頁是app中一些特殊情況，“沒有內容”、“沒有網絡”等一些錯誤或者初始情況。
空白頁根據場景來劃分：
1 功能引導。
引導用戶去進行本頁面內容從0到1的建立。
分別有1步完成：先圖后文，再接button。
也有多步完成的：多步完成的空白頁，也稱作引導頁，旨在通過圖文引導用戶完成某項任務，了解某項新功能，提交某項信息。現在也多用圖文結合的方式。
2 新手教育
往往通過教育，讓用戶開啟某項新服務，這存在于第一次打開某個頁面。往往除了配圖以外，也會有較多的文字描述關于該項新服務。并且告知用戶開啟這項新服務會有什么好處。
3 結果反饋
結果反饋分為正向和負向。這種結果反饋較為正式，也比較重要的反饋。不同于一般toast的瞬時反饋，這種阻斷式結果反饋，更加直接和強反饋。但是好的空白頁設計是不會讓用戶感到突兀，而是讓使用者感受不到它的存在。
4 空白頁無內容
這一類空白頁設計，是指內容為空。這個可能是使用者刪除了內容，或者觸發了一些事件。這個時候可以適當展現產品的幽默，或者鼓勵用戶創造內容。
5加載
loading中的空白頁，不屬于標準空白頁的范圍內。應該被歸納到loading 控件中。
空白頁根據頁面來劃分：
空白頁分為整頁面的空白頁（上）、和帶其他內容的空白頁（下）。
帶其他內容的空白頁要關注一致性，以適應不同頁面內容和頁面架構的變化。
空白頁設計的大方向：
1品牌：在空白頁中介紹并強化你的品牌元素。通過插圖的風格、顏色、形象IP來展示產品的品牌元素。
2亮點：有創意或者展示產品的幽默感。
3共鳴：展示產品溫暖人性的一面，讓用戶感受到你的產品情懷。
4規則：龐大產品，特別是平臺性產品，要使每個模塊、每個頁面的設計風格，圖文排布形式，插圖風格等等保持一致性。
如何設計空白頁？
1、它教育和幫助你的用戶
設計空白頁的首要目的是教會用戶如何去使用你的app。如果他們不理解這個功能，我們的設計將是失敗的。所以你需要以舒適的方式，告知用戶他們將要發生的事。
好的案例：
invoice：下面這個app通過插畫告知用戶快速訪問您的數據，檢查您的銷售業績，才可以擁有所有的客戶。
空白頁必須在頁面失敗的情景下，保證其能幫助你的用戶，告知用戶如何去解決某個問題。而且你需要在友好性和有幫助性之間保持一個平衡。
不好的案例：這個頁面只是為用戶提供一個錯誤信息，除此以外什么也沒有。
2、讓你的用戶愉悅
一個好的產品印象不是其可用性，而是關于產品的個性。如果你的第一個空白頁看上去與一個簡單的頁面有些不同，你就可以向用戶展現你不一樣的一面。你的目標就是讓用戶看到空白頁的時候，是一個愉悅的驚喜。
可以使用信息通過以下方式：
為你的用戶帶來愉悅：介紹您的品牌元素（與其他產品有趣的方式不同）。
顯示幽默感和娛樂（使用積極的情緒和驚喜你的用戶）。
顯示您的業務或產品的人性化（提供激勵，或即使你沒有義務也提供幫助）。
3、推動操作行為
把空白頁當作一個小的登錄頁，如何讓用戶快速進行下一步操作。
在空白頁上去推動操作行為，你需要：
1）激勵你的用戶：用激勵化的語言和設計去推動你的用戶。例如“Learn more” or “Let’s get started.”
2）說服你的用戶：提醒用戶他們使用您的產品時將會收到的好處。
3）指導你的用戶：推薦并向他們展示開始使用的最佳方式。 提供指引性的按鈕，以指導用戶看到空白屏幕所需的操作，來獲得更有意義的內容。
總結
因為UX是產品一體中各個架構的和諧化，所以空白頁是與其他頁面一樣重要的頁面。空白頁的設計要求在信息和動作中獲得一個完美的平衡，這個平衡的狀態可以使你站在用戶和你做的UX工作之間，因此空白頁需要獲得比我們想象的更多的關注。
本文作者 知乎 戴維
沈陽App定制開發，請信賴唯思科技！
