深挖用户体验:如何评价用户体验的好与坏

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

用户体验的目标是,做到“自然”。

所谓的用户体验,其实就是让用户”习惯”, Don’t make user think. 这个是终极目标啦,随着产品的不断的改善,用户体验也在随之变化。但是,如果你在做一款产品,所谓的标准,终极检验方法,还是用户,以及用户对于产品的反馈。 对于互联网产品的设计,有一些标准的用户习惯,可以作为所谓量化的标准。
用户界面设计的三大原则是:
置界面于用户的控制之下;
减少用户的记忆负担;
保持界面的一致性。

用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计也称概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。视觉设计包括色彩、字体、页面设计等。视觉设计要达到用户愉悦使用的目的。

9341f37942942061d31827c1263e9686_b

通过“指标”就是我们用来衡量用户体验的标准,将标准分为三个等级,分别占0分、1分、2分,每个标准都有它的评分标准,当用户反馈的问题完全符合这个标准时,就占0;如问题不符合标准,就占2分;如问题不严重,只是还不够完善,就占1分;最后拿问题去套这里的标准,得出来的总分就是我们要评定改版的指标了。

总分越高,说明该条的用户体验越差,最后我们将得出的总分来判断问题的用户体验值:总分在0 – 5 分且单个标准在2分以下的(标示用户体验为良好);总分在5 – 10分且单个标准在2分以下的(标示用户体验为较差);总分在十分以上或有2个2分以上的标准的(标示用户体验为很差)。

结构设计

  • 有足够的空间让用户看到主要的内容,要适合多数浏览器浏览(以15、17寸、19寸显示器为主)

0:足够看到主要内容

1:只看到2/3看到

2:小于1/3的内容

  • 尽量避免使用结构复杂的表格,表格嵌套不要超过3层;

0:小于等于2层

1:三到四层

2:五层或五层以上

  • 页面长度原则上不超过3屏,宽度不超过1屏幕。(以1024X768为准)

0:长小于3屏,宽小于1屏

1:长超出3屏或宽超出1屏

2:长超出3屏,宽超1屏

  • 页面避免使用iframe,如果必须使用,采用对应的优化方式。(优化是指:对浏览器是否支持框架进行判断以及iframe宽高度自适应页面)

0: 无iframe

1:有1-2个iframe,且无优化

2:多于2个iframe,且无优化

  • 页面布局要重点突出,图文并茂;做数据统计,将目标客户最感兴趣的放置在最重要最显著的位置(一般为页面的头部和左上角)

0:重点突出,图文并茂,且在最重要的位置放的是用户最感兴趣的

1:重点不突出或没有图文并茂

2:重点不突出且没有图文并茂

交互设计

  • 表单的填写流程要清晰、简洁,必填的项要放在页面的显著位置(主体页面的头部,),非必填项不能影响用户填写的效率。

0:必填项位置显著,非必填项没有影响用户填写的效率

1: 必填项位置不显著或非必填项影响了用户填写的效率

2: 必填项和非必填项混在一起,影响了用户填写的效率

  • 表单的填写尽量多采用既有选择也有输入的方式,需填写部分需注明内容的实例,并对字段作出限制。

0: 既有选择也有输入的方式,并有注明实例

1: 没有选择性输入或没有注明填写的实例

2: 没有选择性输入且没有注明填写的实例

  • 对于交互性的按钮必须清晰突出,以确保用户可以清楚地点击。

0: 调查10人(8人或以上的人很快就能点击到按钮)

1: 调查10人(只一半的人很快就能点击到按钮)

2: 调查10人(6人或以上的人在短时间找不到要点击的按钮)

  • 点击:浏览过的信息需要显示为不同的状态,以区分于未阅读内容,避免重复阅读。

0: 有不同的状态显示

1: 只有部分有不同的状态显示

2: 没有状态显示

  • 尽量减少新开的窗口,以避免开过多的无效窗口:打开的IE新窗口不超过2层;打开的IE / DIV / alert 新窗口总不超过三个,避免在DIV窗口再打开DIV窗口。

0: IE窗口<=2 IE+DIV+ALERT 新窗口 <=3,DIV窗口没有再打开DIV窗口

1:IE窗口>=2或 IE+DIV+ALERT 新窗口 >=3或DIV窗口没有再打开DIV窗口

2: IE窗口>=2 IE+DIV+ALERT 新窗口 >=3,DIV窗口有再打开DIV窗口

  • 涉及到用户操作的东西,要有及时、清楚的错误、成功或信息提示;并要能保存上一步操作。

0:有及时清楚地提示,能保存上一步操作

1: 无提示或不能保存上一步操作

2: 无提示也不能保存上一步操作

  • 对于每一个点击进行友好提示,以增加浏览者的亲和度,对图片、图标、链接有TIP提示或在相应位置加“说明”、“注意”的文字信息。

0: 每一个点击进行友好提示

1: 有提示,但提示不友好 无友好的提示

  • 对用户输入性的操作,提供快速反馈;将光标定位到第一个要输入的表单对象上,给用户心理上的暗示,避免用户焦急。

0: 有快速的反馈,且有光标定位

1: 反馈不快速或无光标定位

2: 无快速反馈、无光标定位

<免用l.gif"> <目,可示,以增p>

nsp> ure="_55%8o敻内/ul>

0: 有快速(8人或以上的人很快就认化可于点分圚 调查10人(只一半的人很快就认化可于分圚 调0人(6人或以上的人在短时认化可于煷/>

  • 点击:/li> 简洁K速〆c.gi卬将ram,宽 <夭䅥皌厰ul>

    0: 有快速/li> 〆且m,宽> 〆且m42:五层戟/li> 〆且frame,42:五用户输显著位醒可体页面的头部,),非坢设反馺;并词">刄交序厰郇侔8亁炉0: 有快速不可p> <词">刄交序厰郚 有提示,但词">刄交序m可无提示也不词">刄交序li>对用户正常使甀愯 a>

    a><站、,考虑 北<栨户佇〽提示 p>0:必填项 1单2秒逗口〚 有提示3 -5秒逗口〠无提示5秒很志口li>对用户辋到主見;

    0:长小于310人性的户点p> <; <徥皌升、徥li>

    0: 有快速皆都朌卆都服使用评分前,般业 有提示,并茂前,般丝存知道名需供忠无提示乥性皘知道己程55%8存知道tr <调于每一个显示的须供忶、批准礥厰郇㈻审玁链除忡/p>>

    0:长小于310人批准礥厰郚 有提示-够不同的批准礠无提示乣:准礥厰郠无i>三i>表单的塀致飮\协(trstr〽惯", D为徥的。亅须strul>ual 将郾反换肤厰郇>

    0:长小于310人典a><性的8人或以,8-7应以作䜚 调查10人典a><性的8人或以,5 ke us1; 皦,以作䜚 调0人典a><性的8人或以,1-4,以作䜚 调于每三选择于li> 页隄

    0:长小于310人。 <目隥位p> (设件:10K很快尶、渌> ul>

    0: 有快速皊䎴部-(设位> 佚 有提示-䎴部8¤ (110K很忊位> 部 调柀及䎴部8¤ (10K很忊位> 部 调于每一标展甶、1 (恻友彚䌂' 洁,>

    0: 有快速皂' 洁'宻友彚 有提示-'〻洁Z1友彚 调柀及'〻洁'宏彚 调于每一栰笇用a,p> u忡 ty2分易懂链以55%8䎴部$。飮\盺徇定使甄复杂垀切皅须喻ul>10电评‗口亥接有一些尊,越差览仄复杂珌ul>㷥现都优㷥图彚ul>

    0: 有快速(8人或以上的人很快就认接朄复杩票/ul> <调查10人(只一半的人很快就认接朩票/ul> <调0人(6人或以上的人在短时认接朄复杻票/ul> <调于每一个l篇章滥及i郥15、17宽1.5出滥翻郺15为主)

  • 0:长小于310人宽1.5凨户郥15、 有提示\珺很志帪膴郥15、 有揀反馈膴郥15、现郚 有于每丗体〺人适ul>。亘上宽5的/ul;甄记红绿近似颜不甶似宇的点馈宸体〄实不析片〷可仄亲和度$亲和漉

      0: 有快速皼宽555%8仸佁显示优要绿 有提示,。亄8感绿薄。亄//p> 填写郺徥皌现郚位ram_免妈>填冥。视觗嶪

    0:重点突项和昍置:位<填冚 有提示,反>填冥ㆌ般主必 调柀反馈>填冚 有于每丷的记不漛0:必填项 佮算互⩮漛反馮算互⩮漛用网手互兴端宆上的头还出来的所谓时绀填滥又估 也称概応紕,迗125䚄目的/所谡优庂果佁5葇li> 扨户甄讗口P提礏严的愯所谡优庂果佔网亁输面讇iphant谡操卮〚佮己出来面讇p> 照嶘出杉一些尦诌越差头迥审佳

    <苹用UI诌豘出来55%8i> 徥出杏p> 照出杮颹庂椴还将 调本由皊皁经理 p://www.woshipm.eibo〗礥辑tp://image.woshi.comhu〽> 紕的实的
    9%a1s="sing="zoomu ="81enu="zoomv"po ="-actey-headeon-view"> utt-s"_/
    p://wwsmilime>2014/ime>2014/ime>20 igncenterbutt-sebutt-s-u-rpm.-itbutt-s-utogpostbutt-s-urent">s="iconfont icon-heart">收藏 10

    utt-s"_butt-sey-headebutt-stbutt-s-uprpm.-itbutt-s-upostlik_bl="zoom" classuss+k_bl="zoo9%a1s="sins="iconfont icbutt-s-gle sinadyCa藏 10 e !rosttougaass=title" hre !rosweiboblank">了解详://www.woshipm这relom/eibo 注册/&.woshipmpm.com/wp-files/2014/08/9341f37942942061d31827c1263e9686_b.gif" alt="9341fs="iconfont icon-heart">
    ass="iconfont icon-pinglun"> <"search-featu !rosqrc!k.5" src-action/image.woshiqr.lanntu注册/>

    用u读p> <" ime>2014/ime>201

    2014/ime>201ime>2014/ime>201ime> p=""ilime>2014/ime>2014/ime>20了解详action/image.woshipm.com/wp-files/2014/08/9341f3uoq2/lD065hrHjUUQwLZHUh6z180x藏> ime>2014/ime>201
    2014/ime
    2014/ime2014ef=顊="ico> ualer> 2class="post9%a1 pon_bly-heade pon_low pon_ss="singro#222n="htilime>2014="searp://www.woshipm.com" target="_/theme">2014/ime>2014/im=title" hrnt">快themes/Mammoth/js/html5.jsisc.csg"> lime>2014/ime>201
    2014/imeiv> "ilime>2014/ime>2014/imime>2014/ime>201>泴st路想

    ime>2014/ime>201iv>

    <"search" cl'hiddk reiptio'nt"> ' 'xt/k rel="ime>2014/ime>201<
    2014/ime"content--with">
  • 2014/ime"cont9%a1nt">2014/ime>201ime>2014/ime>201ime>"content--with"> lime>2014/ime>201ime>2014tp://image.woshi.comwoshinne "/u/_blank" class="wor="logo7942''//ima'e.woshiseu-pe.gr po e "/ po /?s=40&d=mm&r= re/ims hr'e.woshiseu-pe.gr po e "/ po /?s=80&d=mm&r= 2x'ly-head' po po -40 phato po -gle sinp:/xtBas='4xt/height'4xt/

    2014/ime>201ime>2014ime>2014/ime>201ime>"div class=iv> ime>2014/ime>201ime>"post-top-adnt"> lime>2014/ime>201ime>"content--with">2014/ime>2014/ime>201ime>ime>2014/ime>201ime>ime>2014/ime>201ime>"content--with"> ime>2014/ime>201ime>ime>2014/ime>201ime>ime>2014/ime>201ime>ime>2014/ime>201ime>ime>2014/ime"content--with"> header> ime>2014/ime>201iv> ime>2014/ime>201

  • 侔BA项am佐<2014/ime>201ime>2014/ime> lime>2014/ime>201ime>2014
    2014/imeime>2014/ime>201ime>ime>20142014/ime>201ime>2014/ime快抧品运/701872s="nav-r: #222 none !imp5" src: url(e.woshipm.com/wp-files/2017/05/4NhQFjuoq6/qHpIJ392DbvfHluCigGNm80x)bly-headeef=mn snail 5" src-alime>2014/ime>201ime>2014/imeime>

    2014/ime>201ime>2014/ime> lime>2014/ime>201ime>2014

    2014/imeime>2014/ime>201ime>
    2014
    201420142014/ime2014/ime>201 b lime>2014/ime>201ime>2014/ime>201ime>Fseanu="zoo9%a181en"iconfont icedia/li> utt-s"ime>2014/ime>201
    2014ime>2014/ime>201ime>2014/ime>201ime>2014快u/81en袸<> lime>2014/ime>201ime> lime>2014/ime>201ime>d-more u-cau -desrc=ait-sht美女PM爱生/p>爱<笑 ime>2014/ime>2012014/ime>2014/ime

    2014/ime>201ime>2014

    li> 2014/ime>201ime>

    2014ime>
    2014ime>ime>了解详ime>2014/imction/image.woshipm.com/wp-files/2014/08/9341f3uoq6/Q1CJICv8HZNeCr5FKBPNm80xu79429:ime>201> =lheadh3>章 hd-ul">
  • 2014x-line">

    post 快抧品运/69s="1s="nav-ank">了解详ction/image.woshipm.com/wp-files/2014/08/9341f3uoq6/fcI1GiWNdeJvTD5Ojdurm80x!hei 6p:/height95:/xtBas=65 藏> =lhead快抧品运/69s="1s="nav1注接性皯0-3岥。/ul徥上功需笔漗> = hpost-top-ad post class=tiank" class="wordckf="e.woshi.com/news">快u/2gif38-am = head p>0ime>2014/imex-line">

    post 快rpl">84nns="nav-ank">了解详ction/image.woshipm.com/wp-files/2014/08/9341f3uoq6/Z0luKU5xUv2hoB6ALxP9m80x!hei 6p:/height95:/xtBas=65 藏> =lhead快rpl">84nns="nav计<注 档-台/篇<> = hpost-top-ad post class=tiank" class="wordckf="e.woshi.com/news">快u/176 d="Joe = head p>0ime>2014/imex-line">

    post 快rpl">6450s="nav-ank">了解详ction/image.woshipm.com/wp-files/2014/08/9341f3uoq6/PHHpM8avFetfddiymxefm80x!hei 6p:/height95:/xtBas=65 藏> =lhead快rpl">6450s="nav>提正增宆件现都的表iv > = hpost-top-ad post class=tiank" class="wordckf="e.woshi.com/news">快u/91183户子ref="htt head p>0ime>2014/imex-line">

    post 快抧品运/678008s="nav-ank">了解详ction/image.woshipm.com/wp-files/2014/08/9341f3uoq6/EzWhbaU8pSPOM273qzUBm80x!hei 6p:/height95:/xtBas=65 藏> =lhead快抧品运/678008s="nav>前体架iv > = hpost-top-ad post class=tiank" class="wordckf="e.woshi.com/news">快u/14230"htjanem/"ng = head p>0ime>2014/imex-line">

    post 快抧品运/696 s="nav-ank">了解详ction/image.woshipm.com/wp-files/2014/08/9341f3uoq6/9kcHLZ0VfRWUOKZNjJeK180x!hei 6p:/height95:/xtBas=65 藏> =lhead快抧品运/696 s="navE嚌ul页> <又皥性皯0-3岥。/v > = hpost-top-ad post class=tiank" class="wordckf="e.woshi.com/news">快u/2gif38-am = head p>0ime>小v >s="m =ts="mt9%a1hat_qunt-" ts-enu-item mhei /hei _hat_qunt-" tsss=earch-overhei ="httpih3>h3>户 hd-ul">

  • qunt-" t l="zoo9%a139800n"iconfont icnu- =tiank" class="wordckf="e.woshi.com/">问答【a t徨】136五己1巧u諱能<上 = s="x-line">

    qunt-" t l="zoo9%a13979t="_"iconfont icnu- p>问答方计逗赀,采30%ul苹甆欽拔毛愯架佐又敻/55iv > = s="x-line">

    qunt-" t l="zoo9%a13965_"iconfont icnu-3 p>问答1刕车押a hul该提卆利55iv > = s="x-line">

    qunt-" t l="zoo9%a13957t="_"iconfont icnu-4 p>问答从产哓 = s="x-line">

    qunt-" t l="zoo9%a13957d="_"iconfont icnu-5 p>问答【a t徨】134亟提协票/ = s="x-line">

    qunt-" t l="zoo9%a139263="_"iconfont icnu-6

    问答p> <皁驶普操A还分ramg><早普擥应户完车类还诌u车/p>iv > = s="x-line">

    qunt-" t l="zoo9%a13924d="_"iconfont icnu-7 p>问答t路要伸党怎么䷥客it跄愯应网嬥客iv > = s="x-line">

    qunt-" t l="zoo9%a139043="_"iconfont icnu-8 p>问答想am产哓技ul读研ora> = s="x-line">

    qunt-" t l="zoo9%a139028-a_"iconfont icnu-9 p>问答脑r香烚意徥社嚋兺t跄愯认iv > = s="x-line">

    qunt-" t l="zoo9%a138038-a_"iconfont icnu- etiank" class="wordckf="e.woshi.com/">问答馄操作2拼音写操作屄額剩8i>音操但t2/3生t么iv > = s="x小v >s="m ime>2014/imexdiv cl= headime>2014xdiv cl=fon stry-heades -fon stb lime>hpost-top-adthBoannstr> b lime>2014/imed-more u-c-a_tion/imag//pm.com/wp-files/20isc.csg">2014xtitle" hra-fow">m.--r2ingckf="e.woshizom/reg/index.h5yn>s?FS=PM&REDIn注掄定v > ime>2014/ime 投稿知v > ime>2014/imem.--r2ingckf="e.woshiwcom/">问答 ime>2014

  • <佮〡伀塌服/m产哓技ul<公<号woshinnp此u稰点t办置全座ss=余䌭+1年/p>錌影融 ime>2014/ime
  • 2014/ime>201lime>2014/ime>201ime>2014/ime>201ime>ime>2014/ime>201 p>0ime>2014/imeime>2014/ime>201ime>2014/ime>201ime>ime>2014/ime>201ime>
    ime>2014x"iconfont ic n-view">2014/ime>201 p>0ime>2014/imeime>2014/ime>201ime>2014/ime>201ime>ime>2014/ime>201 p>0ime>2014/imeime>2014/ime>201ime> ime>2014/imeime>< p>0ime>2014ime>< gif"ime>2014ime>2014 head"ime> head"ime> post-top-adu-ediaAsizeCfull wcyrtBasb CyrtBas © s=10-QFju WOSHIPM.COM -䚊皁经理 -=tickf="e.woshi.commiibeann.gov.cn/ht粤ICP备> = head: n st0:head"ime>快\/. mio\/ mio-ajaxe 快\/__ hr\/",1nesig":"1da519d588",1home_url":"e.wos\/\/.com/news">快",1is_u这_logged_in":"",1is_spanulo ":"1",1is_home":"",1id":"s="sin,"token":ne-9,"sec c":ne-9}; /* ]]> */ =ipcripticriptstatu='edia/;" class="'//ima'//pm.com/wp-files/20isc.csjs/="_m8s?ver=2.0.0's=ipcripticriptstatu='edia/;" class="'//ima'e.woshi.com/news">快themes/Mammoth/js/html5.jsisc.csjs/misym8s?ver=2.0.0's=ipcripticriptstatu='edia/;" class="'//ima'e.woshi.com/news">快theisiludes/js/ ">