
第一:設備尺寸不同Web網站:
不同PC的分辨率不同,瀏覽器窗口最大化的尺寸也不同;瀏覽器窗口可縮放。
移動App:設備尺寸相對較??;不同設備的分辨率差異化較多,特別是Android;支持橫屏、豎屏調轉方向。
設計要點:
1、移動App的尺寸較小,一屏展示的內容有限,更需要明確哪些信息更為重要,有效的“組織”相關聯的內容,優先級高的內容突出展示、次要內容適當“隱藏”。
2、Web網站因瀏覽器分辨率差異較大、且窗口尺寸可變化,設計時需要確定好不同分辨率的內容展示和布局,也因為這一點加上webapp的瀏覽需求,近幾年來響應式設計更為普遍。
3、因設備分辨率、dpi大小不一,所以移動App在界面布局、圖片、文字的顯示上,要兼顧不同設備的效果,需要設計師與開發共同配合做好適配工作。
4、因移動設備支持橫屏、豎屏展示,所以在設計移動App(比如游戲、視頻播放界面)時,需要考慮用戶是否有“換個方向看看”的需求、哪些情況下切換屏幕方向、如何切換等。
第二:使用環境不同Web網站:
通常坐在某個室內、使用時間相對較長。移動App:既可能是長時間在室內使用、也可能是利用碎片化的時間使用,或站或坐或躺著或行走,姿勢不一。
設計要點:
1、使用Web網站時,用戶更為專注;
2、使用移動App時,用戶很容易被周邊環境所影響,對界面上展示的內容可能沒那么容易留意到;長時間使用時更適合沉寂式瀏覽,碎片化時間使用時用戶可能沒有足夠的時間、每次瀏覽內容有限,類似“稍候閱讀”、“收藏”等功能則比較實用;用戶在移動過程中更容易誤操作,需要考慮如何防止誤操作、如何從錯誤中恢復。
第三:網絡環境不同Web網站:
網絡相對穩定且基本無需擔心流量問題。
移動App:因用戶使用環境復雜,可能在移動過程中從通暢環境到封閉的信號較差的環境,網絡可能從有到無、從快到慢;既可使用無需擔心流量的WiFi,也可能使用需要控制流量的3G/4G。
設計要點:
1、移動App,網絡異常的情況更普遍,需要更加重視這類場景下的錯誤提示、以及如何從錯誤中恢復的方法。
2、移動App,在3G/4G情況下用戶對流量比較重視,對于需要耗費較多流量的操作,需要提醒用戶,在用戶允許的前提下才繼續進行。
西安做網站公司 - 日月行網絡,負責貴公司的整體UI設計,微信公眾號開發,小程序,網站管理系統開發,非常感謝貴公司對我們的信任和支持,我們會一如既往的為您服務!