我們常說,一個好的ui設(shè)計界面是充滿了生命力的,不是說這些ui界面的動效或者交互功能有多少,而是他們能在用戶需要的時候恰好能夠展現(xiàn)出自己的功能。今天,我們就請?zhí)璾i培訓(xùn)的老師給大家講解一下,提高我們的ui設(shè)計界面的一些優(yōu)化手段。
如果說您對太原ui培訓(xùn)課程感興趣的話,歡迎與我們的在線咨詢老師聯(lián)系,獲取對課程內(nèi)容的進(jìn)一步了解,增加自己對學(xué)習(xí)的信心。下面,我們就開始今天的主要內(nèi)容吧。
讓加載動效更具視覺愉悅感
當(dāng)APP 的打開動效足夠有視覺愉悅感的時候,用戶每次打開的時候都會為之感到開心愉悅。但是,動效能做的并不止于此,下面的案例中,Uber的打開動效不僅讓用戶體會到愉悅感,而且它的展開式動效還很好地“控制”了用戶雙眼的視覺焦點(diǎn)。
用有吸引力的視覺設(shè)計引導(dǎo)新用戶
新用戶次打開你的APP的時候,通常需要經(jīng)過新用戶引導(dǎo)流程,了解APP的功能和特色,而這也是用戶和你的APP的次交互。而APP給用戶的印象也非常重要,所以初次的引導(dǎo)體驗(yàn)應(yīng)該足夠好,平滑的過渡動效加持的引導(dǎo)流程,對于初次使用的用戶而言有著巨大的影響,同APP的用戶留存率有著直接的關(guān)聯(lián)。
下面的新用戶引導(dǎo)的動效就充滿了創(chuàng)意和個性,充滿驚喜的視覺設(shè)計和直觀簡練的文案都給用戶以良好的印象,非常值得學(xué)習(xí)。
交互式提醒
不同的APP在功能上有著許多差異,許多新的功能可能用戶之前從未接觸過,加入交互式的小貼士能夠幫助用戶更好的熟悉APP,而這種動態(tài)而智能的呈現(xiàn)方式,能讓APP顯得更加貼心而靈活。
提供方向上的視覺線索
當(dāng)UI界面中狀態(tài)發(fā)生改變的時候,動效的重要作用就顯現(xiàn)出來了。狀態(tài)改變之后,新的界面出現(xiàn),用戶需要知道新的界面和之前的界面之間的關(guān)系,而動效就是線索。
靜態(tài)的設(shè)計通常難以闡明狀態(tài)之間的相互關(guān)系。
對于建立內(nèi)容之間的關(guān)系這件事而言,動效非常的實(shí)用,它可以作為不同UI狀態(tài)之間的連接點(diǎn)。
闡述元素之間的關(guān)系
精心設(shè)計的過渡動效能夠?qū)⒂脩舻囊暰€引導(dǎo)到設(shè)計師希望用戶看到的位置,引導(dǎo)用戶去交互。動效在UI當(dāng)中能夠有針對性地對一些元素進(jìn)行強(qiáng)調(diào),并且闡明不同元素之間的關(guān)系。
轉(zhuǎn)場動效連接了播放和暫停按鈕之間的兩個狀態(tài),從而闡明了兩者之間的關(guān)系。
空間意識
意境地圖是人類對于空間和關(guān)系的理解的關(guān)鍵點(diǎn),而動效能夠幫助用戶對界面的空間關(guān)系有更深的了解,明白界面元素從哪里來,到哪里去。
用戶借助動效明白他們所處的位置,找到他們想去的地方。
提供清晰的反饋
動效能夠強(qiáng)化用戶正在進(jìn)行的交互的效果,幫助用戶了解操作的進(jìn)行方向,產(chǎn)生的結(jié)果,確定操作成功與否,以及為何會如此。
揭示問題
當(dāng)你需要設(shè)計界面中的錯誤狀態(tài)的時候,你需要讓用戶清晰的意識到系統(tǒng)正在報錯,而動效在此處作用也很重要。密碼輸入錯誤的時候,密碼輸入框抖動的特效,就是一個很好的實(shí)例。它模擬了人們搖頭抖動的效果,直觀而擬人化地給予用戶以報錯反饋。
多個元素層協(xié)同為用戶傳遞信息將會更加有效。
確認(rèn)效果
動效能夠以更視覺化的方式呈現(xiàn)用戶操作之后的結(jié)果。展示結(jié)果,而不要去描述,反饋呈現(xiàn)交互所產(chǎn)生的結(jié)果。
在Stripe 這個APP實(shí)例中,當(dāng)用戶點(diǎn)擊支付之后,按鈕呈現(xiàn)出短暫的加載過程之后,顯示支付成功。成功的對勾標(biāo)識會讓用戶覺得支付很簡單,而短暫的加載則讓用戶感受到了這個過程,但是這又不會讓他們等待很久。
展現(xiàn)邏輯
邏輯是幾乎所有的動效都具備的一個特征。你需要讓你的動效符合整體的邏輯,尤其是在移動端的APP上。有限的空間和復(fù)雜的實(shí)際狀況是用戶絕大多數(shù)所面臨的狀況,你需要充分利用空間,打通環(huán)節(jié),降低產(chǎn)品的復(fù)雜性,使用動效將界面和元素以富有邏輯的方式呈現(xiàn)出來,就很有必要了。
你需要讓你的動效充滿目的性,也富有邏輯,有太多的APP因?yàn)椴豢深A(yù)測的交互和過于繁復(fù)花哨的動效而終失敗。雖然有的動效做到很贊,在實(shí)現(xiàn)上也沒問題,但是它讓界面顯得混亂,這就成問題了。
現(xiàn)實(shí)中約定俗成的交互習(xí)慣和之前產(chǎn)品給用戶養(yǎng)成的習(xí)慣,使得手勢交互有了一套常規(guī)的法則。不一致的交互方式,會破壞用的使用習(xí)慣,毀掉整個用戶體驗(yàn)。
如需了解更多課程詳情,請撥打我們的咨詢電話:15803413941 鐘老師
在線咨詢QQ NO1:3241766804
倒計時
更多詳情請咨詢客服 15803413941
客服在線時間:9:00-22:00,其他時間請在線預(yù)約或留言,謝謝。太原達(dá)內(nèi):太原小店區(qū)親賢街
本周僅剩 個試聽名額
請鍵入信息,稍后系統(tǒng)將會把領(lǐng)獎短信發(fā)至您的手機(jī)