草根也移動 移動網站交互設計避免的「小」錯誤

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷淘寶客 站長團購 雲主機 技術大廳

沒有移動端支援的網站,就只是在等泥石流將其沖走。 可見移動網站設計是多麼重要,很多地方論壇都著手涉及用戶端了,還有其它類型的網站。 況且,你怎麼知道百度不會根據移動端的訪問量對網站進行評估呢?不急著優化,改善好移動網頁,畢竟君子藏器于身,待時而動。 草根們,是時候打造移動互聯網的天地了。

  

千萬不要讓你的客戶等太久,使用者的耐心就像大太陽下的水滴,很快就蒸發了。 可是網頁載入量大怎麼辦?從技術上來說,我們可以採用預載預設框架,簡單而言,就是在使用者下達指令並傳達到伺服器之前就跳出一個預設的框架,當然前提是你網頁框架基本一致,除了內容不同罷了,這樣等到資料返回的時候, 從使用者心理上感覺這速度是相當「快」的,這個很好地運用在了百度下載移動頁上。 其次,我們可以玩一些花哨,這些花哨也是一些老辦法,就是在跳轉過程中增加一個有趣的進度條,比如說移動的游標,或者是很可愛的卡通人物,這一點在以前非常盛行,畢竟你怎麼知道使用者是不是網路狀況不好呢?總結這一點應該叫轉移焦慮情緒 ,若是用心去做,說不定客戶希望網速越來越慢,好好欣賞這個跳轉間的有趣設計,這就要草根們各顯神通了。

  

觸控式螢幕也是越來越大,所以有一個「拇指法則」,我們做不了所謂的單手模式,那就把常用的功能設置在上手指可觸摸的範圍之內。 對於手機來說,為觸摸進行交互設計,主要針對的就是拇指。 所以我們經常可以看到很多工具條和導航條都在螢幕的下方,而PC端都是在上方的(如瀏覽器),這都是拇指可控範圍內造成的。 針對螢幕的使用者,要讓使用者不誤點,也得別點不到。 我們應當在設計中將操作目標分視覺層,這樣讓使用者感到很清爽快捷而實用,比如說IOS將編輯按鈕放在右上角,方便點擊又避免了誤點。 同時還要考慮怎樣安排才不會讓使用者手擋住了主要內容,總結一句話要將內容呈現在螢幕的中上方。

  

在一般網站中,搜索功能是一直被忽略但是很重要的一個功能。 相比之下,在手機上盲打比在電腦上盲打難度要大得多,這也是讓手機開發者很頭痛的問題。 所以我們要避免使用者過多的輸入,給客戶更多選擇。 我們都知道你在百度搜索關鍵字的時候有下拉清單,所以在設計搜索框的時候寧可讓使用者多花點流量也別讓使用者多打字,也就是智慧給出參考。 如果非要問個怎麼智慧法,可以分析大家都在搜索一些什麼,當然如果願意在首頁開闢一個大家搜什麼的欄目,或許也很省事。

  

還有其他的一些細節,諸如桌面端與移動端差距不要太大,起碼風格要一致。 別讓使用者覺得換了一個環境,這樣使用者很難感受到這是一個網站的兩個展示平臺,這種困惑的設計會讓使用者接受感降低。 至於其他彈窗之類的,這類就不要在移動設計上做了,這比桌面端彈跳更使使用者討厭。

總結來看,已經做了移動使用者端的,要不斷地根據自身的需要和使用者的需求加以改進;還沒做移動網站的站長,要順水推舟順勢而為地推出移動端,讓使用者在閒暇時關注你的網站。 本文由HTTP://www.cqacura.com 攥寫,A5首發,轉載請注明出處。 站長們,是時候崛起了!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.