統計數據顯示,近年來由於行動裝置的普及,使用行動上網的機會也越來越高,傳統網頁設計無法滿足多種裝置的呈現,也因此帶動響應式網頁成為目前網頁設計的主流。使用者會因為網站提供的用戶體驗來決定是否繼續停留在網頁閱讀詳細內容。因此,若擁有適用於任何設備的響應式網頁,將能增加訪問者停留時間和了解更多內容的意願。

以下五點會影響使用者在移動裝置瀏覽網頁的體驗,如果你想知道如何創建一個引起人們注意的響應式網頁,請記得在設計的時候注意這些細節:

01.主要使用三種手勢
幾乎所有人在使用智慧型手機以及平板時,都會習慣性使用三種手勢:滾動、滑動、點按。

小提示:以這裡列出的三種手勢為主,其他手勢為輔,思考網站使用的方式與架構。

02.使用者會盡量避免打字
在使用行動裝置時,有些使用者會因為螢幕上的鍵盤不容易使用而避免打字,這也是為什麼現在很多網站提供記憶帳號密碼的功能。

小提示:可以提供使用者記憶輸入密碼、地址等個人訊息來減少需要打字的機會。仔細思考您的網站內容,除了必要的資訊外,盡量讓您的網站不太需要輸入訊息。同理可證,小額行動支付之所以的受到大眾青睞,就是因為他幾乎不需要輸入資料,可以簡單方便的使用。

03.Icon圖示容易讓人混淆
在使用Icons圖示時,要使用讓人容易辨識的圖案,例如:通常會使用三角形圖示代表播放鍵、叉叉(X)的圖示通常代表離開網頁。

小提示:使用一致以及大眾所熟悉的圖示。記得要隨時注意目前趨勢與流行,Icon的意思可能會因為時勢而改變。

04.選項菜單不該放在最底部
有些網站會將選項按鈕放置底部,希望能讓單手使用的用戶能夠更方便的使用,但根據得到的使用者回饋心得,許多使用者在讀完文章後才看見最底部的選項菜單,在使用上非常不方便。

小提示:選項菜單最好能至於頁面上方,會讓使用者更好識別活用。

05.提示聲非常重要
您可能會驚訝聲音也會有影響?研究發現78%人對於提示音的體驗是喜歡的,如確認文件、刷新動態時的效果音等,會讓使用者感受到重視。

小提示:在設計響應式網頁時,效果音會是隱藏的機會點。
文章關鍵字
文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!