這不是第一次發(fā)生。很多時(shí)候,新網(wǎng)站的優(yōu)秀移動(dòng)設(shè)計(jì)既是隱含的,也是事后的想法。
我們希望我們的手機(jī),平板手機(jī),平板電腦和電視屏幕上的網(wǎng)站看起來(lái)很棒-這是有道理的!
但是當(dāng)我們考慮我們的網(wǎng)站時(shí),我們會(huì)想到它們首先出現(xiàn)在桌面顯示器和筆記本電腦屏幕上,其次出現(xiàn)在移動(dòng)設(shè)備上,而不是相反。
這就是為什么讓頂級(jí)移動(dòng)設(shè)計(jì)成為優(yōu)先考慮的原因。
網(wǎng)站的移動(dòng)版本可以創(chuàng)建或破壞業(yè)務(wù)。想一想。如果你正在訪(fǎng)問(wèn)一個(gè)新的城市,搜索附近的餐館,你更有可能訪(fǎng)問(wèn)易于瀏覽的菜單和聯(lián)系信息,或其他的地方與移動(dòng)網(wǎng)站,需要5分鐘加載,并有人類(lèi)所知的最微小的字體?
大!所以移動(dòng)設(shè)計(jì)很重要。如果您不熟悉代碼,那么構(gòu)建一個(gè)時(shí)尚且功能強(qiáng)大的移動(dòng)網(wǎng)站可能會(huì)非常令人生畏。但它不一定是!畢竟,如果您是移動(dòng)用戶(hù),那么您就是理想的客戶(hù)-您知道是什么讓移動(dòng)網(wǎng)站成為一種愉快的訪(fǎng)問(wèn)。
盡管如此,從一些指南開(kāi)始是有幫助的。以下是每次構(gòu)建移動(dòng)網(wǎng)站時(shí)要記住的8個(gè)令人驚嘆的網(wǎng)頁(yè)設(shè)計(jì)元素。
1.大按鈕
沒(méi)有人想要感覺(jué)他們的手指太大了,還有什么比嘗試和沒(méi)有點(diǎn)擊按鈕更令人沮喪?大按鈕引導(dǎo)用戶(hù)進(jìn)行操作,因此如果您希望某人在您的網(wǎng)站上購(gòu)買(mǎi)某些內(nèi)容,則可以使用大量“立即購(gòu)買(mǎi)”按鈕。如果您認(rèn)為您的用戶(hù)可以在線(xiàn)訂購(gòu),“下訂單”按鈕可以引起他們的注意。
2.極簡(jiǎn)主義
當(dāng)用戶(hù)訪(fǎng)問(wèn)移動(dòng)網(wǎng)站時(shí),他們可能不需要查看網(wǎng)站的所有內(nèi)容。最好的移動(dòng)設(shè)計(jì)將內(nèi)容提煉成最小的形式。包含您希望用戶(hù)登陸的最重要的內(nèi)容,并隱藏其余內(nèi)容。
3.負(fù)空間
如果有很多空白區(qū)域,在移動(dòng)網(wǎng)站上找到你想要的東西會(huì)更容易。最好的移動(dòng)設(shè)計(jì)不會(huì)填滿(mǎn)屏幕的每個(gè)角落,但留下白色或空白的空間來(lái)展示重要的功能(如按鈕?。?/span>
4.直觀(guān)的設(shè)計(jì)
大多數(shù)智能手機(jī)用戶(hù)習(xí)慣于直接滑動(dòng)以進(jìn)入下一頁(yè)和雙擊以放大等功能。優(yōu)秀的移動(dòng)設(shè)計(jì)利用這些直觀(guān)的方式與設(shè)備交互。
5.邏輯流程
當(dāng)您訪(fǎng)問(wèn)移動(dòng)網(wǎng)站時(shí),您可能有特定的目的。最好的移動(dòng)網(wǎng)站包括一些用戶(hù)可以遵循的邏輯路徑,因此,如果有人訪(fǎng)問(wèn)網(wǎng)站查找聯(lián)系人號(hào)碼,例如,只需要幾個(gè)明顯的步驟。
6.綜合
移動(dòng)用戶(hù)通常比網(wǎng)絡(luò)瀏覽器更多。例如,他們?cè)谏缃幻襟w,電子郵件和相機(jī)應(yīng)用程序之間快速移動(dòng)。最好的移動(dòng)設(shè)計(jì)使用戶(hù)可以輕松地從網(wǎng)站跳轉(zhuǎn)到外部應(yīng)用程序。
7.易于導(dǎo)航
移動(dòng)屏幕很?。ê苊黠@),繞過(guò)它們與點(diǎn)擊鼠標(biāo)上的按鈕有很大不同。最好的移動(dòng)設(shè)計(jì)布局使用戶(hù)可以通過(guò)直觀(guān)的移動(dòng)(如滑動(dòng)和點(diǎn)擊)或通過(guò)包含引導(dǎo)用戶(hù)瀏覽網(wǎng)站的箭頭和菜單輕松移動(dòng)整個(gè)網(wǎng)站。
8.快
看,移動(dòng)用戶(hù)匆忙。最好的移動(dòng)網(wǎng)站不會(huì)因?yàn)樾畔⑦^(guò)多而陷入困境。用戶(hù)不想等待笨重,負(fù)擔(dān)過(guò)重的網(wǎng)站加載。因此,請(qǐng)確保圖像文件大小不大,并且CSS已經(jīng)過(guò)優(yōu)化。
如果您需要從移動(dòng)網(wǎng)站獲取靈感,請(qǐng)掌握最佳移動(dòng)設(shè)計(jì)背后的8個(gè)秘密 !