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