400-611-9921
2017-07-21
2246
到目前為止,我們大多數(shù)人都知道,在移動設(shè)備上瀏覽網(wǎng)站的體驗與在PC設(shè)備上瀏覽網(wǎng)站的體驗截然不同。屏幕的方向不同,我們會使用拇指代替鼠標或觸控板,某些體驗更困難或更麻煩。這就是為什么設(shè)計一個移動網(wǎng)站來滿足移動用戶的需求體驗是如此重要。以下是網(wǎng)站的三個關(guān)鍵組件,需要在移動設(shè)備和桌面設(shè)備上有所不同。
1.內(nèi)容組織
移動設(shè)計的最復(fù)雜的元素之一是如何組織內(nèi)容的問題。移動用戶的需求可能與PC用戶的需求不同?;蛘咚麄兊男枨罂赡苁窍嗤?,但他們的瀏覽行為會根據(jù)他們使用的設(shè)備而改變。
當為移動設(shè)備設(shè)計頁面時,第一優(yōu)先級應(yīng)該是組織網(wǎng)站內(nèi)容以滿足移動用戶的需求。內(nèi)容應(yīng)垂直堆疊以適合移動設(shè)備的窄寬度。PC設(shè)備具有縱向取向,因此內(nèi)容可以跨越屏幕拉伸,并且通常多個消息或圖像可以在這樣寬的空間中舒適地生活。移動設(shè)備通常用于縱向(和較小的屏幕,意味著在橫向模式且水平空間有限)。
另一件要考慮的事情是什么內(nèi)容優(yōu)先。您的移動用戶的需求會有所不同嗎?如果是這樣,則值得考慮專門為移動設(shè)備進行設(shè)計,以便優(yōu)先考慮這些用戶的需求,而不是簡單的從PC網(wǎng)站復(fù)制,這很可能是只是為PC用戶設(shè)計的。
在移動網(wǎng)頁設(shè)計的早期,當時我們的手機還不太復(fù)雜,因此特不太習(xí)慣使用它們來執(zhí)行更復(fù)雜的操作,常見的是剝離大部分網(wǎng)站的內(nèi)容,并推出一個移動網(wǎng)站看起來像一個移動用戶想要的。在2017年,這種方法將不再可取。今天的移動用戶希望能夠在他們的手機上訪問與在PC計算機上相同的瀏覽體驗。此外,移動設(shè)備是許多人的唯一或主要設(shè)備,所以完全可操作的移動站點可以是到達一部分用戶的唯一方式。
2.表格填充
作為網(wǎng)絡(luò)營銷人員,我們需要花費大量時間優(yōu)化我們的網(wǎng)絡(luò)表單,以實現(xiàn)最大的轉(zhuǎn)換。我們知道一個設(shè)計不良的形式是影響轉(zhuǎn)化的重大因素。同樣,在移動設(shè)備,表單需要專門設(shè)計,以方便移動用戶填寫。
垂直對齊
猜猜是什么?整個垂直對齊的頁面也適用于移動端。原則是一樣的 - 移動用戶為了完成表單而水平滾動是困難和乏味的。為了使移動瀏覽器盡可能容易地填寫表單填充過程,請確保表單字段垂直對齊。
預(yù)測性文字
通過為具有許多潛在輸入的字段提供預(yù)測性選項來幫助用戶。提供預(yù)測功能以讓用戶快速移動表單,減少打字錯誤的機會,這在使用小屏幕上輸入時更為常見。
最小化字段
因為在移動設(shè)備上填寫表單通常相當繁重麻煩,所以要通過減少字段數(shù)量以讓表單盡可能簡單。為了實現(xiàn)這一點,您應(yīng)該向用戶詢問完成交易所必要的信息。有關(guān)用戶的其他信息可能對您的公司很方便,但不應(yīng)以轉(zhuǎn)化為代價。
只要有可能,你應(yīng)該嘗試使用單個字段的條目。同樣,推理是,移動用戶必須跳過大量的字段。如果你可以將多個字段合并為一個字段,這是一個好主意。
3.菜單
菜單格式化絕對是PC設(shè)備和移動設(shè)備之間的主要區(qū)別。在桌面上,通常有具有許多類別和子類別的大菜單。這種類型的設(shè)置非常適合那些屏幕足夠大,這樣可以讀取這些菜單中的文本,并且可以輕松點擊文本鏈接的桌面用戶。
但是同樣的方法不適用于移動端,因為屏幕是小的,所以移動菜單應(yīng)該考慮到這些事情。這意味著應(yīng)該具有大文本或按鈕的單級菜單,以及具有許多選項的菜單的垂直對齊。
在移動設(shè)備上,菜單會折疊,然后在用戶縮小類別時展開。
這不是一個移動網(wǎng)站的所有功能的完整列表,需要不同于PC版本,但我們認為這些功能是三個里邊最重要的。記住要始終考慮移動用戶的需求以及他們?yōu)g覽和使用信息的獨特方式。希望這篇文章中提供的示例能為您改善移動網(wǎng)站設(shè)計提供靈感。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技
標簽:廣州網(wǎng)站開發(fā),廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁設(shè)計公司
上一篇:如何保證頁面適合老年用戶閱讀
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com