<form id="7brxd"><th id="7brxd"></th></form>

<noframes id="7brxd"><form id="7brxd"><th id="7brxd"></th></form>
<sub id="7brxd"></sub>

    <noframes id="7brxd"><address id="7brxd"></address>
      <address id="7brxd"><listing id="7brxd"><meter id="7brxd"></meter></listing></address>
      <address id="7brxd"></address>

      <form id="7brxd"></form>
      移動設備體驗的7種方法
      2018-06-22

      一個偉大設計的開始始于內容。為充分利用恒星移動用戶體驗,內容可能需要經過一些調整和更改。

      但你從哪兒開始呢?應如何調整內容以在移動設備上無縫工作?它首先考慮用戶與較小屏幕交互的方式,以及它們如何影響他們想要閱讀的內容(以及內容)。


      1.每屏幕一個想法

      在為移動設備折疊內容時,嘗試對各個元素進行規劃,以便每個屏幕都有一個元素。即使手機似乎再次趨于更大尺寸,也不要試圖在屏幕上塞滿大量信息!

      每個屏幕一個想法就夠了。任何更多,你冒著壓倒用戶的風險。

      移動設備用戶傾向于多任務。在參加棒球比賽時,他們在與朋友交談時正在看你的網站。通過保持簡單和直接的信息和內容,您有更好的機會讓單個想法得到溝通。

      但是,一個人的想法是什么樣子?這是一個文本,圖像和可操作的元素塊都捆綁在一起。內容組應該要求用戶做出一個選擇:你想這樣做嗎?


      2.優先導航

      在訪問您的網站的移動(響應)版本時,應該有一些用戶傾向于做的事情,或者您希望他們做的事情。確保有易于遵循的導航功能,可以讓用戶快速訪問這些元素。

      雖然一個包含多個級別的十個導航選項菜單可能會在您的桌面網站上運行,但移動用戶通常會有更多的時間緊迫。他們無意在網站周圍徘徊,直到他們發現某些東西。

      導航需要簡單和精簡。如果您不確定從哪里開始,請查看您的移動用戶分析。訪問的前三四頁是什么?這些頁面是否符合你的期望?您找到了關鍵的導航元素,因此您可以相應地調整移動內容。


      3.像一個搜索引擎一樣思考

      不要玩這個算法。創建用戶想要閱讀的高質量內容。
      無論您每天獲得10次綜合瀏覽量,還是數百萬次瀏覽量,當涉及到移動設備上的內容時,您都希望像搜索引擎一樣思考。每一個字,圖像和內容都需要快速搜索。但不要玩這個算法。創建用戶想要閱讀的高質量內容。

      當談到移動時,這可能意味著削減一些內容元素。例如,選擇一張最重要的照片,而不是在主頁上顯示三張圖像。不要輕視你的手機網站; 網速和Wi-Fi一直在變得越來越好,但一些用戶會與連接發生沖突,并且您的網站仍然需要訪問。

      您可以使用Google提供的這款漂亮工具來檢查移動網頁的速度,這可以幫助您保持一切優化。


      4.使文字更大

      較小的屏幕不應該意味著較小的文字。實際上,您應該增加磅值以使內容更易于閱讀和消化??纯茨愕纳眢w副本,并選擇一個允許每行30到40個字符的大小。(這是桌面屏幕推薦的一半左右)。

      還有其他一些技巧可以使文本在小屏幕上更具可讀性。您可以在以前的Design Shack文章中找到有關設計更好的移動排版技巧的文章。


      5.寫有意義的顯微鏡

      偉大的顯微鏡 - 按鈕等元素內的文字 - 可以制作或破壞設計。微鏡可以為設計增添個性和火花。它還傳達大量信息,并幫助用戶找到解決方案。

      尤其是在移動設備上,請考慮使顯微鏡比正常情況稍微大一些,并始終以形式使用它,以幫助用戶確切地知道該做什么。

      例如,考慮在為手機付款時遇到的常見問題。表單可以跨越多個屏幕或卷軸; 引導顯微鏡可以使第一次正確填充所有內容變得更容易。(從移動用戶轉換操作的關鍵組件。)


      6.刪除移動設備的不必要的影響

      刪除您不需要的任何移動設計。
      在桌面網站上旋轉動畫和視差滾動功能看起來很棒,但可能會讓手機版本停滯不前。刪除您不需要的任何移動設計。你希望一切都能快速無縫地加載; 動畫可能會或可能不會影響與用戶立即連接的方式。

      你可以去掉另一個效果?懸停效果。觸摸動作沒有懸浮狀態。

      通過簡單易懂的點擊功能簡化了移動用戶體驗(取代點擊),這些功能具有明顯的反饋意義。您不希望用戶質疑是否有行動發生; 它應該永遠是顯而易見的。


      7.適應規模

      沒有什么比在一切都很微小的移動響應網站上登陸更令人沮喪。有一個移動設計的目的是為了讓用戶在更小的設備上更容易訪問網站。你必須調整內容的規模。

      有時適應內容只是部分的重新安排。

      在桌面上排列在屏幕上的盒子可能會垂直堆疊在移動設備上。
      根據移動使用的主導方向(垂直),照片會更方形或垂直裁剪。
      為簡潔起見,文本被編輯和修剪。
      導航被重新調整并放置在不同的位置。
      行動呼吁被制作成更大的幾乎屏幕尺寸的元素。
      所有按鈕和龍頭元素都放置在易于到達的位置,這取決于用戶握住手機的方式。


      結論

      你準備好重新考慮你網站上的一些內容嗎?如果你建立了一個響應式網站,并且假設所有的東西都會轉換移動用戶,那么現在是時候評估移動設計的一部分了。有可能會有小的內容變化的空間,真正改變用戶與設計交互的方式。

      這是設計過程的重要組成部分??纯茨愕姆治?。您的用戶群中有多少百分比訪問移動設備上的設計?如果您沒有根據自己的需求進行調整,那么您可能會疏遠您的大部分用戶群,無意冒犯他們。


      ----圖文來自:網絡 

      ----由廣州網站開發公司-飛步科技編輯整理,為您提供更多有關廣州網站開發、網站設計、小程序開發、APP開發及其他互聯網應用服務


      新聞推薦
      云彩厅首页