马其他幸运飞艇

讓設計更有說服力的20條經典原則:多爾蒂門檻

來源:中國設計在線    時間:2019-04-25    站內收藏

簡介說明

1. 原理表述

马其他幸运飞艇XITONGXUYAOZAI 400ms NEIDUISHIYONGZHEDECAOZUOZUOCHUXIANGYING,ZHEYANGCAINENGGOURANGSHIYONGZHEBAOCHIZHUANZHU,BINGTIGAOSHENGCHANXIAOLV。

2. 實驗背景

上世紀 70 年代后期,計算機研究人員依然認為計算機可以花費兩秒的時間對使用者的操作做出反饋,因為他們認為人們大概正好需要兩秒時間來決定下一步的操作,所以 2s(2000ms)一度成為了當年計算機響應時間的標準值。直到 1979 年計算機的算力開始大幅提升,也有了足夠的能力在 2000ms 內做出響應,這時 IBM 的研究員 Walter Doherty马其他幸运飞艇 進行了一系列研究來評估算力的增長對生產力的影響。

马其他幸运飞艇YANJIUJIEGUOBIAOMING,JISUANJIDEXIANGYINGSUDUZHIJIEYINGXIANGLESHIYONGZHEZUOCHUXIAYIGEJUEDINGSUOYAOHUAFEIDESHIJIAN(ZHEGESHIJIANBEICHENGWEIYONGHUXIANGYINGSHIJIAN),HUANJUHUASHUO,JISUANJIXIANGYINGDESHIJIANYUECHANG,YONGHUJIUYAOHUAFEIYUEDUODESHIJIANLAISIKAOHEJUEDINGXIAYIBUDECAOZUO。

马其他幸运飞艇SHANGMIANZHEZHANGBIAOGECHONGFENSHUOMINGLEZHEYIGUANDIAN,HENGZONGZUOBIAOFENBIEWEIYONGHUXIANGYINGSHIJIANHEXITONGXIANGYINGSHIJIAN,WOMENKEYIKANDAOXITONGXIANGYINGSHIJIANRUGUOCONGZHIQIANDE 2000ms JIANGDIDAO 300ms ,SHIYONGZHEZUOCHUXIAYIBUZHILINGSUOXUYAODESHIJIANJIUNENGGOUSUODUAN 5s YISHANG。Doherty RENWEIRENMENHUIJIANGGONGZUOXUYAODEYIXILIECAOZUOBUZOUCUNCHUZAIDUANSHIJIYIZHINEI,RUGUOXITONGXIANGYINGSHIJIANTAICHANG,JIUHUIDADUANRENMENDEDUANSHIJIYI,HUANJUHUASHUO,SILUDOUBULIANGUANLE。

BUJINRUCI,Doherty HUANRENWEIXIANGYINGSUDUDIYU 400ms DEXITONGHUOZHECHENGXU,HUIRANGRENSHANGYIN。FANGZAIDANGXIADEHUANJINGLAIKAN,ZHEDANGRANZHISHIYIJUBIJIAOKUAZHANGDEHUA,DANSHIJIELUNSHIXUYAOWOMENZHONGSHIDE,CHENGXUDEXIANGYINGSHIJIAN,WUBIZAI 400ms ZHINEI。

設計案例

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

马其他幸运飞艇YAOSHUO「DUOERDIMENJIAN」DAIGEIWOMENDEQISHI,SHANGYIJIEZUIHOUYIJUYIJINGBIAODADEZUGOUQINGCHU:XITONGHUOCHENGXUDEXIANGYINGSHIJIANXIAOYU 400ms 。WEILERANGDUZHEYOUGENGJIAZHIGUANDEGANSHOU,WOMENXIANLAIYIZUXIAODONGHUAGANSHOUYIXIAGAOXIANGYINGYANCHIYOUDUORANGRENZHUAKUANG,KUAISUXIANGYINGYOUDUOMERANGRENSHUFU:

應用案例 1:模擬延遲效果

马其他幸运飞艇ZHU:QINGWUBIAIGEGUANCHA,BUYAOKANZHENGTI,KANDANGEDEXIAOGUO。

CONGDONGHUAZHONGKEYIGANSHOUDAO,50ms、200ms HUANSUANKEYIRANGRENJIESHOU,DANGXIANGYINGSHIJIANDADAO 600ms SHIYIJINGRANGRENYOUXIEBUNAIFAN,ERDADAO 1000ms SHIHUIRANGRENBUZIJUEDUODIANJIXIA,2000ms SHIWOSHOUJIYIJINGBEIWOZALE。

2. 另一個因素不能忽視

ZAIRUJINDEJISUANJISUANLIZHIXIA,XIANGYINGSHIJIANQINGQINGSONGSONGBIANNENGGOUDADAODUOERDIMENJIANDEYUZHI,SHENZHINENGGOUYUANBI 400ms GENGXIAO,DANSHIZHEJIUGOULEMA?「DUOERDIMENJIAN」SHUODAODIZHISHIGEICHULEXIANGYINGSHIJIANDESHANGXIAN,400ms DEXIANGYINGSHIJIANHUOXUZAIDUOERDINEIGESHIDAIQUESHINENGGOUDAFUTISHENGCAOZUOYUANDECAOZUOXIAOLVCONGERCHANCHUGENGDADEJINGJIXIAOYI(BIRUYINXINGXITONG),DANSHIXIANZAIHULIANWANGYIJINGYUEFACHENGSHU,BUSHAOGONGSIDEYONGHUTIYANYANJIUZHEDOUYIJINGYISHIDAO,XITONGXIANGYINGSHIJIANYIRANBUSHIYINGXIANGYONGHUXIANGYINGSHIJIANDEWEIYIYINSULE,LINGYIGEYINSUSHIGUODUDONGHUADECHIXUSHIJIAN。

JIUXIANGGUGEZAI Material Design ZHONGMINGQUEGUIDINGLEGUODUDONGHUADE Speed ZHEYIXIANG,ZHESHIWEISHENMENI?YONGHUTIYANSHIYIMENGUANYUQINGGANHELUOJIDEXUEWEN,ERBUJINJINSHIYIGETONGJISHUZIJIUNENGJIESHIDE,RANGCHENGXUDUIMOUYICAOZUODEFANKUISHIJIAN(BAOKUOXIANGYING+DONGHUA)FUHEYONGHUDUIGAICAOZUODEYUQICAISHIRANGYONGHU「SHANGYIN」DEGUANJIAN。

應用案例 2:iOS 中的動畫

马其他幸运飞艇SUOYI,NAPAWOMENDESHOUJI、DIANNAOYIJINGKEYIZUODAOZAI 100ms ZHINEIZUOCHUXIANGYING,KUAIDAOWANQUANYOUNENGLIZAIYONGHUFANYINGBUGUOLAIDEQINGKUANGXIAGEICHUFANKUIHEJIEGUO,DANSHIZHEYANGSHIBUGOUDE,WOMENYIRANXUYAO「HESHISHICHANGDE」DONGHUAZUOWEIJISUANJIFANKUIHEDANAOFANYINGZHIJIANDERUNHUAJI,ERBUZHIYURANGCHENGXUSHIYONGQILAITAI「GANSE」,YEBUZHIYURANGDANAOYIZHICHUYUYINGJIFANYINGDEJIEDUANERGANDAOPILAO。

3. 有時不可避免高延遲

马其他幸运飞艇ZAIZHENSHISHIJIEZHONGWOMENSHIYONGYINGYONGSHIHUIFAXIAN,YOUSHIHOUXIANGYINGSUDUMEIBANFAZUODAORUCIXUNJIEKUAISU,BIRU APP QIDONGSHI;HUANYOUSHIHOUJIBIANXITONGKEYIXIANGYING,WANGLUOQUEBUXING。WANGLUOBINGBUNENGZAIYONGHUCAOZUODEYISHUNJIANJIUBASUOYOUXUYAODEZIYUANDOUXIAZAIHAO,YONGHUBIXUDENGDAIJIMIAODESHIJIAN,NEIMEZHESHIHOUJIUXUYAOKAOLVRUHEJIANSHAOYONGHUDENGDAIDEJIAOZHUOGAN,YOUHUADENGDAIDETIYAN。

BIRUYOUQUDEJIAZAIDONGHUA、SHANPINGYEDENG,DOUSUANSHIJIEJUEBANFA。

應用案例 3:Netflix 的啟動動畫以及新草的加載動畫

注意事項

马其他幸运飞艇DONGHUADECHIXUSHIJIANYINGDANGZAISHIDANGDEQUJIANZHONGQUDAOZUIDUAN,ERBUNENGTAITURANHUOTAIHUANMAN。

反面案例 1:過快或過慢的動畫

ZAIXIANSHIDESHANGXIAN APP ZHONG,YEHUIYOUGUYIBADONGHUAZUODEHENMANDELIZI,ZHEBIJIAOYINGXIANGCAOZUODELIUCHANGXING。

反面案例 2:Eggzy

马其他幸运飞艇ZUOYOUHUADONGDESHIHOUDONGHUAXIAOGUOZAISHIJITIYANZHONGFEICHANGMAN,DUIYUXIANGYAOJINXINGLIANXUHUADONGCAOZUODEYONGHU(JIBIANZHEYANGDESHIYONGCHANGJINGBUDUO),YIJINGMANDEWUFARENSHOU,YOUYIZHONG「BUGENSHOU」DEGANJUE,ZHEMEMANDEDONGHUAYIJINGHENQINGYIJIUNENGRANGYONGHUGANSHOUDAOZIJIZAIDENGTALE。

ZIXILIULAN Material Design ZHONGGEICHUDEANLIBIANKEYIFAXIAN,DONGHUADECHIXUSHIJIANDAZHIKEYICANZHAOYIXIAJITIAOGUILVQUCHANGSHI:

  • DONGHUAYUANSUYUEXIAO、DONGHUAFUDUYUEXIAO,CHIXUSHIJIANJIUYUEDUAN。

  • 马其他幸运飞艇FUZADEDONGHUABIJIANDANDEDONGHUACHIXUSHIJIANGENGCHANG。

  • YIGEYEMIANCHUXIANDEDONGHUAZONGSHIBIXIAOSHIDESHAOSHAOCHANGYIDIAN(XIANGCHADAZHI50ms)。

總結

  • HELIDECAOZUOXIANGYINGSHICHANG、FANGSHIYOUZHUYUYONGHUBAOCHIZHUANZHUHETIGAOXIAOLV

  • RUANJIANCAOZUODEGUODUDONGHUASHIJIANBUYITAIDUANHUOTAICHANG,ZUICHANGJIANYU 400ms ZUOJIN

  • RUGUOWUFABIMIANCAOZUOZHONGJIAOCHANGDUQU、DENGDAISHIJIAN,NEIMEJIUYONGQITAGENGYOUQUDEDONGHUA、YEMIANLAIJIANSHAOYONGHUDEJIAOLVGAN

參考資料
◦Walter J. Doherty, Ahrvind J. Thadani. (1982). The Economic Value of Rapid Response Time.
◦Jason CK. (2018). UX 設計法則 01. Doherty Threshold. online Available at Medium (29/01/2017)
◦Vasu C. (2017). Is there a real connection between Doherty threshold and addictive UX?. online Available at Qoura(07/07/2017)
◦Material Design – Motion – Speed. Online available at http://material.io/design/motion/speed.html#

HUANYINGGUANZHUZUOZHEDEWEIXINGONGZHONGHAO:「CHAORENDEDIANHUATING」


本文來源:中國設計在線

上一篇:返回列表
關鍵詞: 設計 
編輯:超人的電話亭
相關閱讀
    正在加載...