手機網站建設移動網頁的設計原則(下)
日期 : 2019-03-18 13:04:49
移動網頁的設計原則:
6、盡量少使用彈出窗口的頁面
不要使用彈窗廣告、浮動窗口廣告等,因為在手機上進行多窗口操作比較困難, 而且往往在多窗口切換的時候還會導致頁面重新載入和等待。
7、要注意各種顏色在移動端上的顯示效果
手機設備眾多、對顏色的顯示效果各不相同, 并且手機使用的光線環境復雜, 要注意使網頁內容具有合適的視覺對比度,以便閱讀;要注意顏色顯示色差帶來的負面影響。必須在不同價位、不同品牌的手機上測試。
8、要注意文字在移動手機上的顯示效果
不同操作系統、不同品牌的手機往往內置不同的字體、擁有不同范圍的字符集, 需要確認網頁文字所選用的字體、以及所用的文字是否能正常顯示, 尤其是繁體中文、特殊字符的內容。另外, 文字內容盡可能精簡, 也會更適合手機閱讀。不要默認文字在手機上和電腦上顯示的效果會一樣。不要認為用戶一定會有耐心在手機上讀一大段的文字、并從中看到你認為重要的關鍵內容。
9、要使手機和pc頁面保持視覺感官的一致性
可以為手機網頁做特別的、或符合手機操作系統規范的設計調整, 但是必須讓手機和pc網頁保持視覺設計的一致性, 以使用戶獲得一致的品牌印象, 以及延續對網頁功能和內容的整體認知、無需重新學習或尋找。不要在手機和電腦網頁上使用不同的視覺設計風格, 分裂用戶印象和認知。
10、要考慮跨平臺的跳轉。
有的高校同時擁有pc、wap、微信應用, 分別對應不同的用戶使用情景, 就需要考慮用戶在這幾個不同平臺對應的產品之間跳轉時的體驗。不要讓重要的功能在不同載體產品上的使用體驗非常不同、甚至缺失, 不要限制用戶停留在手機網頁上、而不能跳轉到體驗和功能更豐富的手機應用上。
上一篇:手機網站建設移動網頁設計原則(上)
下一篇:手機網站建設信息安全存在的問題