隨着越來越多用戶習慣使用移動設備來訪問網站，加上Google也早已宣佈實施「移動優先索引」策略，如今許多網站都是遵循「移動優先」的原則來設計。
但你有沒有想過，在PC端顯示「移動優先」的網頁設計時，可能出現嚴重的可用性問題呢?
遵循「移動優先」的網頁設計可能會出現哪些可用性問題?
香港網頁(HKWEB)表示，儘管響應式設計能夠讓網站智能地根據用戶行為以及使用的設備環境進行相對應的佈局，但是這些原本在小屏幕友好出現的內容被「強行」顯示於PC端的大型屏幕時有可能會出現內容分散、留白過多等情況。
當頁面大部分區域都存在內容分散時，有機會嚴重影響整體用戶體驗，出現：
● 頁面長度增加需要用戶進行更多的滾動。
● 網站應用了移動端的特定設計元素(如折疊面板等)，使用戶難以找到所需信息。
● 隨着圖像變大、留白增多，使得相關聯的內容有可能被切碎並分散在不同屏幕，同時導致用戶必須記住位於不同屏的信息並來回滾動才能得出結論和做出決策。
● 內容分散導致頁面長度增加和工作記憶需求增加，分散頁面也使用戶更難評估信息，從而更難構建網站上傳達的概念心智模型。
● 內容分散的網站容易導致重要信息的存在感被降低，使部分用戶覺得該公司在隱藏信息，從而可能失去對品牌的信任。
話雖如此，但是遵循「移動優先」的網頁設計也未必一無是處，例如減少單屏內容或更利於頁面文本的突出，間接提升網站的整體體驗。
哪些網頁設計策略能幫助我們減少「移動優先」所帶來的可用性問題?
隨着越來越多網絡流量來自移動設備，商家重視「移動優先」這一網頁設計原則是勢在必行。因此，在網站製作過程，我們必須注意以下事項來避免最常見的問題：
① 優先展示重要內容
為了確保網站能夠適應在不同設備上的正常呈現，建議優先展示重要，並使用與其他元素對比較大的字體、顏色等視覺樣式來突出顯示，以增加頁面的層次感和美觀感。
② 避免出現繁雜的操作
移動端設備的屏幕相對較小，因而往往需要用戶通過多重操作或步驟才能訪問目標信息或操作;但對於PC端用戶而言，多重操作或步驟只會增加用戶的認知負荷並產生挫敗感，因此設計時盡可能減少不必要的操作，同時將重要內容放在頁面的可見區域內。
③ 合理利用留白空間
在網頁設計中，過多的留白可能導致頁面顯得空曠和單調;而過少的留白則可能讓界面看起來過於緊湊而缺少呼吸感。注意控制好各元素間的留白，有助於讓頁面看起來更加平衡和美觀，同時可以突出頁面信息的層級關係。
④ 避免使用移動端特定的交互設計和設計元素
在網頁設計過程中，我們除了要保證能夠幫助用戶快速找到所需的信息、降低他們的認知負荷外，還應該考慮到PC端設備的屏幕尺寸、用戶體驗等問題，盡量避免使用移動端特定的交互設計和設計元素如麵包屑導航、折疊面板等，以免增加網站在PC端設備的操作難度。
⑤ 提供清晰的反饋和提示
適時提供清晰的反饋和提示、使用易於理解的詞彙和圖標來表示頁面元素和功能，可以幫助用戶快速理解頁面信息、頁面功能、操作方式及其結果，從而降低用戶的認知負荷並構建正確的概念模型。
【總結】
當整個網站設計都遵循「移動優先」的原則，的確有機會使其在PC端設備中產生可用性問題，因此為了避免這些問題發生，建議除了評估網站在不同設備和屏幕尺寸的呈現效果，更需要進行A/B測試來選擇合適的網頁設計方案。
香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。
聯絡電話: 37499734 電郵地址: [email protected] 網址: www.hkweb.com.hk
