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