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

文章目录[隐藏]

十大交互原则实用总结

如果当初没有进入产品经理的队列,笔者说不定也是互联网程序猿中的一员。做技术出身的产品经理有好也有不好,好是因为一般有一个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

相关推荐

  • [译]UX设计之按钮使用实例、类型和状态

    按钮是一个普通的、日常交互中都可能碰到的基本元素。但对创建一个流畅的交互体验过程来讲,按钮则是一个至关重要的元素,因此,投入一定精力到该元素的设计上是非常有意义的。另外,我们也为大家梳理出元素的基本…

    2016-06-30
  • 对话式交互设计流程

    上一篇文章介绍了自然对话的基础概念,学习了谷歌对于人类自然对话的研究和理解。本文将通过一个简单的案例来介绍谷歌推荐的对话式交互设计流程,以及本人对该流程与常规的体验设计流程异同之处的对比分析。设计流程1.选择适合的使用场景对话式交互界面的使用场景通常是简单直观的。当考虑任务场景的时候会想到游戏,因为游戏是低风险的。但是游戏界面的设计必须要能够满足用户的期望,以免使用户感到无聊。猜数字的小游戏可以作为对话式界面设计的一个很好的例子,不要求...

    2018-03-31
  • Affinity Photo 最新破解版–PS真的遇到对手了,这里是 for Mac1.3.4免费下载!

    应网友要求更新。Affinity Photo已公布其在Mac App Store的最终版本。最终版本拥有众多专业高端功能,如Raw处理、PSD导入和导出、16位通道的编辑和ICC色彩管理以及兼容大量图片格式。Affinity Photo充分利用了Mac O…

    2015-08-12
  • 现在!极限UI设计的时间到了

    毫无疑问,数字设计其增长突飞猛进超过过去五年和服务设计更是如此。合并用户体验、 客户体验、 交互设计和技术创新有助于更好,并协助组建健壮的规则、 模式和人民已经认识到的用户界面语言。然而,我不禁感到东西死了前进的道路。

    2014-12-28
  • 为网页设计师 Web 设计编写的简要历史

    编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计 发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。

    2014-12-30
  • 对话界面的现在与未来

    计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

    2016-07-20
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29
  • 良好的用户体验不一定是品牌成功的关键

    一项针对品牌魅力的新研究表明,良好的用户体验不一定是成功的关键,因为品牌完整性受损可能会超越公众的看法。 这是对四个市场10,000名消费者的在线调查的结果。这项研究从认知、目的、诚信、慷慨,勇气和交付的六个维度检查了知名品牌。分析表明,与消费者的动态关系是短暂的受欢迎,还是长期的忠诚之间存在的真正区别。乐高式最具实力的品牌,一直让顾客感到满意。相反,FIFA被评为得分最低的品牌。另外,苹果在美国排在前十位,在英国排在第十六位。尽管其创...

    2018-02-26
  • 抛砖引玉——VR应用UI设计心得

    “2016是VR元年”,这一观点早已在计算机互联网行业中流行开来,与VR相关的各种分析研究也是层出不穷,包括盈利模式、发展预测、平台构建等。而随着Google Cardboard等技术逐渐普及,VR使用成本也在不断降低。因此在未来,VR技术对于日常生活的影响,也将变得非常令人期待。目前很多VR应用不在以PC端为主要载体,而是将平台选定为保有量大、技术成熟的手机作为硬件平台。而UI作为应用中一个重要组成部分,其对于用户体验和产品推广的重要性可想而知。笔者想借此机会简单分享一下个人对于VR应用UI设计的心得和体会。(注:笔者在下文中所指的VR模式指用户已经带上VR体验设备,双眼通过分屏已经进入沉浸式体验情况)

    2017-05-28
  • 在Sketch中直接画流程图?现在你可以梦想成真了

    静电说:许多小伙伴对Sketch的期许是更多的,他们不仅希望Sketch是一个绘图工具,更希望它能变成一个交互工具,一个动效设计工具。比如这样一个需求:“在Sketch中画流程图箭头”,之前是不可以的,但插件为我们带来了无限可能性。今天静电就要来介绍这款User Flows插件。User Flows可以来创建图层到页面(Artboard)之间的连线,也可以用它来导出设计流程图,User Flows提供多种语言选择,为我们提供了不少方便。...

    2018-04-17