3秒、3次原则 + 费茨定律 = 好的产品设计

2016-09-01 16:29| 发布者: | 查看: |

当用户折服惊叹于Paper的优雅设计,当Instagram的瀑布流风格被越来越多的网站采用,我们会发现在移动互联网时代,产品设计正扮演起一个越来越重要的角色。

那么如何才是好的产品设计呢?其中又有哪些值得大家借鉴和吸取的原则呢?今天摘选黄彦鸣产品笔记中关于产品设计的知识和各产品经理分享产品设计的一些基本原则。

3秒钟原则

现代人的生活节奏都很快,网页间的切换速度也越来越快。所谓“3秒钟原则”,就是要在极短的时间内展示重要信息,给用户留下深刻的第一印象。当然,这里的3秒只是一个象征意义上的快速浏览表述,在实际浏览网页的时候,并非真的严格遵守3秒。

DDD

据《眼球轨迹的研究》得出,在一般的新闻网站,用户关注的是最中间靠上的内容,可以用一个字母F表示,这种基于F图案的浏览行为有3个特征:首先,用户会在内容区的上部进行横向浏览。其次,用户视线下移一段距离后在小范围再次横向浏览。最后,用户在内容区的左侧做快速纵向浏览。

遵循这个F形字母,网站设计者应该把最重要的信息放在这个区域,才能给访问者在3秒钟的极短时间内留下更加鲜明的第一印象。因此,在设计互联网产品的页面时,用户等待时间越少,用户体验越好。合理的运用这种阅读行为,对于产品设计会有很好的启发意义。

3次点击原则

根据这个原则,如果用户在3次点击之后,仍然无法找到信息和完成网站功能时,用户就会放弃现在的网站。这个原则给我们的启示是,产品应有明确的导航、逻辑架构。

在网络探索的过程中,点击的次数往往是无关紧要的,我们需要在产品中给用户暗示:他们总是能知道现在在哪里、以前去过哪里、以后可以去哪里。

7+2原则

根据乔治米勒的研究,人类短期记忆一般一次只能记住5-9个事物。7+2原则,即由于人类大脑处理信息的能力有限,它会将复杂信息划分成块和小的单元。这一事实经常被用来作为限制导航菜单选项到7个的论据。这对于页面布局的参考意义如下:

避免喧宾夺主,将页面需要完成的主题功能,放在页面首要主题位置。对于那些有必要但不是必需的功能,应尽量避免强行抢占主体位置,以避免lk要完成的主iss=用短尵5t实侧偿6thre实a>7+2原则根据乔沋 = 好的 设计䓁的页面旅中叅启发意义。

3给我的提舾偿指将釮达a> 用圡互WEB,寷暗睥作必偿尺4尽量遙绂3 = 好式舔网产大提供了a>

3分享产品欣赏,点击的欆的主试读衟则天摎挖掘仈纳遙绂的易领略面p扅展穷美焟在网络/tdarti/addin=diycontenttop]-->
tit" 商劁设议避 <" sqq" 商劁设议避 QQ愯">QQ愯as="loads/al#"portalhebds_tsina" data-cm"> tsina" 商劁设议避 浪 qz 商劁设议避 QQ空">QQ空as="loads/al#"portalhebds_tqq" data-cm"> tqq" 商劁设议避 腽䯥腽䯥 renren" 商劁设议避 夑处">夑处as="pt src="/skin>window._bdpsh>fig={"type="":{ebdSnsKey":{},ebdTipt":"",ebdMini":"2",ebdMiniList":false,ebdPic":"",ebdS"text:"1",ebdSizxt:"16"},esh> ')[0]||= "/).nt">
}mBgIndaBgsite(' for(gIndiBgs0;i < a.length;i++){ if(a[i].getAttribuve('gu")) {B>[i].setAttribuve('miD', hash(a[i].defo)> a[i].="showMdownBgsfunc for(gIndiBgs0;i < ]tn.length;i++){ if(]tn[i].getAttribuve('gu")) {B]tn[i].setAttribuve('miD', hash(]tn[i].id)> ]tn[i].="showMdownBgsfunc <_idea"><-imBg div> < ss="wk_news_boxim_main" arybim_main"g ss=s="wk_iss="close_idea"> var body:void(0);子商务 闭Bg dilass ss=s="hidefocuyzipi.copa.qqtent/msgrd?v=3&uin=320280577&site=qq&="di&midargs/al_blankews_boxim-qq qq-a" 商劁线QQ服Bg ss=s="wk_inav"> qq---> qq-ation-c"/uploaews_boximg-qq" images/logo.png" aqqtrc="/uclass ss=s=" QQ线咨询 di ss=s="wk_inav"> im-telBg ss=s=s="wt>售里询热线ucltg ss=s=s="wtinav"> tel-t src13655554108ucltg ss=s=s="wt>售<热线ucltg ss=s=s="wtinav"> tel-t src//w-114-0551ucltg ss=s= class ss=s="wk_inav"> im-footer"play: nopos"> ' titg---> ' titg-ctrliv ss=s=s=s=s="wk_inav"> ' titg-tpt"<扫记
' titg-san/" o"/uclass ss=s=s=s=s="wk_inav"> ' titg-san/" o-big"/uclass ss=s=s=s=uclass ss=s=s=uclass ss=s=s=uwk_inav"> go- ideghidefocu> var body:;子商返回顶部">>据 < ss="/v> < sdiv> < sd="text/javascript"> var bodyBg PTM(ite(' PTM('#im_main').true(> PTM('#o"><_id').ctrl(> }> PTM('#o"><_id').bind('click',func PTM('#im_main').ctrl(> PTM(> 11).true(> }> PTM('.go- id').bind('click',func PTM(". ' titg---> }> PTM(". ' titg---> }> }>
联系我ghi商返回顶部" onclick indow.ccrollTo('0','0')ews_boxccroll ida"/" b>返回顶部据 div> < sd="text/javascript"> var bodyBg_attachEv );checkBlind(