手機網頁設計技巧
導語:如果你希望你的網頁更好地適配移動設備,那麼你必須解決網頁在所有移動設備上的兼容性問題。下面是一些改進方法,歡迎參考!
1. 把搜索欄放在醒目的位置
如果搜索是你網頁裏的一個主要的功能,那麼就把它放在網頁的主要位置,因爲這是讓有明確目的的用戶找到他們想要東西的最快途徑。用戶在查找特定消息時,通常會選擇搜索。
所以,搜索欄應該是放在手機用戶一下子就能看到的地方。你可以把你的網頁搜索欄放置在接近主頁頂部的位置,並附上搜索說明文字。
2. 設計好你的網頁,不要讓用戶通過捏拉來縮放網頁
通過捏拉網頁來查看文本或照片時,常常會使用戶感到心累。如果用戶不得不通過捏拉來查看網頁,很可能會錯過一些重要的細節信息。因此,你設計的網頁應該是不需要調整大小才能使用的。
Asos 使用了合適的照片尺寸,但字體卻不夠大。在小而亮的屏幕中看這些小字體實在是會令用戶頭疼:
3. 只使用高質量的網頁素材
由於沒有實體商品,所以你的照片、視頻跟其他內容就是你呈現給用戶的商品。因此,它們必須是高質量的`,這樣才能在用戶瀏覽網頁時,吸引他們的眼球,使其點擊網頁查看更多信息。
4. 設計手指友好操作的圖標
如果你在設計一個手指操作友好的界面,那麼你網頁按鈕的大小是要按恰當的尺寸設計的。
據 MIT 觸擊實驗室研究結果顯示,人們手指指頭的平均大小在 10~14mm 之間,指尖的大小在 8~10mm 之間,所以 10mm X 10mm 大小的圖標是最佳的最小尺寸圖標。
還有重要的一點是,你要考慮可點擊元素間的相對距離。如果按鈕間靠得太近,手機用戶可能會不時按錯按鈕。
爲了處理這些錯誤並防止用戶誤操作,你必須確保按鈕有恰當的尺寸和空間位置,這樣才更好地適合手機用戶操作。下圖是手機網頁中,按鈕間最佳的最小距離。
5. 讓用戶探索完你的產品後,再讓他們登入賬戶
如果在用戶沒有看到你的網頁內容前,就要求他們登錄或註冊的話,會有非常高的交互成本,並且也違反了互惠原則。過早地要求用戶註冊,可以導致超過 85% 的用戶流失。
Netflix 提供了一個月的免費使用,但用戶只有登錄賬戶才能瀏覽網頁內容。
用戶在登入個人信息前,通常會先瀏覽網站的內容,看看這個網站是幹什麼的(用戶對於陌生的網站更會如此)。爲了給用戶提供一個無障礙瀏覽的體驗,移動網頁應該這樣設計:
不登錄狀態下,可瀏覽網頁信息
不登錄狀態下,可購買商品。
相關文章
-
網頁設計案例分享:網頁專題設計技巧
今天本文蒐集了優秀的色彩運用案例與大家分享,希望這些案例能帶給你靈感!Netlife ResearchCollisionInstagalleryFIFeThe Material GroupWVA 2011Orange SprocketCo ExhibitionsSpoonGerren LamsonYunarec beatAssistl -
網頁設計之網頁首屏高度確定技巧
網頁設計之網頁首屏高度的確定有什麼技巧呢?本站小編就爲大家分享以下的技巧,希望可以爲你帶來幫助!首屏的高度直接跟客戶端的各種客觀的條件有關係,因爲我們要確定首屏的高度(標註首屏線)就需要結合一些相對準確的內部 -
淘寶網頁美工設計製作網店首頁的技巧
網店首頁是淘寶網頁美工設計重點之一,一般來說淘寶美工會在網店首頁上花費很大的精力去設計製作,力求給大家帶來一個精美漂亮的店鋪。那麼淘寶網頁美工設計如何製作網店首頁呢?1.店鋪首輪海報設計要傳遞最新商品信息,店 -
網頁頁面設計技巧
首頁主要承擔着樹立企業形象(當然不僅僅是首頁)的作用,框架頁在導航方面起着重要的作用,比如各欄目內部主要內容的介紹,都可以在框架頁中體現再進入普通頁,讓瀏覽者能夠迅速瞭解網站各欄目的主要內容,擇其需要而瀏覽,而普通 -
長滾動網頁頁面設計技巧
長滾動頁面和無限滾動式的網頁已經徹底流行開來了,甚至可以說它已經脫離趨勢,成爲了一種常規的設計,下面是小編分享的長滾動網頁頁面設計技巧,一起來看一下吧。長滾動式的頁面有着如下的優勢:1、爲精簡的導航2、易呈現故事 -
長滾動網頁頁面設計技巧大綱
長滾動頁面和無限滾動式的網頁已經徹底流行開來了,甚至可以說它已經脫離趨勢,成爲了一種常規的設計,它們的流行並不是巧合。當用戶向下滾動的時候頁面的時候,所需要的內容與信息會自然的呈現出來,在此過程中通常不會涉及 -
網站建設網頁設計技巧
隨着互聯網的不斷髮展,越來越多企業已經嘗試在互聯網上開展各種各樣的電子商務服務,那麼如建設好的網站呢?下面是YJBYS小編整理的網站建設設計技巧,希望對你有幫助! 首頁設計應簡潔有力首頁是用戶訪問網站最多,搜索引 -
網站建設構圖讓網頁設計出彩的技巧和方法
尊敬的社團領導:您好很榮幸參與此次社長的競選,首先容許自我介紹一下,我是美術學院學院XX級動畫左晨岑,現任大學生漫無限漫畫社理事,現申請大學生漫無限漫畫社社長一職。不知不覺在漫無限的各位同好陪伴下度過了充實的一年 -
網站網頁動畫設計技巧
【篇一】尊敬的領導:您好!衷心感謝您於百忙之中抽出時間審閱我的介紹信。我叫xxx,四川師範大學xxxx級環境工程專業學生,熱情大方,樂觀開朗,勇於實踐,敢於創新,以十分的真誠和執着的希望自薦到貴公。四年前,我懷揣着對教師職業 -
網站網頁動畫設計的技巧
在平日的學習、工作和生活裏,大家都嘗試過寫作文吧,作文是人們以書面形式表情達意的言語活動。你所見過的作文是什麼樣的呢?以下是小編收集整理的家裏的新鮮事作文,希望能夠幫助到大家。家裏的新鮮事作文1告訴你們一件新