顯然,今天透過行動裝置進行的導航高於桌面導航,這就是為什麼 行動網頁 我們必須嘗試調整我們的網站以提供最佳的使用者體驗。
這就是為什麼在這篇文章中,我們將告訴您在將桌面設計適應行動設計時遇到的一系列限制。
我們將在下面看到的概念只是創建設計時需要考慮的一些要點。
在具有觸控螢幕的裝置上,大多數使用者使用手指點擊我們網站上的連結或按鈕(您也可以使用鉛筆指針或其他元素),這就是為什麼這些元素的準確性大大降低的原因。
為了解決這個問題,我們必須考慮這些元素的大小和彼此的接近度,確保元素足夠大,可以用手指點擊它們。
並確保這些元件彼此充分分離,以免引起錯誤的點擊。
我們必須防止錯誤點擊的另
一個選擇是請求確認用戶將要執行的操作,從長遠來看 江西电话号码数据 這最終會讓用戶感到疲倦,因此我們不建議這種做法。
為了防止上一點並防止用戶感到不安,我們可以做一些更微妙的事情,例如添加幾秒鐘的「撤消」選項,讓用戶有機會恢復更改。
2. 寫得慢有問題
顯然,行動裝置的螢幕解析度較低,這就是為什麼編寫任何文字的任務都可能成為一項艱鉅的任務,這是一項緩慢的任務,有時還會出現錯誤。
您需要確保表單欄位保持在絕對最小值,並且預先選擇智慧預選值。
您還應該考慮在觸控裝置上填寫的表單中的驗證錯誤,因為這些裝置的解析度較低,提供的資訊較少。
有一個頁面來查看完整的資訊以便用戶稍後驗證它並不是一個壞主意。
為了加快使用者的寫作過程,使用一些功能(例如自動完成、線上驗證、使用地理資料和其他方法來建議和糾正使用者輸入)總是積極的。
iPhone虛擬鍵盤
在此連結中,我們為您提供了 Google 的一些建議,以優化表單輸入。
3. 不存在「懸停」這樣的東西
懸停狀態是使用者透過將滑鼠懸停在 迴聲資料庫 我們網站的某些元素上來執行的操作,從而觸發一系列操作或導致顯示某些元素。
在觸控設備上,這種情況不會發生,因為我們沒有用於執行此操作的遊標。
為了解決這個問題,必須透過兩種方式存取資訊和功能:
可見:我們想要顯示的內容或操作預設出現,或透過已經可見的元素(例如按鈕、連結等)啟動
側邊選單導航前面的
範例顯示了最常見的用途之一,即單擊左上角按鈕時顯示導覽功能表。
常規:透過這種方法,只有當使用者使用某些手勢(例如滑動、搖晃、「拉動刷新」)時,我們才能隱藏或顯示內容。
這種方法在簡化行動介面時非常有用,但它有一個缺點,那就是如果使用者不知道或不太直觀,它可能會保持不可見。如果這兩個選項中的任何一個不起作用,使用者將不知道某些功能的存在,因此應該先解釋這些功能。
提示:學習透過CRO優化您的主頁
萬歲!轉換部落格
4. 連接性
通常,與桌上型電腦相比,使用觸控裝置的使用者的網路連線往往較低或更有限。
每個頁面載入都代表著使用者的等待時間;這個時間越長,使用者的耐心就越少,可能會離開我們的網站。
“如果網站在 3 秒或更短的時間內無法加載,40% 的行動網路用戶就會放棄該網站。”
如果您想為造訪您網站的使用者提供良好的使用者體驗,我們建議您設計一個包含最多資訊的輕量級網站,以避免不必要的負載。