從品牌網(wǎng)站建設(shè)到網(wǎng)絡(luò)營銷策劃,從策略到執(zhí)行的一站式服務(wù)
來源:中聯(lián)星空網(wǎng)絡(luò)科技有限公司 | 2020.07.13
不管應(yīng)用程序如何,大多數(shù)用戶已經(jīng)依賴移動設(shè)備來瀏覽網(wǎng)頁。因此,無論你是在
與曾經(jīng)流行的大規(guī)模導(dǎo)航設(shè)計相比,移動終端設(shè)備更能兼容簡化的導(dǎo)航。當(dāng)用戶使用移動設(shè)備時,他們的注意力和時間通常是分散的。當(dāng)他們打開應(yīng)用程序和網(wǎng)站時,他們希望盡快找到他們想要的東西。
因此,在設(shè)計移動端APP和網(wǎng)站導(dǎo)航的設(shè)計中,盡量根據(jù)分析和實(shí)際情況保留最常用的導(dǎo)航選項(xiàng)。
一方面,這種設(shè)計可以節(jié)省屏幕空間,并且導(dǎo)航選項(xiàng)的觸發(fā)區(qū)域可以設(shè)計得比較大。
至于漢堡包圖標(biāo)和彈出式菜單,不同的人對具體的用法有不同的看法,可以根據(jù)實(shí)際情況靈活處理。但有了漢堡圖標(biāo),傳統(tǒng)的菜單標(biāo)識,用戶可以很快理解它的含義,并意識到背后有一個彈出式菜單。
Ebates使用兩級菜單設(shè)計。首先,最常用的導(dǎo)航選項(xiàng)被制作成頁面頂部的選項(xiàng)卡。另一個是右上角的書簽菜單(心臟+漢堡圖標(biāo))。整個設(shè)計保證了功能性,簡單到不讓用戶覺得復(fù)雜,也很容易找到自己想要的東西。
2多想想手勢和觸摸
移動終端和桌面之間的交互非常不同,您的UI和UX設(shè)計應(yīng)該有意識地適應(yīng)移動終端。
在這個過程中,手勢交互是一個非常重要的部分,設(shè)計者應(yīng)該充分利用手勢來幫助用戶更快、更高效地完成交互。
常見的手勢包括:
單擊,雙擊
按壓
長按
托拽
縮放
滑動
移動終端上手勢交互的狀態(tài)相當(dāng)于桌面上的點(diǎn)擊交互。
但當(dāng)你考慮手勢交互時,別忘了將其與觸覺反饋相匹配。我們經(jīng)常使用振動來增強(qiáng)我們與移動設(shè)備的互動。這種觸控設(shè)計的精髓是盡可能的微妙,以確保用戶可以感覺到反饋,而不需要太多的關(guān)注。隨著越來越多的觸摸界面,用戶期望從中得到積極的響應(yīng)。
三。創(chuàng)造對話
人們總是希望通過語言交流來進(jìn)行交流。正是這種需求,使得對話UI和聊天機(jī)器人逐漸來到臺前并成為一種流行趨勢。因此,當(dāng)你的移動用戶界面有可能進(jìn)行即時聊天時,你可以使用對話界面來改善用戶體驗(yàn)
在你的界面上添加更多動人的文案。分節(jié)文本和界面元素中的縮微復(fù)制都可以通過更感人的文本來創(chuàng)造對話感。就像wtfweather的應(yīng)用一樣,它使用從文本到標(biāo)簽的會話表達(dá),并試圖在向用戶推送信息時創(chuàng)造一種對話感。
使用聊天機(jī)器人和對話界面與用戶進(jìn)行交流。聊天機(jī)器人可以說是24小時在線客服,他們幫助用戶解決問題,也可以在一定程度上提高客戶忠誠度。
將語音交互融入設(shè)計中。Siri、Cortana和Alexa幾乎是AI語音助理的家喻戶曉的名字。添加它們可以使會話界面更強(qiáng)大。
4動畫
如果你仔細(xì)看看最近幾年的網(wǎng)頁,你會發(fā)現(xiàn)動畫效果無處不在。動畫效果可以使頁面更自然、更美觀、更有吸引力。動畫不僅可以吸引用戶的注意力,而且可以幫助用戶展示如何更好地設(shè)計和交互。
谷歌地圖集成了少量的動態(tài)效果,這些效果并不明顯,但卻使整個應(yīng)用程序更加體貼和完整。在Nick babich之前的一篇文章中,他總結(jié)了藥效學(xué)的三個關(guān)鍵用途:
呈現(xiàn)系統(tǒng)狀態(tài):使用動態(tài)效果顯示加載狀態(tài)、內(nèi)容刷新、推送通知
用戶導(dǎo)航和轉(zhuǎn)換:使用動態(tài)效果幫助用戶理解內(nèi)容切換、可視層次結(jié)構(gòu)和狀態(tài)更改
對于視覺反饋:使用動畫幫助用戶確認(rèn)其先前的操作已完成
5充分利用新的用戶引導(dǎo)流程和表單
與網(wǎng)頁相比,app中新的用戶引導(dǎo)過程相當(dāng)關(guān)鍵。
由于大多數(shù)應(yīng)用程序的獨(dú)特功能和服務(wù),設(shè)計師會在用戶第一次打開應(yīng)用程序時提供快速入門教程,引導(dǎo)用戶熟悉自己的功能。這在游戲應(yīng)用程序中尤其常見。
如果新的用戶指南教程足夠有趣,就很容易提高用戶的忠誠度。確保教程足夠簡單,對用戶有幫助,如果他們能回頭再看一次會更好。
移動網(wǎng)站不同,最大的問題通常不是新用戶指南,而是注冊表和登錄表。在移動設(shè)備上,用戶實(shí)際上對表單的易用性非常敏感。用戶不會喜歡長而難聞的表單和復(fù)雜的字段。因此,簡化移動網(wǎng)頁的形式可以更好地提高轉(zhuǎn)化率。
看看上面的goodrx,表單的設(shè)計非常簡單。
登記表不應(yīng)該復(fù)雜。讓用戶輸入郵箱注冊、用戶名、郵箱、密碼三者綁定,登錄時用戶名和郵箱通用,這樣可以方便很多。
當(dāng)然,還有一個比較方便的思路,就是用一般的社交網(wǎng)站登錄和注冊,這樣對用戶比較方便。
結(jié)語
如何建立移動用戶體驗(yàn)是當(dāng)今設(shè)計師每天都要面對的問題。在激烈的競爭中,產(chǎn)品差異往往通過各種細(xì)節(jié)表現(xiàn)出來。打造一套易用的用戶界面,結(jié)合良好的用戶體驗(yàn),在細(xì)節(jié)上精細(xì)打磨,讓用戶真正留下來。