空白頁設計

2021-07-25 09:58:38 字數 2310 閱讀 1673

空白頁根據場景來劃分:

1 功能引導。

引導使用者去進行本頁面內容從0到1的建立。

分別有1步完成:先圖後文,再接button。

也有多步完成的:多步完成的空白頁,也稱作引導頁,旨在通過**引導使用者完成某項任務,了解某項新功能,提交某項資訊。現在也多用**結合的方式。

2 新手教育

往往通過教育,讓使用者開啟某項新服務,這存在於第一次開啟某個頁面。往往除了配圖以外,也會有較多的文字描述關於該項新服務。並且告知使用者開啟這項新服務會有什麼好處。

3 結果反饋

結果反饋分為正向和負向。這種結果反饋較為正式,也比較重要的反饋。不同於一般toast的瞬時反饋,這種阻斷式結果反饋,更加直接和強反饋。但是好的空白頁設計是不會讓使用者感到突兀,而是讓使用者感受不到它的存在。

4 空白頁無內容

這一類空白頁設計,是指內容為空。這個可能是使用者刪除了內容,或者觸發了一些事件。這個時候可以適當展現產品的幽默,或者鼓勵使用者創造內容。

5載入

loading中的空白頁,不屬於標準空白頁的範圍內。應該被歸納到loading 控制項中。

空白頁根據頁面來劃分:

空白頁分為整頁面的空白頁(上)、和帶其他內容的空白頁(下)。

帶其他內容的空白頁要關注一致性,以適應不同頁面內容和頁面架構的變化。

1品牌:在空白頁中介紹並強化你的品牌元素。通過插圖的風格、顏色、形象ip來展示產品的品牌元素。

2亮點:有創意或者展示產品的幽默感。

3共鳴:展示產品溫暖人性的一面,讓使用者感受到你的產品情懷。

4規則:龐大產品,特別是平台性產品,要使每個模組、每個頁面的設計風格,**排布形式,插圖風格等等保持一致性。

通過一些好的案例來解析它吧~

好的案例:

空白頁必須在頁面失敗的情景下,保證其能幫助你的使用者,告知使用者如何去解決某個問題。而且你需要在友好性和有幫助性之間保持乙個平衡。

不好的案例:這個頁面只是為使用者提供乙個錯誤資訊,除此以外什麼也沒有。

乙個好的產品印象不是其可用性,而是關於產品的個性。如果你的第乙個空白頁看上去與乙個簡單的頁面有些不同,你就可以向使用者展現你不一樣的一面。你的目標就是讓使用者看到空白頁的時候,是乙個愉悅的驚喜。

為你的使用者帶來愉悅:介紹您的品牌元素(與其他產品有趣的方式不同)。

顯示幽默感和娛樂(使用積極的情緒和驚喜你的使用者)。

把空白頁當作乙個小的登入頁,如何讓使用者快速進行下一步操作。

在空白頁上去推動操作行為,你需要:

1)激勵你的使用者:用激勵化的語言和設計去推動你的使用者。例如「learn more」 or 「let』s get started.」

2)說服你的使用者:提醒使用者他們使用您的產品時將會收到的好處。

3)指導你的使用者:推薦並向他們展示開始使用的最佳方式。 提供指引性的按鈕,以指導使用者看到空白螢幕所需的操作,來獲得更有意義的內容。

Jupyter notebook開啟空白頁問題

用pip安裝了jupyter,但是執行命令jupyter notebook,開啟的ie瀏覽器是空白頁。給出的方法一般如下 第二步 overwrite c users administrator jupyter jupyter notebook config.py with defaul t conf...

Finereport匯出空白頁

finereport匯出pdf或列印出現空白頁,簡單幾步,讓你輕鬆解決。1.使用帆軟的報表軟體,匯出的pdf可能存在多餘的空白頁 2.開啟cpt檔案,然後找到空白的單元格,滑鼠右鍵選單中點選清除,彈出的選單中點選格式。因為一些空白的單元格可能只清除了內容並沒有清除格式,導致轉換成pdf的時候新增了空...

ViewFlipper滑動出現空白頁

使用viewflipper做輪播,滑到最後一頁時出現空白頁,繼續滑動才是應該出現在最後一頁之後的第一頁,迴圈輪播時最後一頁和第一頁之間出現了空白頁 下面是我的輪播實現 xml布局 下面是activity中的滑動功能實現 public class gattdetailactivity extends ...