亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

如今，在做Web或App設(shè)計時，除了常見的加載動效外，“進度條”也是設(shè)計師們常常要花費時間與精力來著重思考的組件設(shè)計。

進度條可以理解成可視化等待，能緩解用戶在等待過程中的焦慮情緒，及時給予用戶反饋和提示，降低用戶在等待過程中跳出的頻率。

你是不是看到Loading0%的進度條很是焦慮？

那么，進度條的設(shè)計究竟要如何既能兼顧用戶體驗，又能利用精美炫酷的色彩、動效抓住用戶眼球？

下面，小摹給大家整理了一些創(chuàng)意十足的進度條設(shè)計案例，一起來看看吧。

創(chuàng)意進度條設(shè)計實例

首先，咱們來看看這款進度條：

不得不說，用戶心理被設(shè)計師拿捏的死死的。

一開始小拖車拉著進度條走的很快，走到中間便開始勻速運動，動畫效果的展現(xiàn)形式，用戶會很有耐心地等待進度條走完。

中間的等待過程，軟件也進行了自身的加載，何樂而不為。

在滴滴打車時，界面中展示等待時間、已等待時間、前方排隊人數(shù)等細節(jié)，有了這些量化的數(shù)據(jù)，用戶可以自由安排時間。

如遇到打車難的情況，即使正在等待中，看到自己已等待的沉沒時間，也很難取消訂單，直至成功打到車。

將進度條像雪花般打散，是不是很能吸引到你的注意力，很大程度幫你緩解負面情緒呢？

甚至搞搞創(chuàng)意，利用各種小動畫來轉(zhuǎn)移人們的注意力，讓用戶意識不到需要等待。

對于某些進度信息無法在短時間內(nèi)徹底完成，那么可以盡量將精準度與真實情況靠近，讓用戶知道目前最新進展，緩解用戶的焦慮之情。

這一點，淘寶的物流設(shè)計就十分可圈可點。

從最初的僅更新文字物流信息，到現(xiàn)在從地圖上就能直觀地展示包裹已送至何處，預計送達時間是多久，越來越人性化了~

除此以外，紅綠燈上的讀秒、地鐵站中預計下一趟地鐵多久到達、外出吃飯，實時掃碼查看前方還有多少桌在等待……這一切的一切，進度條發(fā)揮了應有的貢獻。

往小了說，進度安撫了人心，往大了說，進度讓生活得以安穩(wěn)繼續(xù)。

在看過這么多優(yōu)秀的進度條設(shè)計后，接下來，咱們再來聊聊設(shè)計進度條時需要考慮什么？

設(shè)計時需要考慮什么？

在我看來，進度條設(shè)計的原則有三點：

1）降低干擾頻率

2）及時反饋

3）極致的用戶體驗

降低干擾頻率

對于內(nèi)容型產(chǎn)品，在設(shè)計進度條時可盡量弱化其存在，讓用戶能更沉浸式體驗內(nèi)容本身。

類似于抖音，本身一條視頻的時間就比較短，用戶操作進度條的需求不高，因此弱化進度條，盡可能保證視頻的完播率。

當我們在看電影或電視劇這類時間較長的視頻時，快進、跳過等需求頻率大幅增加，因此在點擊屏幕時，下面的進度條自動顯示，可便于用戶控制視頻的進度。

根據(jù)產(chǎn)品屬性規(guī)劃進度條出現(xiàn)的頻率，能有效幫助用戶更專注于內(nèi)容本身，提升用戶體驗。

及時反饋

我們滑動進度條的目的在于加快或減慢進度，所以設(shè)計進度條時最需要考慮的是給用戶反饋時間。

總視頻的時長是多久？拖到了哪里？是不是我想看的那一部分？

例如騰訊視頻，在播放過程中拖動進度條時，當前視頻內(nèi)容可以正常播放，并會給整個屏幕加上一層蒙版后，中間展現(xiàn)拖動的時間和縮略畫面，以此在不妨礙當前播放的前提下，用戶還能及時知曉進度條進度和拖動的位置是否正確。

極致的用戶體驗

從操作方式來說，可以盡量避免將所有操作都限制在進度條中，例如在騰訊視頻中，長按屏幕可支持3倍快進/快退，整體視頻播放比拖拽進度條更加流暢。這樣可以避免喚醒進度條，誤觸風險產(chǎn)生。

從分散注意力方面而言，在王者榮耀即將對戰(zhàn)的loading中，左側(cè)會顯示所選英雄的使用小tips，右側(cè)的小拳頭動效可以點擊，為一會兒的賽場加油打氣。在看攻略和加油助力的過程中，有些很快就能加載好，馬上就能全軍出擊了~

最后

一款優(yōu)秀的產(chǎn)品脫穎而出，雖說離不開產(chǎn)品及運營團隊的助力，可我們身為設(shè)計師，也要為產(chǎn)品設(shè)計做出應有的貢獻。

關(guān)注設(shè)計細節(jié)、提升用戶體驗、堅持用戶至上的原則來設(shè)計產(chǎn)品，這都是我們應該遵循的設(shè)計準則。雖然進度條只是一個很小的組件，但當我們把每一個小小的組件都設(shè)計精致后，相信用戶體驗必能進階一大步！

（文中圖片均用“更懂中國設(shè)計師的設(shè)計工具——摹客DT”完成）

Powered by Froala Editor