中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

與其說(shuō)進(jìn)度指示器是一個(gè)UI控件，其實(shí)不如說(shuō)是對(duì)用戶心理需求的挖掘，褪去視覺表現(xiàn)形式的外衣，它實(shí)際上就是用戶體驗(yàn)的表達(dá)。本文介紹了平臺(tái)規(guī)范原則下的進(jìn)度指示器使用手法，與大家分享！

曾經(jīng)一項(xiàng)調(diào)查表明：在請(qǐng)求數(shù)據(jù)加載卻沒有任何提示的頁(yè)面中（頁(yè)面白屏），80%的用戶等待超過(guò)2秒就會(huì)直接關(guān)閉窗口。站在一個(gè)產(chǎn)品設(shè)計(jì)者的角度來(lái)說(shuō)，這句話等同于：如果你不了解如何完善加載機(jī)制的話，超過(guò)2秒的等待就會(huì)讓你的頁(yè)面跳出率增加80%。

所以這么說(shuō)起來(lái)：不論你是PM、交互設(shè)計(jì)師還是UI，了解如何搭建合理的加載機(jī)制，以便讓用戶增強(qiáng)可控感，是你必修的一個(gè)課題。

一、平臺(tái)規(guī)范下的進(jìn)度指示器

進(jìn)度指示器的視覺表現(xiàn)形式有很多：例如菊花、進(jìn)度條等等。選擇哪一種進(jìn)度指示器其實(shí)無(wú)傷大雅，因?yàn)?strong>進(jìn)度指示器的根本目的還是為了緩解用戶的等待焦慮。

比如 iOS 與 Material Design 雖然在視覺表現(xiàn)上采用了不同的加載樣式，但效果都是異曲同工的。

先來(lái)說(shuō)說(shuō) iOS。

iOS 人機(jī)交互規(guī)范中按照不可量化加載時(shí)間和可量化加載時(shí)間的維度，將加載樣式分為了菊花與進(jìn)度條。

在同步復(fù)雜數(shù)據(jù)時(shí)，如果無(wú)法確定加載時(shí)間（即不可量化加載時(shí)間），iOS 建議可以使用動(dòng)態(tài)旋轉(zhuǎn)的菊花。但這種情況下用戶任然無(wú)法評(píng)估加載進(jìn)度以及還需要等待多長(zhǎng)的時(shí)間，菊花轉(zhuǎn)久了，用戶的焦慮感將是呈指數(shù)級(jí)上升的。

所以在可量化加載時(shí)間的任務(wù)當(dāng)中，相較于無(wú)限旋轉(zhuǎn)的菊花，設(shè)計(jì)者應(yīng)使用一條從左到右填充的軌道來(lái)展示加載進(jìn)度，有助于減緩用戶的等待焦慮情緒。

iOS 規(guī)范只對(duì)應(yīng)給出了不可量化加載時(shí)間和可量化加載時(shí)間固定的樣式參考；而 MD 則周到很多，讓設(shè)計(jì)者優(yōu)先選擇心儀的加載樣式，之后再匹配不可量化加載時(shí)間和可量化加載時(shí)間的動(dòng)效效果。

MD 規(guī)范提供了兩種加載樣式：

1. 圓形指示器
2. 條形指示器

每一種指示器樣式都匹配了不可量化加載時(shí)間和可量化加載時(shí)間進(jìn)度的動(dòng)效效果。

二、加載模型搭建

從上面的內(nèi)容我們看到：兩個(gè)平臺(tái)規(guī)范都是依照是否可量化加載時(shí)間來(lái)抉擇加載樣式的，但實(shí)際上加載機(jī)制只做到這一步還不算完善。

因?yàn)樵诩虞d時(shí)間較長(zhǎng)的場(chǎng)景中，就算設(shè)計(jì)者給到了用戶加載進(jìn)度提示；當(dāng)加載等待時(shí)間達(dá)到了一個(gè)臨界值，還是可能造成大部分用戶誤認(rèn)為是網(wǎng)絡(luò)或程序bug而選擇跳出。

所以在長(zhǎng)時(shí)間加載等待的場(chǎng)景下，我們應(yīng)該明確地告訴用戶當(dāng)前加載的進(jìn)度百分比或預(yù)計(jì)等待時(shí)間，以便用戶知道自己的等待是有結(jié)果的。

可是我們?cè)撊绾味x“長(zhǎng)時(shí)間加載等待”的時(shí)長(zhǎng)究竟是多少呢？

我結(jié)合了“用戶等待4秒原則”和 UX 研究咨詢公司 Nielsen Norman Group（NN/g 尼爾森諾曼集團(tuán)）的一篇文獻(xiàn)中提出的用戶等待心理模型，得出了以下參考結(jié)論：

用戶是一個(gè)復(fù)雜的群體，他們其實(shí)并不關(guān)心所謂的量化時(shí)間，他們只希望：加載盡量快，快到不要中斷我的操作流，如果實(shí)在快不起來(lái)，那就告訴我還要等多久。

所以由上表得出的結(jié)論是：

• 加載時(shí)長(zhǎng)在0到1秒之間時(shí)：用戶不易感知，不需要給予用戶 loading 提示，在任何加載情境下頻繁給出 loading 提示其實(shí)反而會(huì)干擾用戶心流；
• 加載時(shí)長(zhǎng)在1秒到4秒之間時(shí)：此時(shí)不需要明確給予用戶量化時(shí)間提示，用戶也不易產(chǎn)生焦慮情緒；
• 加載時(shí)長(zhǎng)大于4秒時(shí)：超過(guò)這個(gè)時(shí)間你就需要明確地告訴用戶當(dāng)前的進(jìn)度狀況了，加載百分比或剩余時(shí)間都可以讓用戶心里有個(gè)底；
• 加載時(shí)長(zhǎng)大于x秒時(shí)：設(shè)計(jì)者應(yīng)該根據(jù)具體加載場(chǎng)景設(shè)置加載時(shí)間臨界點(diǎn)機(jī)制，在加載超過(guò)這個(gè)時(shí)間之后默認(rèn)為加載失敗，讓用戶進(jìn)行再次操作，而不是無(wú)意義地苦苦等待。

三、不要欺騙用戶

有時(shí)PM或交互設(shè)計(jì)師基于跳出率指標(biāo)，會(huì)選擇在不可量化加載時(shí)間的場(chǎng)景下，做一個(gè)基于gif實(shí)現(xiàn)或代碼實(shí)現(xiàn)的偽加載進(jìn)度條。

但虛假的加載過(guò)程在長(zhǎng)時(shí)間加載的過(guò)程中容易導(dǎo)致用戶產(chǎn)生疑惑。

所以 iOS 與 MD 都在規(guī)范中都嚴(yán)格禁止了這樣的行為；但 iOS 僅是明令聲討..……而 MD 卻給出了參考解決方案。

MD 建議隨著場(chǎng)景中不可量化信息加載量越來(lái)越具體，進(jìn)度指示器可以從不確定狀態(tài)切換到確定狀態(tài)。

作者：UCD耍家微信公眾號(hào)：UCD耍家（ID：ucdplayer）

本文由 @UCD耍家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議