2023-09-03 分類: 網(wǎng)站建設(shè)
目前為止,大多數(shù)人都知道,在移動(dòng)設(shè)備上瀏覽網(wǎng)站與在PC設(shè)備上瀏覽網(wǎng)站的體驗(yàn)是截然不同的。因?yàn)槠聊坏姆较虿煌?,我們?huì)使用拇指代替鼠標(biāo)或觸控板,導(dǎo)致某些體驗(yàn)更困難或更麻煩。這就是為什么設(shè)計(jì)移動(dòng)網(wǎng)站來滿足移動(dòng)用戶的需求體驗(yàn)是如此重要。以下所述的是網(wǎng)站的三個(gè)關(guān)鍵組件,需要在移動(dòng)設(shè)備和桌面設(shè)備上有所不同。
1.內(nèi)容組織
移動(dòng)網(wǎng)站設(shè)計(jì)較復(fù)雜的元素之一就是如何有效的組織內(nèi)容。移動(dòng)用戶與PC用戶的瀏覽行為會(huì)根據(jù)他們使用的設(shè)備而改變。
當(dāng)進(jìn)行移動(dòng)設(shè)備頁面的設(shè)計(jì)時(shí),優(yōu)先級(jí)應(yīng)該是組織網(wǎng)站內(nèi)容來滿足移動(dòng)用戶的需求。網(wǎng)站內(nèi)容應(yīng)垂直堆疊以適應(yīng)移動(dòng)設(shè)備的窄寬度。PC設(shè)備是縱向取向的,因此PC網(wǎng)站的內(nèi)容可以跨越屏幕拉伸,因此通常多個(gè)消息或圖像可以在這樣寬的空間中和諧地存在。移動(dòng)設(shè)備通常用于縱向和較小的屏幕,這就意味著在橫向模式的水平空間是很有限的。
另一個(gè)要考慮的元素是什么內(nèi)容優(yōu)先。您的移動(dòng)用戶的需求會(huì)有所不同嗎?如果確實(shí)如此,則值得您考慮專門為移動(dòng)設(shè)備進(jìn)行網(wǎng)站設(shè)計(jì),以便優(yōu)先考慮這些用戶的需求,而不是簡(jiǎn)單地從PC網(wǎng)站上進(jìn)行復(fù)制,那樣的話只是為PC用戶設(shè)計(jì)的。
在移動(dòng)網(wǎng)站設(shè)計(jì)的早期,那時(shí)我們的手機(jī)還不太復(fù)雜,因此也不太習(xí)慣使用它們來執(zhí)行復(fù)雜的操作,比較常見的是剝離大部分網(wǎng)站的內(nèi)容,并推出一個(gè)移動(dòng)網(wǎng)站,使它看起來像移動(dòng)用戶想要看到的。從2017年開始,這種方法將不再可取。如今的移動(dòng)用戶希望能夠從他們的手機(jī)上訪問到和PC網(wǎng)站上相同的瀏覽體驗(yàn)的網(wǎng)站。此外,移動(dòng)設(shè)備是很多人主要的設(shè)備,所以可操作的移動(dòng)站點(diǎn)是吸引那部分用戶的方式。
2.表格填充
作為網(wǎng)絡(luò)營(yíng)銷人員,我們需要花費(fèi)相當(dāng)多的時(shí)間優(yōu)化我們的網(wǎng)絡(luò)表單,以實(shí)現(xiàn)較大限度的轉(zhuǎn)化。我們知道一個(gè)不美觀的設(shè)計(jì)形式會(huì)成為影響轉(zhuǎn)化的重要因素。同樣,在移動(dòng)設(shè)備上,表單需要專門進(jìn)行設(shè)計(jì),以便移動(dòng)用戶進(jìn)行填寫。
垂直對(duì)齊
整個(gè)垂直對(duì)齊的頁面也適用于移動(dòng)端,其原則是一樣的。讓移動(dòng)用戶為了完成表單而水平滾動(dòng)屏幕是及其困難和乏味的。為了使人們?cè)谝苿?dòng)網(wǎng)站上盡可能容易地填寫表單,就一定要確保表單字段垂直對(duì)齊。
預(yù)測(cè)性文字
通過給許多具有潛在輸入可能的字段提供預(yù)測(cè)性選項(xiàng)來幫助用戶,提供預(yù)測(cè)功能以讓用戶可以快速移動(dòng)表單,減少打字錯(cuò)誤的可能,這在使用小屏幕上輸入時(shí)尤為常見。
較小化字段
因?yàn)橥ǔT谝苿?dòng)設(shè)備上填寫表單是相當(dāng)繁瑣和麻煩的,所以工程師們要通過減少字段數(shù)量以讓表單盡可能簡(jiǎn)單。為了實(shí)現(xiàn)這一點(diǎn),您應(yīng)該向用戶詢問完成單易所必要的信息。用戶的其他相關(guān)信息可能對(duì)您的公司很有價(jià)值,但不應(yīng)以轉(zhuǎn)化為代價(jià)。
只要有可能,你就應(yīng)該嘗試使用單個(gè)字段的條目。同樣的推理是:移動(dòng)用戶要跳過大量的字段,但如果你可以將多個(gè)字段合并為一個(gè)字段,這是將會(huì)是一個(gè)好主意。
3.菜單
菜單格式化是PC設(shè)備和移動(dòng)設(shè)備之間的主要差別。在PC設(shè)備的桌面上,通常會(huì)有具有許多類別和子類別的大菜單。這種類型的設(shè)置非常適合那些屏幕足夠大的用戶,這樣他們不僅可以讀取這些菜單中的文本,并且可以輕松點(diǎn)擊其中的文本鏈接。
但是同樣的情況不適用于移動(dòng)設(shè)備,因?yàn)橐苿?dòng)設(shè)備屏幕太小,所以移動(dòng)菜單應(yīng)該考慮到這些差異。這就意味著移動(dòng)網(wǎng)站應(yīng)該具有大文本或按鈕的單級(jí)菜單,以及具有垂直對(duì)齊且包含很多選項(xiàng)的菜單。
在移動(dòng)設(shè)備上,菜單首先會(huì)被折疊,然后在用戶縮小類別時(shí)自行展開。
移動(dòng)網(wǎng)站中所有功能的完整列表,需要區(qū)別于PC網(wǎng)站,這些功能是以上三個(gè)元素里面重要的。我們要始終考慮移動(dòng)用戶的需求以及他們?yōu)g覽和使用網(wǎng)站的獨(dú)特方式。希望這篇文章中提供的示例能為您在改善移動(dòng)網(wǎng)站設(shè)計(jì)的過程中提供些許靈感。
網(wǎng)站欄目:東城網(wǎng)站建設(shè)-PC網(wǎng)站與移動(dòng)網(wǎng)站的區(qū)別
當(dāng)前網(wǎng)址:http://jinyejixie.com/news25/280475.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、用戶體驗(yàn)、域名注冊(cè)、網(wǎng)站排名、云服務(wù)器、網(wǎng)站營(yíng)銷
聲明:本網(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)
猜你還喜歡下面的內(nèi)容