? ? ? 創(chuàng)建真正功能性網(wǎng)站移動(dòng)體驗(yàn)的技巧
網(wǎng)站對(duì)移動(dòng)設(shè)備友好的需求是不可否認(rèn)的。移動(dòng)已經(jīng)超過(guò)了臺(tái)式機(jī)的用戶數(shù)量，百度對(duì)于它為移動(dòng)友好的網(wǎng)站獎(jiǎng)勵(lì)的事實(shí)毫不掩飾。對(duì)于希望充分利用其在線業(yè)務(wù)的公司來(lái)說(shuō)，使其網(wǎng)站適合移動(dòng)設(shè)備是必要的。
移動(dòng)設(shè)備有很多限制，例如依賴電池，無(wú)線連接，當(dāng)然還有屏幕空間。功能并不總是在較小的屏幕上輕松轉(zhuǎn)換。在大多數(shù)情況下，適合移動(dòng)設(shè)計(jì)需要一定的差異化。以下是您應(yīng)該考慮的移動(dòng)網(wǎng)站設(shè)計(jì)的一些方法。
移動(dòng)先行
今天許多網(wǎng)站開(kāi)發(fā)人員首先設(shè)計(jì)移動(dòng)使用，然后是桌面設(shè)計(jì)。由于屏幕尺寸的限制，他們很快就了解到更少，并且在設(shè)計(jì)中保持最小的功能。這是一個(gè)關(guān)注網(wǎng)站重要方面的問(wèn)題，使用戶能夠輕松執(zhí)行有利于業(yè)務(wù)的關(guān)鍵任務(wù)。
這種移動(dòng)第一種方法的關(guān)鍵是識(shí)別主要類別，確定它們的優(yōu)先級(jí)，然后首先設(shè)計(jì)最小的屏幕。向上移動(dòng)屏幕尺寸時(shí)，可以添加更多元素（按優(yōu)先級(jí)順序）。
簡(jiǎn)單的菜單和導(dǎo)航
菜單和導(dǎo)航元素與移動(dòng)設(shè)備和桌面設(shè)備一樣重要。但是，桌面網(wǎng)站中的典型菜單欄對(duì)于移動(dòng)網(wǎng)站而言太大了，因此在大多數(shù)情況下最好使用漢堡包圖標(biāo)（易于識(shí)別）或下拉手風(fēng)琴菜單并將其放在右上角或屏幕左側(cè)。
多級(jí)菜單在移動(dòng)設(shè)備中也存在問(wèn)題，因?yàn)橛脩敉ǔ２幌Ｍㄟ^(guò)多次輕擊來(lái)訪問(wèn)他們所需的內(nèi)容。在用戶放棄網(wǎng)站之前，最大值是兩次點(diǎn)擊，與用戶在桌面網(wǎng)站上經(jīng)歷的長(zhǎng)度形成對(duì)比。
訣竅是只顯示您網(wǎng)站中最重要的部分，即您的用戶最想要或需要的部分。避免在頁(yè)面上放置太多選項(xiàng)和小部件。以下是您應(yīng)該避免的一些導(dǎo)航錯(cuò)誤。
創(chuàng)造價(jià)值
如果您的企業(yè)希望進(jìn)入移動(dòng)市場(chǎng)，那么您的網(wǎng)站的移動(dòng)版本確實(shí)是必須的。它肯定有助于優(yōu)化您的搜索引擎網(wǎng)站。但是，如果用戶無(wú)法找到任何有價(jià)值的內(nèi)容，您的移動(dòng)應(yīng)用本身可能無(wú)法吸引用戶。
您的移動(dòng)應(yīng)用或網(wǎng)站應(yīng)該為最終用戶帶來(lái)一些東西，以激勵(lì)他們下載和安裝它，或者為它添加書簽。
您應(yīng)該努力為移動(dòng)用戶為您的業(yè)務(wù)創(chuàng)造這種價(jià)值。如果您能夠?yàn)橐苿?dòng)應(yīng)用程序創(chuàng)造價(jià)值，那么您在設(shè)計(jì)和創(chuàng)建移動(dòng)網(wǎng)站或應(yīng)用程序方面的所有努力都將無(wú)法實(shí)現(xiàn)。
保持你的布局液體
您可能認(rèn)為您可以移動(dòng)設(shè)計(jì)網(wǎng)站以獲得固定的320像素?cái)帱c(diǎn)（這是移動(dòng)設(shè)備最常見(jiàn)的尺寸）并稱之為好，但事實(shí)上移動(dòng)設(shè)備具有多種尺寸，從176到600像素。
您需要液體布局，以便無(wú)論移動(dòng)屏幕的尺寸如何，它都會(huì)流暢地調(diào)整。您需要以百分比而非固定數(shù)量的像素定義的移動(dòng)網(wǎng)站設(shè)計(jì)，以便用戶擁有的移動(dòng)設(shè)備無(wú)關(guān)緊要。
觸摸屏功能
現(xiàn)在大多數(shù)移動(dòng)設(shè)備使用觸摸屏，并且用戶習(xí)慣于以這種方式與它們交互。因此，設(shè)計(jì)移動(dòng)網(wǎng)站更具挑戰(zhàn)性，因?yàn)槟枰紤]手指大小，紋理和壓力的差異，以便屏幕準(zhǔn)確響應(yīng)。
您可以在許多移動(dòng)設(shè)備中使用滑動(dòng)和捏合功能標(biāo)準(zhǔn)來(lái)幫助您進(jìn)行設(shè)計(jì)。您可以通過(guò)這種方式輸入更多可點(diǎn)擊的元素。
以用戶為中心
設(shè)計(jì)移動(dòng)網(wǎng)站的關(guān)鍵是牢記用戶。您需要遵循某些模式來(lái)改善用戶體驗(yàn)。這些包括：
-將控件保持在屏幕底部，使用戶可以更輕松地查看內(nèi)容并根據(jù)需要對(duì)其進(jìn)行操作。
-使用戶可以輕松找到他們需要的東西。
-保持所有元素的直觀性和一致性，這樣用戶就不會(huì)很難弄清楚如何使用該網(wǎng)站。
-最大限度地減少對(duì)用戶輸入的需求，盡可能使用自動(dòng)更正，并支持橫向使用。
-使用默認(rèn)值預(yù)填充表單。
在任何情況下，重要的是確保您的用戶可以在再次打開(kāi)網(wǎng)站或應(yīng)用程序時(shí)選擇他們中斷的位置。您可以對(duì)其進(jìn)行設(shè)計(jì)，以便輕松快速地重新啟動(dòng)網(wǎng)站或應(yīng)用，您的用戶將會(huì)很感激。
移動(dòng)網(wǎng)站或應(yīng)用程序可滿足用戶不斷增長(zhǎng)的需求，同時(shí)不會(huì)犧牲對(duì)自己喜歡的網(wǎng)站的訪問(wèn)權(quán)限。然而，設(shè)計(jì)一個(gè)響應(yīng)迅速且引人入勝的設(shè)計(jì)并不像聽(tīng)起來(lái)那么容易。移動(dòng)設(shè)備的某些限制和特征對(duì)于希望使用戶體驗(yàn)無(wú)縫且積極的網(wǎng)站設(shè)計(jì)來(lái)說(shuō)是一個(gè)挑戰(zhàn)。這些提示可以指導(dǎo)您為您的企業(yè)創(chuàng)建真正的移動(dòng)功能設(shè)計(jì)。
?
