範文齋

位置:首頁 > 行業範文 > 設計

網站設計:怎樣設計合理的用戶引導界面

設計1.23W

移動網站與傳統意義上的站點不同,由於手機或平板等移動設備的屏幕空間有限,即使是擁有5.7英寸屏幕的Galaxy Note3也無法在一個屏幕內展現所有頁面內容。因此,網站開發者就會嘗試設計出各種各樣將視圖疊加的方法。但是疊加的視圖必須由一個按鈕或者收拾來觸發才能顯示,這時就需要一定的學習成本。那麼如何讓用戶快速掌握使用方法,並充分體驗到設計的好處,這種情況下用戶引導界面設計的重要性就會體現出來。下面我們就列出了幾種較爲合理的.用戶引導界面。

網站設計:怎樣設計合理的用戶引導界面

1. 大段的文字介紹

一些移動站點和手機APP應用在界面無數據時會採取貼一長段文字來介紹頁面的操作。從技術實現的角度來看,這樣的設計是最容易的,但是用戶體驗卻不理想。衆所周知,用戶在移動設備上幾乎沒有耐心去閱讀長篇累牘的文章,這樣就會造成大量用戶的流失。因此,開發者可以在等待界面中以彈窗的形式,簡明扼要的彈出一些文字說明,這樣能夠在保證通俗易懂的情況下,不浪費用戶的時間

2. 通過類似PageControl的空間將應用的新增功能及介紹展示給用戶

很多手機應用都是採用這種方式作爲用戶引導界面,但是這種形式的用戶引導界面也存在一定的不足之處。首先,在很多應用中,這種用戶引導界面只會出現一次,當用戶快速劃過屏幕進入應用之後卻發現不會操作,卻發現無法回頭查看。其次,在某些重要更新後,可能會添加了許多新功能,這時用戶在瀏覽到後面的頁面時,很容易忘記先前頁面中的內容。因此,在這種模式下,用戶需要花費一定的時間來學習之後才能使用。

3. 先期自動導入部分事例數據

一個很好的例子就是課程表管理軟件iStudiez,這項應用先期可以導入很多開發者建立的課程,在完成數據導入後,日程看起來就不是一張空白的表格,就會讓整個界面頓時美化了不少。儘管這樣的設計能夠很好地美化界面,但是在指引用戶使用方面並沒有發揮很大的作用。因此,嚴格來說,這類設計是一個很好的填充空白界面的方式。

4. 在特定界面的操作指導

與其他界面引導方式相比,這種引導方式的優勢在於它需要在一定的特定情景下才會觸發引導。當用戶第一次進入一個全新界面時會彈出引導,這樣就能讓用戶明確每一個界面按鈕的意義。但是在設計這種引導方式時,要儘量避免強制引導用戶操作。一些應用可能會強迫用戶執行某些操作才能進入下一步,或者會重複出現某些提示,這時就不利於用戶體驗。


標籤:界面 引導 網站