浮層引導頁和空白頁的重要性

2019-12-10   MICU設計



在實際作中經常會碰到各種類型的介面設計,同一款App的不同頁面也有不同的名稱和設計方法。今天米醋就跟大家說說浮層引導頁和空白頁的設計方法。


浮層引導頁

浮層引導頁一般出現在功能操作提示中,是為了讓用戶在使用過程中能夠更好地解決問題而提前做的用戶教育。這種引導頁的浮層通常會使用箭頭和圓圈來進行設計,用高亮的顏色來突出信息,以手繪表現方式為主,同時採用蒙版方式來加強突出功能,如圖1-14所示。

浮層引導頁

空白頁分為首次進入型和錯誤提示型兩種。簡單來說,空白頁就是由於網絡問題或者是因為沒有內容的頁面,例如頁面中顯示「沒有信息」、「列表為空」、「錯誤」或者「無網絡」等內容的頁面就屬於空白頁。在一般情況下,這種頁面都會通過文字信息給用戶進行提示,好的空白頁面會花不少設計時間,因為這種頁面不僅是用於提示,還會引導用戶進行實質性的操作,從而加強用戶對產品的粘性。但是要注意一點,空白頁的設計一定要簡潔明了。


1.首次進入型

在用戶第一次打開應用的時候,軟體會利用空白頁的提示引導用戶進行操作,指引用戶找到需要的內容。

首次進入型的空白頁


2.錯誤提示型

錯誤提示型的空白頁不僅網頁中很常見,App中也有錯誤提示的頁面,例如顯示「找不到頁面」或者「網絡中斷」等。這種頁面中一般會指引用戶解決問題,例如點擊「刷新頁面」按鈕可以刷新頁面等。


錯誤提示型的空白頁

好啦!今天就分享到這裡!
大家有木有學會哦~~

我們明天見!