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

文章目录[隐藏]

十大交互原则实用总结

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

相关推荐

  • 真相:到底什么是交互设计

    数十万互联网从业者的共同关注!作者:Mr汤进,微信公共号ID:chuangshe_space作者原创并投稿早读课,转载请联系作者。一、前话5月1日在我和小伙伴们一起维护的原创微信公共号“创设空间”:chuangshe_space中向关注的…

    2017-08-02
  • 从设计指南说起,详解Material Design体系组件

    iOS 或 Material Design的设计指南,都是按照组件的属性来系统介绍。
    一般把Control翻译成控件,把Component翻译成组件。通俗的解释说法就是组件为多个元素组合而成,控件为单一元素。但是Material Design把我所认为的控件和组件都合为一体,统称为组件。摊手。

    2017-04-28
  • 如何正确提示用户进行评价应用

    设计文章 / 交互设计 | 2014-10-15 | 来源:woshipm | 发布者: GUImobile 在App里提示用户“给应用打分”的做法已经相当普遍。但正因为它太普遍了,用户一直被各种评价请求骚扰。我并不认为用户会介意给他们喜欢,并且…

    2014-10-15
  • 创新与用户体验---工业设计的双驱动力

    4月18日上午深圳融一凤巢设计发展有限公司创始人兼深圳市工业设计协会副会长仪永杰在PDC设计廊会场与到场展客商分享并探讨了现今智能硬件和消费电子类领域的设计发展趋势。仪永杰认为在消费升级的市场导向下,供方市场慢慢转化为需方市场,消费者不仅满足于产品的存在,更多的是产品在消费者内心中碰撞出情感。以小米科技为例,现今决定设计生命力延伸的是创新意识,是对工业设计创新的重视程度。从设计服务到产品化和供应链都需要整合创新满足用户对产品日益增长的功...

    2018-04-18
  • 弹出式抽屉特效

                    利用动态面板轻松实现。 分分钟搞定那些写函数的都是纸老虎! 请下载源文件弹出抽屉特效-艾欧交互 视屏文件

    2014-09-08
  • 设计神器Figma出马!Sketch、PS有些慌了,因为...

    这年头真的是“长江后浪推前浪,一浪更比一浪强”,许多新产品、新工具纷纷冒出头来,就拿我们设计师的设计工具来说吧,Photoshop 算是一名老将了,它也是我们走上设计不归路的第一个敲门砖(当然还有 CDR);被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来,一个是专攻用户界面的矢量设计,另一个则像是加强版的 PS 和 AI;Sketch 和 Affinity 还没用熟又冒出个 Figma:说出来你可能不相信,...

    2018-04-17
  • 教你读懂UI设计的心理学!

    来源:阿里妈妈MUX 作者:阿里妈妈MUX编译   作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,…

    2014-09-27
  • 色彩如何应用在交互设计中?

    对于交互设计师来说,通常交互原型都做为黑白稿。为什么要做黑白稿呢?那是因为在前期交互设计中,交互设计师为了更专注于产品的流程、跳转,避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说,通常只有一个设计师或者设计资源很少,设计师拿到需求后,直接就出高保真效果图了(当然,前期也经过了讨论,在纸上也画了交互的流程了)。对于时间不充分的时候来说,这样是会节约一部分时间。但是,这样经常会带来一个弊端:交互考虑不充分。为什么会这么...

    2018-04-26
  • B2B vs. B2C 网站:关键用户体验差异

    尽管B2B网站和B2C网站有很多相似的地方,但B2B的客户却有着截然不同的需求。

    2017-05-14
  • 仍停留在1999年水平的通知功能,何时能更智能?

    20年过去了,一切都在发展,唯独通知还停留在1999年的水平。——@mikeindustries20年过去了,一切都在发展,唯独通知还停留在1999年的水平。——@mikeindustries

    2017-05-25