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

相关推荐

  • 超实用的移动Web六大设计心法

    「我有个改变世界的点子,就差做个app了。」
    「这是我们的商业计划书,虽然还没有开始推广,但我们真的击中了用户的痛点。总之,先做个app吧。」

    2017-05-30
  • 体验不仅是界面——百度UE大讲堂笔记整理

    一、从注册页面看移动端交互设计 不知道你有没有过这样的经历,碰到一个好奇的软件,或者为了下载某个资源需要注册,当看到繁琐的注册页面时,或者是一看到页面就觉得令人心累的注册过程,你就立马放弃了使用这款软…

    2016-03-02
  • iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。

    2017-08-04
  • APP设计:那些打动人心的设计点(二)

    上周写了一篇文章《APP设计:那些打动人心的设计点》,总结了八个APP的小设计点,这些小设计点不是针对APP的核心业务和功能的设计,但会给用户带来一点小便利和小惊喜,就像电影最后的彩蛋,让人期待而心动。紧接着上篇,我们继续说说那些打动人心的APP设计。

    2017-05-05
  • 工具类产品设计的8个准则

    之前阅读了原研哉大神《设计中的设计》一书,书中提到了一个很有意思的概念:再设计。再设计的理论,是想让我们通过忘掉设计对象已有的现状,追根溯源,对设计对象进行再次设计,从而加深大家对设计对象的理解。

    2017-05-24
  • 你的网站用户体验为什么比竞争对手差

    网站SEO优化用户体验,又是用户体验!总是有一些站长弄不明白他的网站到底哪里做的不好,明明也做了蛮多的网站优化工作,但是与竞争对手的网站相比的时候,优化数据始终差一截。总是有窗口自动弹出不管是广告窗口,还是在线咨询窗口,如果不是用户主动点开,就自动频繁的弹出来,用户关掉一遍两遍,还是弹出来,那么这种设置明显是在撵用户离开你的网站。存在死链或错误链接第一种情况是用户通过搜索目标关键词找到你的网站,想点击进入却发现是无法打开的;第二种情况是...

    2018-02-16
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • 小米兰亭字体官方包下载

    小米 MIUI 8兰亭字体官方包下载 移山填海之作,小米兰亭。手机要好用,字体排版不能将就。MIUI和方正一起耗时18个月打磨,用米兰字体重新定义中文移动阅读体验。 小米兰亭是小米公司在MIUI 8中推出的字体,“小米兰…

    2016-06-22
  • 【交互体验】让你事半功倍的交互体验自查清单

    点击上方“蓝字”可以订阅哦!小编推荐:刚画完的原型自我感觉良好,当到了评审的时候发现在用户体验槽点非常的多。如果你遇到上面的情景,那么这篇文章对你绝对有用。事不宜迟,请看下文。体验清单起因去年底看朋友出国前用‘穷游清单’给自己列清单,她说列的清单可以帮她在出行前检查一下是否有遗漏东西,避免因遗漏东西使整个旅行变得很糟。既然旅游清单可以使旅游提前避免问题发生,是不是我们在工作中也可以采用这种方式使自己的产出物交付前保证万无一失。在平时设计...

    2018-01-30
  • 原创服装设计师APP产品概念

    这是针对原创服装设计师的APP,作者感觉现在很少有专门针对他们分享自己作品和交流的平台。这是作者模拟出来的一个产品的概念图,还有很多不足,慢慢优化... 我们不光有原创,同时也是原创的搬运工。  

    2015-01-23