設(shè)計(jì)真正實(shí)用的移動(dòng)端網(wǎng)站的幾點(diǎn)建議
現(xiàn)如今，手機(jī)的廣泛使用使得為網(wǎng)站設(shè)計(jì)一個(gè)移動(dòng)端的版本勢在必行。然而，移動(dòng)端的網(wǎng)站設(shè)計(jì)并不是直接把桌面端的網(wǎng)頁移植過去那么簡單，設(shè)計(jì)時(shí)還要考慮到一些移動(dòng)端獨(dú)有的特性。
一個(gè)網(wǎng)站需要做到移動(dòng)端友好是不可否認(rèn)的。移動(dòng)端用戶的數(shù)量已經(jīng)超過了桌面端用戶，而且谷歌已經(jīng)毫無疑問地面對(duì)了這個(gè)事實(shí)，并對(duì)可以良好適應(yīng)移動(dòng)端的網(wǎng)站大加贊賞。對(duì)于希望大部分時(shí)間處于在線狀態(tài)的商務(wù)人士來說，使他們?cè)L問的網(wǎng)站適應(yīng)于移動(dòng)端是很有必要的。
許多網(wǎng)站所有者以為這僅僅意味著把他們的界面縮小一下適應(yīng)限定的幾個(gè)典型的移動(dòng)設(shè)備，就可以成為一個(gè)智能手機(jī)或者平板端的網(wǎng)站。但事實(shí)是，移動(dòng)端的網(wǎng)站與桌面端的網(wǎng)站是不同的。
手機(jī)有更多的局限性，如依賴于電池，無線連接，當(dāng)然還有屏幕空間。把功能轉(zhuǎn)化到更小的屏幕上并不總是那么容易。在大多數(shù)情況下，一個(gè)移動(dòng)端友好的網(wǎng)站需要一個(gè)完全不同的設(shè)計(jì)。
如果你對(duì)兩者間的區(qū)別以及如何設(shè)計(jì)移動(dòng)端網(wǎng)站還有困惑，艾天動(dòng)力總結(jié)了幾點(diǎn)移動(dòng)網(wǎng)站設(shè)計(jì)的建議供大家參考：
如果你對(duì)兩者間的區(qū)別以及如何設(shè)計(jì)移動(dòng)端網(wǎng)站還有困惑，艾天動(dòng)力總結(jié)了幾點(diǎn)移動(dòng)網(wǎng)站設(shè)計(jì)的建議供大家參考：
移動(dòng)端優(yōu)先：
如今許多網(wǎng)站開發(fā)者首先針對(duì)移動(dòng)端的使用進(jìn)行設(shè)計(jì)，然后才是桌面端。由于屏幕尺寸的限制，他們很快地明白了少即是多，并且在設(shè)計(jì)中保持最簡單的特性。這是一個(gè)專注于網(wǎng)站重要的方面的問題，要使用戶能夠輕松執(zhí)行重要任務(wù)，有利于業(yè)務(wù)進(jìn)行。
移動(dòng)端優(yōu)先這一點(diǎn)的關(guān)鍵是確定主要的內(nèi)容，把它們按優(yōu)先級(jí)排列，并首先為最小的屏幕設(shè)計(jì)。當(dāng)屏幕的尺寸增大時(shí)可以再增加更多元素（按照優(yōu)先級(jí)的順序）。
移動(dòng)端優(yōu)先這一點(diǎn)的關(guān)鍵是確定主要的內(nèi)容，把它們按優(yōu)先級(jí)排列，并首先為最小的屏幕設(shè)計(jì)。當(dāng)屏幕的尺寸增大時(shí)可以再增加更多元素（按照優(yōu)先級(jí)的順序）。
簡單的菜單和導(dǎo)航：
移動(dòng)端的菜單和導(dǎo)航元素和桌面端的同樣重要。然而，桌面網(wǎng)頁上的典型的菜單欄對(duì)于手機(jī)來說太大了，所以在大多數(shù)情況下最好使用一個(gè)漢堡圖標(biāo)（很容易識(shí)別），或者一個(gè)可折疊的下拉菜單，放在屏幕頂部的左邊或右邊。
在手機(jī)上，多級(jí)菜單也帶來一個(gè)問題，因?yàn)橥ǔＧ闆r下，用戶不愿意經(jīng)過很多次點(diǎn)擊才看到他們想要的。使用戶放棄網(wǎng)站的最大點(diǎn)擊次數(shù)是兩次，相反，少于兩次用戶將會(huì)繼續(xù)瀏覽網(wǎng)站。
設(shè)計(jì)的訣竅就是只展示你的網(wǎng)站中最重要的部分，這些內(nèi)容最有可能是你的用戶想看的或者需要的。避免在你的界面上放太多的選項(xiàng)和小部件。
創(chuàng)造價(jià)值：
如果你的業(yè)務(wù)想要進(jìn)軍移動(dòng)市場，為網(wǎng)站設(shè)計(jì)一個(gè)移動(dòng)端的版本是必要的。優(yōu)化你的網(wǎng)站的搜索引擎一定是很有幫助的。然而，如果你的用戶不能從中找到任何價(jià)值，你的app可能就無法吸引到他們。
你的手機(jī)APP或移動(dòng)網(wǎng)頁應(yīng)該有一些理由促使桌面客戶端的用戶去下載和安裝，或者收藏為書簽。包括讓用戶更容易地完成支付，擁有個(gè)人賬戶或快速地獲取重要信息。銀行業(yè)務(wù)、通訊和新聞資訊是典型的大多數(shù)用戶每天都會(huì)使用的很有用的網(wǎng)站。
你應(yīng)該根據(jù)你的業(yè)務(wù)，努力為手機(jī)用戶創(chuàng)造這樣的價(jià)值。如果你能夠?yàn)槟愕氖謾C(jī)APP用戶創(chuàng)造價(jià)值，那么你所有為創(chuàng)建手機(jī)網(wǎng)站或APP以及設(shè)計(jì)所做的努力都不會(huì)白費(fèi)。
保持流體布局：
你可能認(rèn)為設(shè)計(jì)手機(jī)端網(wǎng)站時(shí)可以使用一個(gè)固定的以320像素為基數(shù)的寬度（手機(jī)端最常用的尺寸）并且覺得這樣挺好，但事實(shí)是手機(jī)尺寸的范圍非常廣，從176到600像素都有。
你需要設(shè)計(jì)一個(gè)流動(dòng)的網(wǎng)頁布局，這樣不論是什么尺寸的手機(jī)屏幕都能很好地適應(yīng)。在手機(jī)上設(shè)計(jì)時(shí)你需要用百分比而不是固定的像素?cái)?shù)來定義寬度，這樣不管用戶使用的是什么手機(jī)設(shè)備都沒有關(guān)系。網(wǎng)站應(yīng)該是響應(yīng)式的，這樣就達(dá)到了你想要實(shí)現(xiàn)的易操作性。
觸屏功能：
如今大多數(shù)的手機(jī)設(shè)備都使用了觸屏，用戶也習(xí)慣了用這種方式進(jìn)行交互。因此設(shè)計(jì)一個(gè)手機(jī)端的網(wǎng)站更加具有挑戰(zhàn)性，因?yàn)槟阈枰鞔_不同的手指尺寸大小、紋理和壓力，以便屏幕能夠準(zhǔn)確地響應(yīng)。
你應(yīng)該確保所有需要用戶輸入的元素如按鈕和表單要足夠大并且不能重疊。你不能依賴于那些老式的手機(jī)上可能還有的觸控筆或者手機(jī)鍵盤的使用。
你可以使用許多手機(jī)設(shè)備都有的滑動(dòng)和手指縮放的標(biāo)準(zhǔn)功能幫助你進(jìn)行設(shè)計(jì)。在這種方式下你可以放置更多可點(diǎn)擊的元素。
以用戶為中心：
設(shè)計(jì)手機(jī)端網(wǎng)站的關(guān)鍵是要時(shí)刻考慮到用戶。你需要遵從一些特定的模式以提升用戶體驗(yàn)。這些模式包括：
- 使控件足夠大并且始終放置在屏幕的底部，讓用戶能夠更方便瀏覽內(nèi)容并在需要時(shí)操作它們。
- 讓用戶更容易地找到他們需要的內(nèi)容。
- 保持所有的元素直觀和統(tǒng)一，這樣就不會(huì)讓用戶很費(fèi)勁地弄明白網(wǎng)站如何使用。
- 把需要用戶輸入的情況降到最低，盡可能地使用自動(dòng)糾錯(cuò)，并支持橫屏瀏覽。
- 將默認(rèn)值預(yù)先填入到表格中。
特色功能：
移動(dòng)設(shè)備有很多限制，但是也有很多桌面端不具備的特點(diǎn)。包括滑動(dòng)解鎖、GPS定位、手勢、陀螺儀和位置服務(wù)。你可以運(yùn)用這些手機(jī)獨(dú)有的特點(diǎn)增強(qiáng)你的APP的用戶體驗(yàn)。
一個(gè)折扣優(yōu)惠的網(wǎng)站利用位置服務(wù)幫助用戶找到特定的打折商店就是一個(gè)很好地利用手機(jī)特有的功能的不錯(cuò)的例子�；瑒�(dòng)的功能在一些交友網(wǎng)站上也可以派的上用場。發(fā)揮你的想象力，讓你的手機(jī)APP或網(wǎng)站迎接用戶的贊美吧。
繼續(xù)執(zhí)行任務(wù)：
許多手機(jī)用戶在使用手機(jī)網(wǎng)站或APP 時(shí)可能會(huì)被打擾，迫使他們?cè)谶�沒有完成任務(wù)時(shí)把手機(jī)關(guān)掉。也許是一個(gè)電話來了，老板進(jìn)來了或者路燈變綠了。
不管是什么情況，確保用戶在再次打開這個(gè)網(wǎng)站或APP的時(shí)候可以從之前離開的地方繼續(xù)瀏覽是非常重要的。你可以去設(shè)計(jì)，這樣用戶可以簡單快速地重新開始使用網(wǎng)站和APP，他們也會(huì)很贊賞這一點(diǎn)。
結(jié)論：
移動(dòng)端網(wǎng)站或者app滿足了用戶日益增長的需求——不用做出任何犧牲就可以隨時(shí)訪問自己喜歡的網(wǎng)站。然而，設(shè)計(jì)一個(gè)優(yōu)秀的響應(yīng)式的網(wǎng)站并沒有聽起來那么簡單。移動(dòng)設(shè)備特有的限制和特點(diǎn)給想要?jiǎng)?chuàng)造積極且無縫對(duì)接的用戶體驗(yàn)的網(wǎng)頁設(shè)計(jì)師帶來了挑戰(zhàn)。艾天動(dòng)力具有多年P(guān)C+移動(dòng)端網(wǎng)站的建設(shè)經(jīng)驗(yàn)，可以為您的公司設(shè)計(jì)出真正有價(jià)值的移動(dòng)端網(wǎng)站。更多閱讀
-
網(wǎng)站建設(shè)意義及網(wǎng)站建設(shè)的靈魂
- 資訊中心 2016-07-21
- 人生要有目標(biāo)，網(wǎng)站建設(shè)也要有個(gè)目標(biāo); 網(wǎng)站建設(shè)目標(biāo)對(duì)大多數(shù)網(wǎng)站建設(shè)公司來說還是個(gè)比較新鮮的詞，企業(yè)負(fù)責(zé)......查看全文
-
網(wǎng)絡(luò)熱詞“藍(lán)瘦、香菇”被注冊(cè)成了公司
- 資訊中心 2016-10-14
- 10月13日消息，深圳市藍(lán)瘦香菇實(shí)業(yè)有限公司今日在深圳市福田區(qū)注冊(cè)成立，法人代表是賴翠云，注冊(cè)資本是50萬......查看全文
-
若程序員不幸逝世 他的開源軟件有人維
- 資訊中心 2017-11-08
- 你可能從來沒有聽說已故Jim Weirich或他開發(fā)的軟件。但是你幾乎肯定會(huì)使用過在他研究基礎(chǔ)上開發(fā)出的各種應(yīng)......查看全文
- 掃描二維碼分享到微信
- 確 認(rèn)
粵ICP備14011486號(hào)-1
粵公網(wǎng)安備 44040202000180號(hào)
