用戶體驗優化的7個關鍵點

用戶體驗優化的7個關鍵點

好的設計往往需要好的內容作為基礎支撐。無論是內容還是設計,想要讓兩者最大化的搭配,往往是需要進行調整和優化才行,你的網頁是屬於合格的移動端的網頁嗎?文案、插畫、影片、UI元素你有掌握到用戶體驗優化嗎?

好的設計往往需要好的內容作為基礎支撐。無論是內容還是設計,想要讓兩者最大化的搭配,往往是需要進行調整和優化才行。
當你的內容需要遷移到移動端上的時候,要怎麼讓內容和 用戶體驗 無縫地配合起來呢?設計師要基於小螢幕的交互來思考整個設計和優化的策略,而今天的文章,就為你分享7個設計技巧。

1、每完成一項任務


雖然手機的螢幕越來越大,但是當你的內容在移動端設備上呈現的時候,只執行一個特定的任務,不要堆積太多的、跨流程的內容。
雖然在移動端設備上,用戶已經習慣了執行多任務,看著球賽聊著天,這樣的案例不勝枚舉。用戶的習慣和多樣的應用場景使得移動端界面必須保持內容和界面與內容的簡單直觀,這樣用戶在繁複的操作中,不至於迷失或者感到混亂。
那麼怎樣保證這種清晰的體驗呢?所有的文案、插畫、影片、UI元素都集中幫助用戶執行特定的任務,搭配在一起讓用戶作出抉擇:你想執行這個操作嗎?

2、精簡並優化導航體系


當用戶打開你的網站或者APP的時候,他們通常傾向於執行特定的操作,訪問特定的頁面,或者你希望他們點擊特定的按鈕,所有的這些操作能否實現,大多是要基於導航模式的設計。
雖然在桌面端網頁上,一個可用性較強的導航能夠承載多個層級、十幾個甚至20多個不同的導航條目,但是在移動端上,螢幕限制和時間限制往往讓用戶來不及也不願意去瀏覽那麼多類目。
導航需要精簡優化。如果你不確定從什麼地方開始,那麼你應該針對你的移動端版本進行用戶分析。用戶訪問得最多的前三四個類目是什麼?這些頁面是否符合主要用戶群體的期望?你希望用戶更多點擊哪些內容?當你搞清楚整個導航的關鍵元素之後,就可以有針對性地做優化和調整了。

3、基於搜索引擎的設計模式

「不要總是玩弄演算法,創造用戶想看的內容才是正途。」

無論你的網站的PV是100還是10萬,你都得盡量讓你的移動端上的內容更易於被搜索到。無論是關鍵詞、圖片還是內容都應該能夠被優化到易於被搜索引擎抓取到。但是最關鍵的地方並不在演算法,而是要創建用戶想要獲取的優質內容。
從桌面端遷移到移動端,內容的形態也需要跟隨著平台的變化而進行適當的優化和修改。比如大量的大尺寸的圖片需要跟著移動端的需求而進行優化,比如選擇尺寸更合理的圖片,放棄不匹配移動端需求的JS動效等。

4、更大的字體


在小螢幕上顯示的內容,應該適當地增加大小,讓用戶能夠更輕鬆地閱讀和消化。通常,在移動端上,每行容納的英文字元的尺寸在30~40個最為合理,而這個數量基本上是桌面端的一半左右。
在移動端上排版設計要注意的東西還有很多,但是總體上,讓字體適當的增大一些,能讓整體的閱讀體驗有所提升。

5、意義清晰的文案

文案在界面中幾乎無處不在,比如按鈕中的文本,它們對於整體的體驗有著不小的影響。設計優秀的文案能夠讓整個界面的個性、設計感有明顯提升,它們是信息呈現的重要途徑,將設計轉化微可供理解的內容。
在 移動端設計 上,文案的顯示要足夠清晰,並且始終是圍繞著幫助用戶要做什麼,來打磨其中的表述方式。
在移動端上支付是非常常見的使用場景,而支付時常受到各種問題的影響,比如橫跨多屏的表單,這個時候,引導性較強的文案能夠更好的幫助用戶一次填寫好正確的內容。
 

6、移除不必要的特效


在桌面端網頁上,旋轉動效和視差滾動常常會讓網頁看起來非常不錯,但是在移動端上,情況則完全不同。內容在遷移到移動端的網頁和APP上的時候,效率和可用性始終是第一需求。快速無縫的載入和即點即用的交互是用戶的首要需求,剝離花哨和無用的動效,會讓用戶感覺更好。
另外,懸停動效也要去掉。移動端上手指觸摸是主要的交互手段,懸停動效是毫無意義的存在。作為設計師,你需要圍繞著點擊和滑動這兩種交互來構建移動端體驗,因為只有它們才能給用戶正確的反饋。

7、尺寸適配


在移動端設備上打開一個網頁,結果載入的是桌面端的版本,僅僅只是尺寸縮小了,沒有什麼比這個更令人尷尬的了。移動端的網頁和APP應該讓用戶更易於訪問,對於整體尺寸和排版布局的設計,應該更有針對性。
有的時候,這種內容的適配只需要針對部分內容,重新排版。

  • 在桌面端橫向排版的控制項,可以垂直排列在移動端頁面上
  • 考慮到移動端設備上用戶的瀏覽方式,圖片最好被切割為方形,或者和手機螢幕比例相近的形狀
  • 文案應該設計的更加簡明直觀
  • 導航可以不用沿用桌面端的導航模式,可以採用側邊欄或者底部導航等更適合移動端的方式
  • 行為召喚元素可以做的更大,甚至擴展到整螢幕
  • 所有的按鈕或者可點擊的元素都按照用戶的手持方式,放到手指最易於觸發的位置

結語

你準備好重新思考你的網站上內容的正確呈現方式了嗎?當你的內容從桌面端遷移到移動端的時候,響應式的設計也許無法真正與之匹配,你需要對內容細節、交互模式進行深入的調整,作出和用戶需求真正匹配的設計。
設計過程中最重要的部分其實是你對於訊息和數據的分析,你的用戶到底需要什麼,他們想要的東西往往能夠從數據中洞悉到。
本文地址:https://isux.tencent.com/

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。