2022-06-04 分類: 網(wǎng)站建設(shè)
隨著扁平化設(shè)計(jì)風(fēng)格的流行,交互上越來越擬物化,越來越多的產(chǎn)品已經(jīng)意識到動(dòng)效在產(chǎn)品用戶體驗(yàn)中的重要性,創(chuàng)新互聯(lián)編者用一些案例,來說一下app界面設(shè)計(jì)使用動(dòng)效設(shè)計(jì)的好處。
讓用戶更加舒服、流暢的使用你設(shè)計(jì)的產(chǎn)品。
具體表現(xiàn)在:
1.表現(xiàn)層級關(guān)系
為了展現(xiàn)層與層的關(guān)系,抽屜,打開,還是平級切換等等,讓用戶知道這個(gè)界面和上一個(gè)、下一個(gè)的關(guān)系。保持使用的延續(xù)性。
2.與用戶手勢結(jié)合,更自然的動(dòng)畫表現(xiàn)
當(dāng)用戶手勢操作的時(shí)候,讓界面的動(dòng)態(tài)走向更符合手指的運(yùn)動(dòng),從而讓用戶感覺到是自己控制了界面的動(dòng)向,而不是機(jī)械化的跳轉(zhuǎn)。
City guide app 用手勢可以向左向右扔卡片
3.愉快的提示功能
在某些需要提醒的時(shí)候能吸引用戶的注意,但是又不會生硬,符合預(yù)期的出現(xiàn)。
Action button feedback 出錯(cuò)提示
City Guides 啟動(dòng)時(shí)提示用戶可以左右滑動(dòng)卡片
4.額外增加界面的活力
在用戶預(yù)期之外增加的驚喜,可以是帥氣的,是賣萌,可以有些物理屬性,總之讓用戶感知到產(chǎn)品的生命力。
readme.io 萌萌的輸入框
tumblr ?不喜歡我 心都碎了呢~
5.吸引用戶持久的注意力
也是屬于增加用戶的驚喜感,在某些數(shù)據(jù)量較大的界面中添加一些動(dòng)效,讓用戶保持注意力。
Bubbles 以動(dòng)態(tài)的形式展現(xiàn)數(shù)據(jù)點(diǎn)
總有一些因素造成我們的產(chǎn)品體驗(yàn)下降。這些時(shí)候適當(dāng)?shù)脑黾右恍﹦?dòng)效可以彌補(bǔ)在出現(xiàn)這些情況時(shí)的不適體驗(yàn)。
比如下面這些:
1.讓等待變得更愉快
常出現(xiàn)在加載、刷新、發(fā)送等界面中,讓等待變得可視化,甚至不再那么無聊。
Download Progress 讓下載不再枯燥
App loader 有趣的loading動(dòng)畫
gear-powered 拉了還想拉的下拉刷新
2.失敗界面的動(dòng)效
比如刷新失敗、頁面錯(cuò)誤、未聯(lián)網(wǎng)提示這些。
download 就算失敗了還是感覺萌萌噠~
3.增加界面與界面銜接的延續(xù)感
界面的跳轉(zhuǎn)不可以避免,但是如果讓本來分別獨(dú)立的2個(gè)界面或者事件擁有了某種特定的聯(lián)系,可以顯得更加好玩,不再是生硬的跳轉(zhuǎn)。
iOS Animation Download 界面跳轉(zhuǎn)時(shí)保留部分元素到下一個(gè)界面
Filter Menu 保留需要的條目 移走不再用的
Elevate
特意把這一類單獨(dú)說一下,由于不容易被發(fā)現(xiàn),普通用戶通常會忽略它們的存在,但很多時(shí)候這些小細(xì)節(jié)讓交互變得更加有趣。
1.默默增加反饋感
為用戶的操作提供有趣的正反饋。
Twitter 收藏的點(diǎn)擊反饋
2.去除用戶不再需要的元素
隨著用戶的操作,有的內(nèi)容已經(jīng)是用戶不再關(guān)注的。這時(shí)候可以將他們隱藏起來。
Steller
動(dòng)效要注意交互邏輯,才能讓你的作品看起來不但動(dòng)效帥氣逼人而且真正發(fā)揮了實(shí)際的作用。千萬不要犧牲了用戶寶貴的時(shí)間用來看你毫無目的的動(dòng)效。
文章名稱:app界面設(shè)計(jì)使用動(dòng)效設(shè)計(jì)的好處
當(dāng)前網(wǎng)址:http://m.newbst.com/news3/163203.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站營銷、關(guān)鍵詞優(yōu)化、網(wǎng)站策劃、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容