發(fā)布時(shí)間:2022-2-11 分類: 行業(yè)動(dòng)態(tài)
大量實(shí)驗(yàn)表明:
動(dòng)態(tài)表情符號(hào)比靜態(tài)表情符號(hào)更有趣;
動(dòng)態(tài)圖形比靜態(tài)圖形更生動(dòng),更有吸引力;
應(yīng)用程序中的動(dòng)態(tài)效果也比靜態(tài)設(shè)計(jì)更強(qiáng)大。
看到這里,你開(kāi)始計(jì)算你的應(yīng)用程序的應(yīng)用程序?如何通過(guò)動(dòng)態(tài)效果改善應(yīng)用的用戶體驗(yàn)?閱讀今天的文章后,您知道該怎么做。
首先要強(qiáng)調(diào)的是,閱讀Android和iOS的官方文檔將避免許多彎路。 Apple和Google的官方開(kāi)發(fā)者文檔都有專門針對(duì)動(dòng)態(tài)效果的章節(jié)。他們還鼓勵(lì)開(kāi)發(fā)人員通過(guò)添加動(dòng)作效果來(lái)優(yōu)化App界面。
此外,無(wú)論應(yīng)用程序是可愛(ài)的還是惱人的,都只是一個(gè)單一的區(qū)別。如果您的效果會(huì)影響用戶的使用,則最好還原靜態(tài)效果。動(dòng)態(tài)的目的是增加用戶的興趣并增加用戶的參與,而不是驅(qū)走用戶。
想改善用戶體驗(yàn)嗎?試試這10個(gè)動(dòng)畫效果
無(wú)聊的應(yīng)用程序和有趣的體驗(yàn)之間可能只有一個(gè)動(dòng)畫區(qū)別。良好的動(dòng)態(tài)性能可以提升用戶的參與感,使用的越多,使用的越多。
1.拉下經(jīng)驗(yàn)
下拉刷新是一種基本的動(dòng)態(tài)效果,大多數(shù)智能手機(jī)用戶都習(xí)慣于這種操作。這種刷新效果可以在等待內(nèi)容加載時(shí)減少用戶的焦慮感。以健身追蹤器為例:它使用小人行走的動(dòng)態(tài)效果。
2.登錄指南
動(dòng)態(tài)效果使用得很好,用戶指導(dǎo)也不能少。添加動(dòng)畫效果也可以在登錄過(guò)程中給用戶留下深刻印象。這個(gè)減肥應(yīng)用程序的用戶指南過(guò)程非常有趣。當(dāng)用戶首次使用并設(shè)置他的身高和體重信息時(shí),界面不僅干凈整潔,而且還具有動(dòng)畫效果。給人留下良好的第一印象。
3.加載經(jīng)驗(yàn)
在頁(yè)面加載過(guò)程中,您需要暫時(shí)轉(zhuǎn)移用戶的注意力,讓他們忽略等待此頁(yè)面的時(shí)間。一些做得好的動(dòng)畫完美地實(shí)現(xiàn)了這種效果。例如,下面的聊天應(yīng)用程序?qū)⑺信笥堰B接到一行。
4.有趣的指南頁(yè)面
有很多應(yīng)用程序可以使指南頁(yè)面動(dòng)態(tài)化,因此它不僅看起來(lái)更高質(zhì)量,而且您的應(yīng)用程序功能更具體。 Devin Ruppert的指南頁(yè)面設(shè)計(jì)使得復(fù)雜的應(yīng)用程序成為一次偉大的冒險(xiǎn)。讓用戶的胃口增加。
5.互動(dòng)教程
在用戶使用本教程時(shí),您還可以通過(guò)動(dòng)畫的形式引導(dǎo)用戶,不再需要冗長(zhǎng)繁瑣的文本描述。顯示效果遠(yuǎn)遠(yuǎn)好于教學(xué)。例如,如果您想引導(dǎo)用戶如何使用您的應(yīng)用程序,則很難分辨圖片和文本,但簡(jiǎn)單的動(dòng)畫將讓用戶知道如何使用它。
6.明確反饋
在使用您的應(yīng)用程序期間,用戶需要不時(shí)確認(rèn)其操作是否正確。如果操作失敗,原因是什么。這些要求設(shè)計(jì)者考慮何時(shí)將其結(jié)果反饋給用戶。例如,在用戶完成付款操作后,如果他們可以提示復(fù)選標(biāo)記,他們會(huì)覺(jué)得他們已經(jīng)完成了。
7.自然過(guò)渡
從一個(gè)界面到另一個(gè)界面,如果兩者沒(méi)有太多關(guān)聯(lián),用戶會(huì)感到尷尬和尷尬。如果有過(guò)度影響,它將緩解這種情況??纯碙ifemini的體驗(yàn)視覺(jué)以及它們?nèi)绾芜^(guò)渡。
8.動(dòng)態(tài)新聞流
在設(shè)計(jì)時(shí),以特殊形式排列所有元素并邀請(qǐng)用戶繼續(xù)查看后面的頁(yè)面非常重要。基于新聞的應(yīng)用可以使用此類型的點(diǎn)擊標(biāo)題并顯示更多內(nèi)容。我們建議您查看UI導(dǎo)航內(nèi)容。
9.卡片動(dòng)畫
應(yīng)用程序內(nèi)部使用的卡式動(dòng)畫提供了所有復(fù)雜數(shù)據(jù)的簡(jiǎn)潔表示。如果您想用幾句話來(lái)表達(dá)某些內(nèi)容,可以使用卡片結(jié)構(gòu)作為解決方案。 3D觸摸提供的交互式效果更好,例如下面的旅游博客。
10.按鈕交互
按鈕的動(dòng)畫效果可以視為強(qiáng)烈的需求!這里,可以組合功能和用戶期望。如果用戶單擊該按鈕,則可以看到動(dòng)畫效果,這也是操作成功的提示。此外,如果效果設(shè)計(jì)很有趣,那么會(huì)有小驚喜??匆幌翸arketMe原型提供的示例:他們?nèi)绾翁砑铀阉靼粹o?
結(jié)論
動(dòng)畫效果是一個(gè)增強(qiáng)用戶體驗(yàn)的項(xiàng)目。有些是必要的,有些則更好。你要做的不是一個(gè)平淡的產(chǎn)品,而是一個(gè)給用戶帶來(lái)難忘體驗(yàn)的應(yīng)用程序。
« 如何設(shè)置企業(yè)郵箱安全性? | 中關(guān)村在線2018年度評(píng)選,明基投影機(jī)連接多個(gè)獎(jiǎng)項(xiàng) »
周一周五 8:30 - 18:00
客服QQ