这其实是一篇技术出身的产品经理所写的关于用户体验的深刻忏悔书

文章目录[隐藏]

十大交互原则实用总结

如果当初没有进入产品经理的队列,笔者说不定也是互联网程序猿中的一员。做技术出身的产品经理有好也有不好,好是因为一般有一个idea或者是新的需求,在没有用到特别尖端、特别前卫、特别超出自己理解范围之内的技术之外,基本想一下就知道大概要怎么做,需要做哪些地方的改动,大概要花多长时间。不好的地方也是,因为太清楚技术实现,所以容易有种想把所有的中间过程都让用户知道的强烈曝光欲。这种感觉,真的只有做过技术又做过产品的人才能理解。偏技术的产品经理做出来的产品体验和偏用户的产品经理做出来的产品体验,大家可以自行脑补Windows和Apple,大概就是那种感觉~~

笔者在认认真真做过用户端产品的5个月之后,终于恍然大悟要如何去衡量产品的体验。以下为笔者结合尼尔森十大交互原则和实际工作中的一些情况,总结出来的一份自查清单。以期在每次做完产品需求或者进行产品验收的时候,都按照如下的规则老老实实检查一遍,保证用户体验。这些经验是总结给有技术背景,但是不太重视用户体验的产品经理(比如我)的一些警告和警示,对于初入行或者想入行的产品小白,也具有一定的参考意义。

尼尔森十大交互原则上场~~

原则一 状态可感知

1. 菜单tab记录是否明显?

菜单Tab可以让用户知道自己当前在哪个位置,否则他们就会在我们的产品里迷路。

2. 标题栏是否明确?

文章的标题是一篇文章的招牌,而标题栏就是一个页面的招牌,一个页面如果连标题栏都没有,或者标题栏和内容不符,那用户体验也是极差的。

3. 数据加载是否有进度提醒?

很多时候,用户不是不愿意等待,只是等待的时间过长,用户也不知道还有多久,索性就把应用给关了,如果加上一个进度提示,让他知道页面加载和跳转大概还有多久,他就会更加耐心。这和我们早上赶路去上班愿意坐地铁二不愿意坐公交是一样的道理。因为公交车的到达时间是不确定的,而地铁一定会在说好的点到站,这样一比,地铁的用户体验就比公交车的用户体验好多了。所以,进度条是很有必要滴~

原则二 贴近用户认知

1. 所有的图标或者术语是否都在用户的理解范围内?

比如表达性别的图标:

1936101L9-0

1936106164-1

这两个图标分别是什么意思?你真的清楚吗?如果你不清楚,为什么要把问题留给用户呢?如果你清楚,你确保大部分的用户都清楚吗?

2. 有没有容易产生歧义的图标?

举个活生生的例子,这是我们某个功能早期的图标:

1936105153-2

选中之后是这样的:

1936102226-3

(源文件已经找不到了,我是凭着记忆和拙劣的PS技能搞出来的~反正大概就是这个意思~)

回头看时,我的心情是狰狞的:

这其实是一篇技术出身的产品经理所写的关于用户体验的深刻忏悔书

大概你也已经明白,这样的图标变化,真的是没什么卵用…

3. 除了图标之外,所有的文字,用户是不是都能读懂?有没有技术性语言是贴近技术而不是贴近用户的?

原则三 操作可控

1. 是否支持撤销或者重做?

原则四 一致性

1. 同一个含义的功能是否是同一个称呼或者同一个图标?

会不会有时候返回按钮是这样的:

1936101P5-5

有的时候又是这样的:

19361014a-6

2. 返回和前进按钮的位置是否都保持不变?有没有出现有的页面有而有的页面没有的情况?

顺便吐个槽,现在火得不得了的《王者荣耀》,一般情况情况下返回是在左上角的,闯关模式每闯完一关,返回是在中间的,我真的不相信闯关模式是外包出去的!!

原则五 防错

1. 在容易犯错的重要操作是否有二次确认?比如取消订单,比如删除记录等等。

2. 在做出删除等不可恢复的操作之前,有没有文字提示?

原则六 再认好过回忆

1. 已填写的内容,是否在最终确认时向用户展示以示确认?

2. 已选择的商品和数量在最终下单前有没有和用户再次确认过?

原则七 灵活高效

1. 加载速度够不够快?

2. 用起来是不是能快速上手?

3. 功能有没有过于复杂不好理解?

4. 所有能点击的地方,指向性是否明确?有没有让用户迟疑的点击事件?

5. 最重要的是,你的中级用户都明白如何使用吗?

原则八 易扫

1. 重要的功能/内容是否突出?

2. 版面划分是否清楚?

3. 不重要的功能是否隐藏或转移或弱化?

原则九 容错

1. 如果出现了错误,是否有人性化的提示告诉用户应该去哪儿而不是只有404?

2. 会不会出现异常操作导致应用崩溃的情况发生?

原则十 人性化帮助

1. 简单的功能是否不需要文档就能看懂?

2. 陌生的功能是否有新手引导?

3. 困难的共是否有帮助中心?

4. 复杂的问是否有帮助文档?

5. 客服电话贴上了吗?

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/11204/

(0)
iouedioued
上一篇 2015-11-30
下一篇 2015-11-30

相关推荐

  • 干货时间|交互设计线上讲座内容回顾总结

    学艺术的大表姐带你走上艺术留学的不归路Hello~Everybody~上礼拜元宵节的结束宣告着新的一年的真的要开始了!这下我们也再没有借口偷懒了小伙伴们要用新的节奏开始奋斗啦~2018,告别懒惰,发愤图强吧!!最怕的就是:“比你优秀的人还比你努力!”当然为了给大家缓冲的时间大表姐特意送上年前的交互设计分享讲座的干货回顾总结对交互设计感兴趣的同学,可千万不能错过接下来的内容了~并且还能拓宽自己的艺术设计领域想了解更多关于英美交互院校、专业...

    2018-03-09
  • 交互译文—清晰度,可读性和可理解性:让用户阅读你的文章

    所谓成本是指:阅读你的文字所带来的长时间、理解内容带来的困惑、混乱的排版所带来的负面情绪等。
    所谓收益是指:阅读你的文字能让我获得的信息内容和质量,以及获得的积极情绪。

    2017-05-31
  • 反应(Reaction):生活中并不是所有的事情都那么“赞”

    我在Facebook跟我所关心的朋友们分享各种各样的事情——从完成60天瑜伽练习的庆祝状态到悼念失亲之殇。从我的故事中也连接了一群相似的人,有相似的故事要分享。有时候我们只是想借助一个简单的方式去告诉分享者我们真的很喜欢他们的故事,或是当看到他们的生活发生挫折,简单地表达一下同情。

    2017-05-26
  • 标签栏设计的心理暗示:高亮与视觉纵深的心理模型

    UI在设计上服从于交互,形式上不拘于一格,视觉纵深也只是其中一种心理模型。
    注:本文面向入门级设计师,大神请飘过~

    2017-05-18
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 新版MATERIAL DESIGN 官方动效指南(三)

    新版Material Design 官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。

    2017-05-23
  • 【案例】菜鸟裹裹如何打造双11极致物流体验

    作者:CNUX设计实验室(菜鸟无线UED团队)   如往年一样,2016年的双十一如期而至。当大多数人都在关注、鼓励你买买买的时候,有多少人关心你盼望包裹的那种期待?有多少人能体会你等待包裹时的焦虑?有多少人理解…

    交互专题 2017-08-07
  • iOS和Android规范解析——简易菜单、简易对话框和弹出框

    今天的这几个控件的中文名字,在网上查了半天,没有找到统一的叫法,所以自己翻译了一下:简易菜单对应的是MD(Material Design,下同)中的Simple Menu;简易对话框,对应的是MD中的Simple Dialog,弹出框对应的是iOS中的Popover。

    2017-05-02
  • 在设计注册/登录界面时要注意的常见问题

    当用户完成注册之后,可以选择性地提供额外的信息,而这些信息可能会给给用户带来更加定制化的用户体验 。为了安全起见,绝大多数的网站还是提供了邮箱验证甚至电话验证的环节,甚至提供备用安全邮箱的验证机制。

    2017-05-29
  • 为流畅的交互体验,创建完美的用户流程

    如果有人问你:你怎样定义“流程”这个词,或者说举一个案例来进行描述,你会怎么说?这篇译文,作者给出了详细的解答。一是外文文章一般与当地的文化有关,所以翻译成中文很多时候都失去了它原来的味道,让中国读者感到有点不顺畅,这个是很正常的,很多小说翻译成中文阁主也不爱看。所以为减少这个情况的影响,阁主会在文章后加上阁主自己对文章的总结和建议~以下是原文~

    2017-04-28