Web用户体验设计总结

最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。

一款优秀的产品在用户学习的成本上,应该是慎重且克制的。换一个角度说就是界面应该能教导用户。

这一点非常重要,用户界面需要让用户在不求助于帮助页面的情况下能够使用绝大部分功能。许多开发者和设计人员认为,帮助一栏已经写的非常详细了,一定可以指导用户完成对应用的操作,但大多数情况并非如此。事实上,对于大多数产品来说,往往只有那些想探寻产品的每个角落的高端用户,才会用到(或者被逼着用到)帮助文档一栏。

帮助用户最好的方式是用一种容易理解的方式把帮助信息展示在用户面前。网页设计其实就是为用户创造一个好用的阶梯,帮助他们完成任务并提高这个过程中的用户体验。

当看到像百科全书一样复杂的帮助文档时,就该考虑下页面中心设计的问题了。

对一款你感兴趣的陌生产品,熟悉的过程应该是了解、吸引、专注、最后到依赖。像谈恋爱一样,对产品产生一种情感上的依赖。

但是怎样往这个目标前进呢?或是说怎样做出一个让人依赖的产品呢?

作为产品设计人员,一款产品重构的阶段,第一件事就是评价它的好坏。评价当然可以是感性的、武断的,但是要对网站做专业的系统性的评估,就需要我们更有条理,更全面。

我比较喜欢使用的是多层评估,从表面到核心研究多个层面,包括:网站核心功能;导航和信息架构;表单和输入项;可信度、可靠度;内容质量;搜索;帮助、反馈和容错度;页面布局和视觉;可达性和技术设计。

这是一个思考过程也是一个清单,当我们把每一条进行展开,列出更多问题时,我们就能更全面的评估这个产品。

比如对导航和信息架构的分解:主导航的维度是否一致;信息架构是否按照元数据进行分级;信息层级是否过深或混乱等等。

根据上面的维度画一张雷达图,就可以比较直观的看清目前网站的情况。

好了,知道网站有问题了,现在刻意进行修改了,应该如何下手呢?

可能很多设计师马上对有问题的地方进行调整,比如错乱的信息架构,负责的帮助系统等等。

这时候其实应该站在更高的有一个角度看待网站重构的问题,我们要设计或重构的不是页面,而是流程~你的用户流程和业务流程。

对于APM类的后台,用户的目标是获取信息,性能管理。对于业务目标可能是增加用户对产品的信任程度,增加依赖感。从而转化为付费用户或持续续费。

流程设计可以让你免于调入设计独立页面和交互行为持续优化的怪圈,而是专注于满足用户需求。设置优先级将精力放在对大部分用户和业务带来价值的流程。创造连贯的用户体验,为用户和业务带来更好的结果。

但是。。人在江湖身不由己,付费的亲爹们,你们的需求我这就优先加上。。。。

这也是理想型的产品和做现实中做产品的区别,有些事你知道必须要做了,但是会有人告诉你这个更必须。所谓成熟,就是在两者之间找到一个大家都能接受的平衡点。

好了,说正题,既然站在设计流程的高度看问题了,问题还是要解决的,如何下手呢?

产品功能设计另说,单说报表类产品提高用户体验的方法——数据墨水比

即把墨水分配给必须要展示的数据,这是展示数据的核心要求。怎么做呢?

1、数据第一位

数据图应该把读者的注意力集中在数据本身的意义和形式,而不是其他内容。这里不是说我们要光有图表的无趣设计,也不是美感不重要。我们应该在为数据添加设计元素的时候更加谨慎,每一个元素都必须有特定的功能,并且不能把用户的注意力从数据上分散出来。

举例:目前报表设计中,关于折线图日期标记为06-29  00:00、07-06  00:00    这个00:00是什么鬼。。。

2、有根据的删去不含数据的像素

虽然有时候一些无用的像素能够为数据操作带来帮助,但大多数时候,他们并没有什么卵用。要把注重核心数据的规则应用到重构上,就需要对设计进行一个评估,着手提高数据像素比,简单说就是没用的删了,有理有据的。依据就是这些像素对首要任务并没有直接帮助。比如过度吸引注意力的字体、抢眼的图片。

3、有理有据的删去冗余信息

大量装饰对数据的强调会产生许多冗余的像素,报表类产品更适合实现简单的美感。

4、有理有据的最大化数据像素比

做了以上三步,第四步基本就快做到了。

5、调整

产品设计中花费最多精力的地方应该是审阅。删减、修改、链接、纠正、测试,这些过程比创作更重要。

用户体验优化是一个没有结尾的循环,整个重构和优化的开始是站在更高的角度看待业务流程并从数据像素比的方面切入,来不断的进行优化。

这篇web用户体验设计优化总结就写到这儿了,因为再不睡就要饿了。。。

希望可以共同讨论,一起交流。

作者:性感瓶底儿

来源:http://www.jianshu.com/p/48b592f3d79f

 

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

(0)
CatherineCatherine
上一篇 2017-06-03 11:31
下一篇 2017-06-03 13:18

相关推荐

  • 帮你打造极简风APP UI 的实用设计技巧

    苹果公司目前在全平台上使用的是San Francisco字体,iOS 9 上将这种字体标记为 SF-UI。
    Roboto 和 Noto 则是Google Android 和 Chrome 上的默认字体。

    2017-05-21
  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • BRD、MRD 和 PRD 之间的区别与联系有哪些

    今天看到一篇讲述产品设计中几种文档的文章(一个老外的blog,Michael on Product Management & Marketing),感觉很好,结合工作的实际整理一下。按照那篇文章的思路,从产品的抽象到具体主要产出的文档有BRD…

    交互设计WiKi 2015-11-09
  • 4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

    2017-05-10
  • Axure官方教程中文版第3课:组件与母版-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(3).MP4 新建一个文件 1、添加一个按钮并设置鼠标悬停交互样式 2、复制并对齐按钮 3、将按钮转化为母版 4、将母版应用于每一页 5、在母版中为每个…

    2015-01-25
  • 交互设计的三个半原则

    一些设计的基本原则往往是通用的、甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。一个设计师&产品经…

    2017-08-01
  • 交互设计 | 一部自嗨的头号玩家为什么吸引你?

    Create Your Difference. by CYD头号玩家头号玩家到底什么吸引你?情怀吸引了你?动漫迷的高达情怀电影迷的金刚情怀恐怖情怀或者跳舞机情怀?或许美国大片吸引了你?▲有坏美女▼坏boss▲坏人老出BUG▼好人老有神助▲英雄要崇拜▼大部队会赶来不管什么吸引了你把你所有的感触和情绪放大一万倍的东西是艺术和科技当然,我相信你们都知道不就是VR和AR吗整个电影都建立在VR和AR的基础上没有这牛逼地眼镜,这个故事还没开始就可以...

    2018-05-05
  • SKD独家 | 美国交互设计排名

    你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及院校专业设置等诸多因素的考虑,整理出交互设计的院校申请建议,希望对选择院校的同学有所帮助。注意:本排名仅供参...

    2018-03-28
  • 分享两个交互设计作品

    今天跟大家分享的是二两童靴的两个交互设计作品,第一个是平安保险产品配置后台交互设计,第二个是台州银行客户经理移动办公App交互设计,希望大家多多交流。如果你也有好的作品想在我是UE网上展示,可以加学习群15…

    2015-07-02
  • 交互设计七大定律之席克定律

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27