資訊

精(jīng)準傳達 • 有(yǒu)效溝通

從品牌網站建設到網絡營銷策劃,從策略到執行的一站式服務(wù)

如何讓您的移動體(tǐ)驗更好

來源:中(zhōng)聯星空網絡科(kē)技(jì )有(yǒu)限公(gōng)司 | 2020.07.13

不管應用(yòng)程序如何,大多(duō)數用(yòng)戶已經依賴移動設備來浏覽網頁(yè)。因此,無論你是在

1、簡化導航

與曾經流行的大規模導航設計相比,移動終端設備更能(néng)兼容簡化的導航。當用(yòng)戶使用(yòng)移動設備時,他(tā)們的注意力和時間通常是分(fēn)散的。當他(tā)們打開應用(yòng)程序和網站時,他(tā)們希望盡快找到他(tā)們想要的東西。


因此,在設計移動端APP和網站導航的設計中(zhōng),盡量根據分(fēn)析和實際情況保留最常用(yòng)的導航選項。


一方面,這種設計可(kě)以節省屏幕空間,并且導航選項的觸發區(qū)域可(kě)以設計得比較大。


至于漢堡包圖标和彈出式菜單,不同的人對具(jù)體(tǐ)的用(yòng)法有(yǒu)不同的看法,可(kě)以根據實際情況靈活處理(lǐ)。但有(yǒu)了漢堡圖标,傳統的菜單标識,用(yòng)戶可(kě)以很(hěn)快理(lǐ)解它的含義,并意識到背後有(yǒu)一個彈出式菜單。


Ebates使用(yòng)兩級菜單設計。首先,最常用(yòng)的導航選項被制作(zuò)成頁(yè)面頂部的選項卡。另一個是右上角的書簽菜單(心髒+漢堡圖标)。整個設計保證了功能(néng)性,簡單到不讓用(yòng)戶覺得複雜,也很(hěn)容易找到自己想要的東西。


2多(duō)想想手勢和觸摸


移動終端和桌面之間的交互非常不同,您的UI和UX設計應該有(yǒu)意識地适應移動終端。


在這個過程中(zhōng),手勢交互是一個非常重要的部分(fēn),設計者應該充分(fēn)利用(yòng)手勢來幫助用(yòng)戶更快、更高效地完成交互。


常見的手勢包括:


單擊,雙擊


按壓


長(cháng)按


托拽


縮放


滑動


移動終端上手勢交互的狀态相當于桌面上的點擊交互。


但當你考慮手勢交互時,别忘了将其與觸覺反饋相匹配。我們經常使用(yòng)振動來增強我們與移動設備的互動。這種觸控設計的精(jīng)髓是盡可(kě)能(néng)的微妙,以确保用(yòng)戶可(kě)以感覺到反饋,而不需要太多(duō)的關注。随着越來越多(duō)的觸摸界面,用(yòng)戶期望從中(zhōng)得到積極的響應。


三。創造對話


人們總是希望通過語言交流來進行交流。正是這種需求,使得對話UI和聊天機器人逐漸來到台前并成為(wèi)一種流行趨勢。因此,當你的移動用(yòng)戶界面有(yǒu)可(kě)能(néng)進行即時聊天時,你可(kě)以使用(yòng)對話界面來改善用(yòng)戶體(tǐ)驗


在你的界面上添加更多(duō)動人的文(wén)案。分(fēn)節文(wén)本和界面元素中(zhōng)的縮微複制都可(kě)以通過更感人的文(wén)本來創造對話感。就像wtfweather的應用(yòng)一樣,它使用(yòng)從文(wén)本到标簽的會話表達,并試圖在向用(yòng)戶推送信息時創造一種對話感。



使用(yòng)聊天機器人和對話界面與用(yòng)戶進行交流。聊天機器人可(kě)以說是24小(xiǎo)時在線(xiàn)客服,他(tā)們幫助用(yòng)戶解決問題,也可(kě)以在一定程度上提高客戶忠誠度。


将語音交互融入設計中(zhōng)。Siri、Cortana和Alexa幾乎是AI語音助理(lǐ)的家喻戶曉的名(míng)字。添加它們可(kě)以使會話界面更強大。


4動畫


如果你仔細看看最近幾年的網頁(yè),你會發現動畫效果無處不在。動畫效果可(kě)以使頁(yè)面更自然、更美觀、更有(yǒu)吸引力。動畫不僅可(kě)以吸引用(yòng)戶的注意力,而且可(kě)以幫助用(yòng)戶展示如何更好地設計和交互。


谷歌地圖集成了少量的動态效果,這些效果并不明顯,但卻使整個應用(yòng)程序更加體(tǐ)貼和完整。在Nick babich之前的一篇文(wén)章中(zhōng),他(tā)總結了藥效學(xué)的三個關鍵用(yòng)途:


呈現系統狀态:使用(yòng)動态效果顯示加載狀态、内容刷新(xīn)、推送通知


用(yòng)戶導航和轉換:使用(yòng)動态效果幫助用(yòng)戶理(lǐ)解内容切換、可(kě)視層次結構和狀态更改


對于視覺反饋:使用(yòng)動畫幫助用(yòng)戶确認其先前的操作(zuò)已完成


5充分(fēn)利用(yòng)新(xīn)的用(yòng)戶引導流程和表單


與網頁(yè)相比,app中(zhōng)新(xīn)的用(yòng)戶引導過程相當關鍵。


由于大多(duō)數應用(yòng)程序的獨特功能(néng)和服務(wù),設計師會在用(yòng)戶第一次打開應用(yòng)程序時提供快速入門教程,引導用(yòng)戶熟悉自己的功能(néng)。這在遊戲應用(yòng)程序中(zhōng)尤其常見。


如果新(xīn)的用(yòng)戶指南教程足夠有(yǒu)趣,就很(hěn)容易提高用(yòng)戶的忠誠度。确保教程足夠簡單,對用(yòng)戶有(yǒu)幫助,如果他(tā)們能(néng)回頭再看一次會更好。


移動網站不同,最大的問題通常不是新(xīn)用(yòng)戶指南,而是注冊表和登錄表。在移動設備上,用(yòng)戶實際上對表單的易用(yòng)性非常敏感。用(yòng)戶不會喜歡長(cháng)而難聞的表單和複雜的字段。因此,簡化移動網頁(yè)的形式可(kě)以更好地提高轉化率。


看看上面的goodrx,表單的設計非常簡單。


登記表不應該複雜。讓用(yòng)戶輸入郵箱注冊、用(yòng)戶名(míng)、郵箱、密碼三者綁定,登錄時用(yòng)戶名(míng)和郵箱通用(yòng),這樣可(kě)以方便很(hěn)多(duō)。


當然,還有(yǒu)一個比較方便的思路,就是用(yòng)一般的社交網站登錄和注冊,這樣對用(yòng)戶比較方便。


結語


如何建立移動用(yòng)戶體(tǐ)驗是當今設計師每天都要面對的問題。在激烈的競争中(zhōng),産(chǎn)品差異往往通過各種細節表現出來。打造一套易用(yòng)的用(yòng)戶界面,結合良好的用(yòng)戶體(tǐ)驗,在細節上精(jīng)細打磨,讓用(yòng)戶真正留下來。


十九年 建站經驗

多(duō)一份參考,總有(yǒu)益處

聯系客服,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可(kě)以通過以下方式與我們聯系

業務(wù)熱線(xiàn):400-606-8008 / 大客戶專線(xiàn) 濟南:15589999555