讓設計更有說服力的20條經典原則--1216彩票怎么进不去了:多爾蒂門檻

2019-4-25 泥人張 設計思維

如果您想訂閱本博客內容_|掌上彩票客服,每天自動發到您的郵箱中||姜培琳 刘军, 請點這裏

簡介說明

1. 原理表述

係統需要在 400ms 內對使用者的操作做出響應|-众益彩票中国彩,這樣才能夠讓使用者保持專注|普陀山旅游线路 同程,並提高生產效率|_掌上彩票软件。

2. 實驗背景

上世紀 70 年代後期|-_168彩票平台可靠吗,計算機研究人員依然認為計算機可以花費兩秒的時間對使用者的操作做出反饋|--盈众彩票注册,因為他們認為人們大概正好需要兩秒時間來決定下一步的操作|-重庆永川经贸学院,所以 2s(2000ms)一度成為了當年計算機響應時間的標準值||-qq2011 下载。直到 1979 年計算機的算力開始大幅提升|__黑龙江旱情,也有了足夠的能力在 2000ms 內做出響應|-|炫舞今日答题答案,這時 IBM 的研究員 Walter Doherty 進行了一係列研究來評估算力的增長對生產力的影響|_金奎丽。

研究結果表明--雷波电脑,計算機的響應速度直接影響了使用者做出下一個決定所要花費的時間(這個時間被稱為用戶響應時間)|_丝丝发图片,換句話說-|-istoway,計算機相應的時間越長_||色狗图片,用戶就要花費越多的時間來思考和決定下一步的操作-_台湾桔熊。

上麵這張表格充分說明了這一觀點|_tksnis 009,橫縱坐標分別為用戶響應時間和係統響應時間_|苏果之家,我們可以看到係統響應時間如果從之前的 2000ms 降低到 300ms _-_金莎巧克力保质期,使用者作出下一步指令所需要的時間就能夠縮短 5s 以上王的第十七妾。Doherty 認為人們會將工作需要的一係列操作步驟存儲在短時記憶之內___雪莲生发液,如果係統響應時間太長|成都男子街头杀妻,就會打斷人們的短時記憶-_-诸城二手车交易,換句話說--|金莎巧克力保质期,思路都不連貫了|-钢水脱氧。

不僅如此_|金螳螂 朱兴良,Doherty 還認為響應速度低於 400ms 的係統或者程序|-亿彩彩票安全吗,會讓人上癮--365彩票不能买。放在當下的環境來看_-哈雷彗星图片,這當然隻是一句比較誇張的話-__诺基亚3208c主题,但是結論是需要我們重視的-_金成真,程序的響應時間_|超银河大战,務必在 400ms 之內_注册名城娱乐是骗局吗。

設計案例

1. 響應時間的多爾蒂閾值

要說「多爾蒂門檻」帶給我們的啟示|_-15分彩正规吗,上一節最後一句已經表達得足夠清楚_爱乐网:係統或程序的響應時間小於 400ms -_永盛国际不让提款。為了讓讀者有更加直觀得感受|||众博彩票进去网址,我們先來一組小動畫感受一下高響應延遲有多讓人抓狂_盈彩网App,快速響應又多麼讓人舒服-|掌上运维平台下载:

應用案例 1__郭美美澳门欠赌债:模擬延遲效果

注||24en:請務必挨個觀察-|程妙可,不要看整體|_英布和季布,看單個的效果||张琳芃任国足队长。

從動畫中可以感受到-|-评选优秀员工方案,50ms-_随心聊、200ms 還算可以讓人接受-_家常红烧肉,當響應時間達到 600ms 時已經讓人有些不耐煩|广西单独二胎细则,而達到 1000ms 時會讓人不自覺多點幾下||单号吧,2000ms 時我手機已經被我砸了|||易赢彩票团队。

2. 另一個因素不能忽視

在如今的計算機算力之下-臭虫灵,響應時間輕輕鬆鬆便能夠達到多爾蒂門檻的閾值--_镀铬杆,甚至能夠遠比 400ms 更小__-金星新一代,但是這就夠了嗎093彩票苹果?「多爾蒂門檻」說到底隻是給出了響應時間的上限|||078彩票平台登录,400ms 的響應時間或許在多爾蒂那個時代確實能夠大幅提升操作員的操作效率從而產出更大的經濟效益(比如銀行係統)-_-盈彩网app下载安装,但是現在互聯網已經越發成熟-_|网络红人莫小晓,不少公司的用戶體驗研究者都已經意識到_|如东实验小学万红,係統響應時間已然不是影響用戶響應時間的唯一因素了__金堆城吧,另一個因素是過渡動畫的持續時間-|老股民博客。

就像穀歌在 Material Design 中明確規定了過渡動畫的 Speed 這一項|金恩圣的姐姐,這是為什麼呢_-诺森德草药有哪些?用戶體驗是一門關於情感和邏輯的學問_-雪豹雳剑,而不僅僅是一個統計數字就能解釋的-|葫芦岛一高中家长汇,讓程序對某一操作的反饋時間(包括響應+動畫)符合用戶對該操作的預期才是讓用戶「上癮」的關鍵|-湖南基础教育网。

應用案例 2__n81软件下载:iOS 中的動畫

所以_--里番a c g,哪怕我們的手機_-|易彩彩票、電腦已經可以做到在 100ms 之內做出響應-|陈礼斌,快到完全有能力在用戶反應不過來的情況下給出反饋和結果-_|35彩票APP,但是這樣是不夠的|-_武汉文具批发市场,我們依然需要「合適時長的」動畫作為計算機反饋和大腦反應之間的潤滑劑--_奥特曼最新电影,而不至於讓程序使用起來太「幹澀」||2000彩注册,也不至於讓大腦一直處於應激反應的階段而感到疲勞-||易赢彩票。

3. 有時不可避免高延遲

在真實世界中我們使用應用時會發現--_满座网临平,有時候響應速度沒辦法做到如此迅捷快速|__兰州房价,比如 APP 啟動時_-|众博娱乐平台官网注册;還有時候即便係統可以響應__-娱乐天地点检app安全吗,網絡卻不行--九阴真经监狱。網絡並不能在用戶操作的一瞬間就把所有需要的資源都下載好--|132彩票苹果手机版,用戶必須等待幾秒的時間|_娱乐天地彩票,那麼這時候就需要考慮如何減少用戶等待的焦灼感_|雅虎宝贝鱼,優化等待的體驗-才子骂小花2。

比如有趣的加載動畫-_艾尔之光狂心武者、閃屏頁等__错爱徐帆,都算是解決辦法-_2个月网赌输了40多万。

應用案例 3|--3218彩城视频:Netflix 的啟動動畫以及新草的加載動畫

注意事項

動畫的持續時間應當在適當的區間中取到最短-雅格奴,而不能太突然或太緩慢_|-找一个身份证号码。

反麵案例 1__-淘宝怎么卖东西:過快或過慢的動畫

在現實的上線 APP 中__-野兽与乡巴佬下载,也會有故意把動畫做得很慢的例子_苏木科,這比較影響操作的流暢性|众盈商城怎么样。

反麵案例 2-|台湾身份证生成器:Eggzy

左右滑動的時候動畫效果在實際體驗中非常慢--二手军用吉普车,對於想要進行連續滑動操作的用戶(即便這樣的使用場景不多)|-11086移动彩票网站,已經慢得無法忍受-|问剑升阶数据,有一種「不跟手」的感覺__09qq,這麼慢的動畫已經很輕易就能讓用戶感受到自己在等它了我们结婚了 中国。

仔細瀏覽 Material Design 中給出的案例便可以發現||-六爻预测彩票,動畫的持續時間大致可以參照以下幾條規律去嚐試--远博娱乐彩票:

  • 動畫元素越小|7369电影下载、動畫幅度越小|--qq2009官方下载正式版,持續時間就越短_||洛克王国潘多许愿蛋。
  • 複雜的動畫比簡單的動畫持續時間更長-_-海东人事局。
  • 一個頁麵出現的動畫總是比消失的稍稍長一點(相差大致50ms)||品箫。

總結







分享到--|沪指走势图: 新浪微博 騰訊微博 微信 微信 更多

Powered by emlog 京ICP備12006971號-1 sitemap