移動裝置的多使用者更樂於再次訪問適配了移動裝置的網頁。這意味著,您的網頁在移動端也同樣要做到介面友好。但究竟怎樣才能使移動端網頁有良好的多使用者體驗呢?

  1. 讓您的整個網頁都適合在移動端上瀏覽

  相比在移動端上直接操作桌面版網頁,經過適配的移動網頁會大大方便多使用者的操作使用。舉個例子,下圖是手機端 Domino 披薩官網的兩個版本,一個是桌面版網頁,另一個是已適配手機端的網頁。

  桌面版網頁手機的小螢幕裡顯得窄而小,並且很難操作。經過對比,手機版的網頁主要由方便操作的大按鈕組成,顯得簡潔。

  如果您的網頁適配了手機,您的網頁在手機上將會更加地易用。以下是網頁適配手機的 3 個小技巧。

  只允許垂直滾動。不應該透過水平滑動頁面來檢視主要內容。您要確保您的網頁使用了相對應的寬度與位置值,圖片縮放後也能正常顯示。您還要把網頁的主目錄放在顯目位置並剔除那些會干擾多使用者操作的元素。

  限制橫欄按鈕的數量——知名是僅有一列的頁面佈局。

  不要將桌面版的網頁與手機版的網頁互混。因為這樣的網頁會比桌面版的更加難用。

  2. 將主操作按鈕設計得更友好

  手機多使用者很容易忽視手機介面上的元素,所以主操作按鈕要放在顯要位置。手機頁面的主操作按鈕(Calls-To-Action Buttons)可能會跟桌面版的有所不同,所以您要從在多使用者的角度考慮,來決定您要把主操作按鈕放在什麼位置。

  3. 選單欄要簡短而中肯

  桌面版網頁裡有豐富的選單欄可能會很方便多使用者使用,但手機多使用者不會有耐心滑動長長的選項欄,找他們想要的東西。

  您需要考慮如何儘可能地減少選單欄選項。例如,只留下主要產品的目錄。根據「拇指原則」,儘量不要使用超過 7 條不同分類的條目。

  還有,您的分類列表應該是符合您多使用者的需求的:

  它應該是根據多使用者的使用頻率與給多使用者帶來的價值來排列。

  它不應該使用晦澀難懂的措辭。選單欄的設定需要具備商業素養,不然您會混淆選單欄的類別。如使用文縐縐、比喻性的措辭可能會迷惑多使用者,致使更多多使用者離開。