當前位置:
首頁 > 知識 > 內容遷移到移動端時,用戶體驗優化的7個關鍵點

內容遷移到移動端時,用戶體驗優化的7個關鍵點

好的設計往往需要好的內容作為基礎支撐。無論是內容還是設計,想要讓兩者最大化的搭配,往往是需要進行調整和優化才行。

當你的內容需要遷移到移動端上的時候,要怎麼讓內容和用戶體驗無縫地配合起來呢?設計師要基於小屏幕的交互來思考整個設計和優化的策略,而今天的文章,就為你分享7個設計技巧

1、每屏完成一項任務

雖然手機的屏幕越來越大,但是當你的內容在移動端設備上呈現的時候,依然要保證每屏只執行一個特定的任務,不要堆積太多的、跨流程的內容。

雖然在移動端設備上,用戶已經習慣了執行多任務,看著球賽聊著天,這樣的案例不勝枚舉。用戶的習慣和多樣的應用場景使得移動端界面必須保持內容和界面與內容的簡單直觀,這樣用戶在繁複的操作中,不至於迷失或者感到混亂。

那麼怎樣保證這種清晰的體驗呢?所有的文本、插畫、視頻、UI元素都集中幫助用戶執行特定的任務,搭配在一起讓用戶作出抉擇:你想執行這個操作嗎?

2、精簡併優化導航體系

當用戶打開你的網站或者APP的時候,他們通常傾向於執行特定的操作,訪問特定的頁面,或者你希望他們點擊特定的按鈕,所有的這些操作能否實現,大多是要基於導航模式的設計。

雖然在桌面端網頁上,一個可用性較強的導航能夠承載多個層級、十幾個甚至20多個不同的導航條目,但是在移動端上,屏幕限制和時間限制往往讓用戶來不及也不願意去瀏覽那麼多類目。

導航需要精簡優化。如果你不確定從什麼地方開始,那麼你應該針對你的移動端版本進行用戶分析。用戶訪問得最多的前三四個類目是什麼?這些頁面是否符合主要用戶群體的期望?你希望用戶更多點擊哪些內容?當你搞清楚整個導航的關鍵元素之後,就可以有針對性地做優化和調整了。

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

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

無論你的網站的PV是100還是10萬,你都得盡量讓你的移動端上的內容更易於被搜索到。無論是關鍵詞、圖片還是內容都應該能夠被優化到易於被搜索引擎抓取到。但是最關鍵的地方並不在演算法,而是要創建用戶想要獲取的優質內容。

從桌面端遷移到移動端,內容的形態也需要跟隨著平台的變化而進行適當的優化和修改。比如大量的大尺寸的圖片需要跟著移動端的需求而進行優化,比如選擇尺寸更合理的圖片,放棄不匹配移動端需求的JS動效等。

4、更大的字體

在小屏幕上顯示的內容,應該適當地增加大小,讓用戶能夠更輕鬆地閱讀和消化。通常,在移動端上,每行容納的英文字元的尺寸在30~40個最為合理,而這個數量基本上是桌面端的一半左右。

在移動端上排版設計要注意的東西還有很多,但是總體上,讓字體適當的增大一些,能讓整體的閱讀體驗有所提升。

5、意義清晰的微文案

微文案在界面中幾乎無處不在,比如按鈕中的文本,它們對於整體的體驗有著不小的影響。設計優秀的微文案能夠讓整個界面的個性、設計感有明顯提升,它們是信息呈現的重要途徑,將設計轉化微可供理解的內容。

在移動端設計上,微文案的顯示要足夠清晰,並且始終是圍繞著幫助用戶要做什麼,來打磨其中的表述方式。

在移動端上支付是非常常見的使用場景,而支付時常受到各種問題的影響,比如橫跨多屏的表單,這個時候,引導性較強的微文案能夠更好的幫助用戶一次填寫好正確的內容。

6、移除不必要的特效

在桌面端網頁上,旋轉動效和視差滾動常常會讓網頁看起來非常不錯,但是在移動端上,情況則完全不同。內容在遷移到移動端的網頁和APP上的時候,效率和可用性始終是第一需求。快速無縫的載入和即點即用的交互是用戶的首要需求,剝離花哨和無用的動效,會讓用戶感覺更好。

另外,懸停動效也要去掉。移動端上手指觸摸是主要的交互手段,懸停動效是毫無意義的存在。作為設計師,你需要圍繞著點擊和滑動這兩種交互來構建移動端體驗,因為只有它們才能給用戶正確的反饋。

7、尺寸適配

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

有的時候,這種內容的適配只需要針對部分內容,重新排布。

·在桌面端橫向排布的控制項,可以垂直排列在移動端頁面上;

·考慮到移動端設備上用戶的瀏覽方式,圖片最好被切割為方形,或者和手機屏幕比例相近的形狀;

·文本和微文案應該設計的更加簡明直觀

·導航可以不用沿用桌面端的導航模式,可以採用側邊欄或者底部導航等更適合移動端的方式;

·行為召喚元素可以做的更大,甚至擴展到整屏

·所有的按鈕或者可點擊的元素都按照用戶的手持方式,放到手指最易於觸發的位置

結語

你準備好重新思考你的網站上內容的正確呈現方式了嗎?當你的內容從桌面端遷移到移動端的時候,響應式的設計也許無法真正與之匹配,你需要對內容細節、交互模式進行深入的調整,作出和用戶需求真正匹配的設計。

設計過程中最重要的部分其實是你對於信息和數據的分析,你的用戶到底需要什麼,他們想要的東西往往能夠從數據中洞悉到。

每日推薦

如您有任何問題,請聯繫優才小編:

15201480058

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 優才學院 的精彩文章:

類與面向對象:如何定義一個類
優秀程序員眼中的整潔代碼
程序員薪酬待遇大調查:學哪種語言的最賺錢?
Generator:同步代碼書寫非同步情懷

TAG:優才學院 |

您可能感興趣

在移動端事件中,那個應用範圍最廣的觸摸事件,需要重點關注
入手高低配兩款小米移動電源,體驗之後聊聊它們的優缺點
只需一個密碼,移動用戶即獲最高10G免費流量
中國移動終端實驗室緊跟5G+趨勢 賦能移動終端
實用性和趣味性俱佳 移動端AR現階段應用盤點
中國移動斬獲移動用戶、4G用戶和寬頻用戶三個第一,格局已定
快速凈化 節能降噪,可以移動凈化全屋空氣,沁寶移動凈化器體驗
關於取消流量漫遊並降價30%,運營商集體表態,移動公布時間點!
輕推5.1多重功能升級,打造更好移動辦公體驗
蝶變——移動用戶體驗設計之道
移動最良心的手機流量套餐是哪個?
有一種世界盃叫優酷:技術升級內容,重新定義移動體驗
大容量移動存儲還用移動機械硬碟?西部數據移動固態硬碟了解下
移動終於向用戶低頭示好,推出更優惠的套餐,老用戶紛紛回心轉意
行走只是動物的專利嗎?這種植物體型高大,卻能一年移動20米
在數字化轉型時代 物聯網正在推動即將到來的移動應用革命
中國移動終於醒悟,推出3款套餐,只為討好移動「老用戶」?
移動全國不限量流量套餐終於到來!就是價格有點感人
移動應用程序的個性化實現方法
截止到目前,移動端最強的5款手機處理器