更多人開始關(guān)注移動(dòng)頁面的數(shù)據(jù)而不是電腦端的，包括訪問率、轉(zhuǎn)化率、點(diǎn)擊率等等。而要實(shí)現(xiàn)這些指標(biāo)的提升，努力方向之一就是頁面的設(shè)計(jì)，讓手機(jī)網(wǎng)站頁面更加友好、體驗(yàn)更佳?；诖?，我們提供五個(gè)促進(jìn)手機(jī)頁面友好的設(shè)計(jì)技巧，供參考。

注重設(shè)計(jì)元素的間距

間距設(shè)計(jì)元素不僅僅是為了創(chuàng)造一個(gè)良好的視覺流， 它能夠使網(wǎng)站易于使用的所有訪客。 一個(gè)常見的移動(dòng)可用性錯(cuò)誤是“可點(diǎn)擊元素靠得太近”。這給使用小型設(shè)備的訪問者帶來了一種令人沮喪的體驗(yàn)，因?yàn)樗麄冊(cè)谠噲D瀏覽網(wǎng)站時(shí)，可能會(huì)無意中點(diǎn)擊了一些元素。從手機(jī)用戶體驗(yàn)設(shè)計(jì)的角度來看，按鈕和互動(dòng)或可點(diǎn)擊元素需要足夠大，并在設(shè)計(jì)中放置得足夠遠(yuǎn)。 因此，需要在按鈕和元素之間設(shè)計(jì)足夠的空間，這樣訪問者才不會(huì)有令人沮喪的移動(dòng)體驗(yàn)。 還需要考慮可訪問性，以及訪問者可能如何使用較小的設(shè)備。無論如何，網(wǎng)站設(shè)計(jì)需要易于導(dǎo)航。最后，用戶也會(huì)用他們的拇指在設(shè)備上滾動(dòng)瀏覽網(wǎng)頁，所以需要確保沒有大的可點(diǎn)擊元素，以免用戶在滾動(dòng)時(shí)不小心點(diǎn)擊。

確保文字和字體的可讀性

除了間距之外，另一個(gè)常見的移動(dòng)可用性錯(cuò)誤是“文本太小，無法閱讀”。 選擇一個(gè)容易辨認(rèn)的字體是開始的第一步。用戶在使用小型設(shè)備時(shí)，經(jīng)常是在行走、多任務(wù)或戶外，他們可能在試圖瀏覽您的網(wǎng)站時(shí)處于非理想的情況。 根據(jù)字體大小創(chuàng)建視覺層次結(jié)構(gòu)是幫助這些移動(dòng)用戶快速瀏覽和理解頁面內(nèi)容的另一種方法。它也有助于移動(dòng)或平板設(shè)備，因?yàn)闃?biāo)題文本可能轉(zhuǎn)到下一行。 在整個(gè)頁面中使用相同的字體和大小會(huì)導(dǎo)致頁面含義的混亂?？梢栽黾游谋拘兄g的行高，以提高頁面的可讀性。一旦決定了字體和大小，還需要考慮顏色的對(duì)比度。 由于訪客可能在室內(nèi)、室外或光線差的環(huán)境中，遵循背景和前景色的對(duì)比標(biāo)準(zhǔn)是很重要的。

確保懸停和動(dòng)畫好呈現(xiàn)

大多數(shù)網(wǎng)頁設(shè)計(jì)都包含了一些微型動(dòng)畫和互動(dòng)組件; 這是客戶在重新設(shè)計(jì)過程中常見的要求。添加移動(dòng)到站點(diǎn)通常是設(shè)計(jì)師和開發(fā)人員之間的合作，因?yàn)閯?dòng)畫會(huì)影響頁面加載時(shí)間，如果編碼不好，會(huì)導(dǎo)致無休止的質(zhì)量控制。 在設(shè)計(jì)過程中選擇動(dòng)畫時(shí)，你還需要計(jì)劃這些交互是否會(huì)發(fā)生在移動(dòng)設(shè)備上。 由于性能問題，用戶通常會(huì)關(guān)閉手機(jī)上復(fù)雜的動(dòng)畫和視頻背景，因?yàn)樗鼈儠?huì)降低網(wǎng)站的加載時(shí)間，尤其是對(duì)移動(dòng)網(wǎng)絡(luò)的訪問者。一般來說，動(dòng)畫和交互應(yīng)該以微妙的方式來支持用戶體驗(yàn)，而不應(yīng)該分散來訪者的注意力。 它也不應(yīng)該是幫助訪問者完成一個(gè)行動(dòng)的必要成分。 懸停是另一個(gè)常見的設(shè)計(jì)元素，在移動(dòng)設(shè)備上看起來可能有所不同。 在桌面上，懸停是指當(dāng)訪問者將鼠標(biāo)懸停在一個(gè)對(duì)象或圖像上時(shí)，該對(duì)象或圖像會(huì)改變或顯示文本。

規(guī)劃彈出窗口和第三方元素

在移動(dòng)設(shè)備上避免彈出式表單的一個(gè)理由是，訪問者關(guān)閉表單或消息會(huì)更加困難?？梢栽谂c客戶討論彈出式表單時(shí)權(quán)衡所有這些元素，并確定表單設(shè)計(jì)的好用戶體驗(yàn)。當(dāng)我們采取一種基于移動(dòng)設(shè)備的設(shè)計(jì)方法時(shí)，我們需要考慮如何將元素放置在較小的設(shè)備上。 實(shí)時(shí)聊天已經(jīng)成為一種非常流行的工具，聊天工具經(jīng)常出現(xiàn)在設(shè)計(jì)的右下角或左下角。

重新考慮表單設(shè)計(jì)和布局

在移動(dòng)設(shè)備或更小的平板電腦上填寫和提交表單對(duì)訪問者來說可能是一項(xiàng)煩人的任務(wù)。這就是為什么在網(wǎng)站設(shè)計(jì)中考慮表單的替代選擇是至關(guān)重要的。 當(dāng)創(chuàng)建移動(dòng)菜單導(dǎo)航時(shí)，考慮在標(biāo)題中包含一個(gè)“點(diǎn)擊呼叫”電話號(hào)碼，這樣訪問者就可以很容易地聯(lián)系到企業(yè)。在設(shè)計(jì)站點(diǎn)上的所有表單時(shí)，桌面和移動(dòng)端都應(yīng)該盡可能減少表單字段的數(shù)量，并清楚地指明哪些字段是必需的。 提高表單移動(dòng)體驗(yàn)的一個(gè)技巧是設(shè)計(jì)表單標(biāo)簽，而不是僅僅在表單字段中使用占位符文本。移動(dòng)設(shè)備上的訪問者很容易被其他通知和交互打斷，因此他們可能在表單完成過程中被打斷，忘記了占位符所列的內(nèi)容。 考慮到人們?cè)絹碓疥P(guān)注手機(jī)性能，在設(shè)計(jì)項(xiàng)目時(shí)將上述一些想法付諸實(shí)踐將節(jié)省你的時(shí)間，并在項(xiàng)目啟動(dòng)時(shí)減少挫敗感。最后希望大家都能找到屬于自己的網(wǎng)站建設(shè)服務(wù)商。

新聞名稱：干貨|增進(jìn)手機(jī)網(wǎng)站界面友好的五個(gè)設(shè)計(jì)技巧
網(wǎng)頁網(wǎng)址：http://www.rwnh.cn/news/240617.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、微信公眾號(hào)、企業(yè)網(wǎng)站制作、Google、外貿(mào)建站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)