聯系電話:025-89602456

132018/11 手機網站設計的注意要點!智能手機UI設計技巧

最近,越來越多的用戶在智能手機上查看網站,并且在很多情況下,大多數網站的訪問者也變成了智能手機用戶。在設計一款易于在智能手機上觀看操作的網站時,應該注意哪些要點?


UI(用戶界面)

“UI(用戶界面)”是與用戶最直接的接觸點。

在進行網站的UI設計時,有必要從用戶角度看,例如“圖像和文本是否以均衡的方式排列”,“采取適當的邊距”,“按鈕易于觸摸”等。


目標設置對于UI至關重要

在做ui設計的時候,想要影響的就是web網站的目標用戶。根據目標用戶的年齡和性別等,ui也需要進行相應的改變。例如,在目標用戶年齡高的情況下,可以考慮諸如“將web網站的文本進行變大的顯示,更容易讀”的反應。

通常用作目標設置的方法是“角色設定”。通過參考調查問卷和訪問分析,設定訪問Web網站的人物形象,明確用戶要求什么。

內容的顯示方法

在內容列表等頁面中,頁面的顯示方法也多種多樣。

通過向下滾動垂直排列內容的方式(無限滾動)來顯示新內容的方法、每次點擊按鈕以讀取內容的方法、通過將內容分成多個頁面來顯示內容的方法等,我們需要從用戶的角度來考慮如何顯示內容。


Web網站適應智能手機的設計方法

由于智能手機是小屏幕,因此難以準確觸摸屏幕或輸入文字,因此在智能網站上設計時需要方便手指輕松操作。

按鈕和鏈接之間距離近的話,在電腦上沒什么問題,在智能手機上卻容易發生失誤。

另外,有兩種方法可以使網站與智能手機兼容,“響應式設計”和單獨制作手機網站。


響應式設計

根據用戶的屏幕尺寸自動調整頁面布局的方法是“響應式設計”。

因為可以用一個網站中對應于各種設備,所以為不需要為各設備設計制作不同的頁面。它具有可以節省管理時間和統一URL的優點。

響應式設計是一種根據屏幕大小更改CSS的機制。通過在下拉菜單中顯示菜單欄、垂直顯示水平內容,可以更輕松地給智能手機用戶使用。


智能手機網站

在某些情況下,可能難以將現有的PC的頁面做成響應式設計。 在這種情況下,就需要為智能手機創建一個獨立的網站,針對智能手機進行相應的優化,設計和構建專注于智能手機用戶的網站。


總結

智能手機用戶數量將繼續增加,智能手機網站UI設計的重要性將進一步提高。盡管PC網站的可操作性很好,但不支持智能手機的網站會給手機用戶帶來了困擾。我們的目標是給所有用戶創建一個體驗良好的網站。







九艾官方微信
contact us & 聯系我們

tel: 025-8960 2456

地址:南京中山南路230號

南京同企信息科技有限公司 版權所有 蘇icp備14037450號-2