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

相关推荐

  • 译文|用户体验的秘诀是什么?

    我常被问到的问题之一是:“你在用户体验过程中的思维是怎么样的”或者“如何你如何把用户的个人资料转化成可以有形的事物,比如说‘界面’”。

    2017-05-28
  • 闪光的消亡对于用户体验来说意味着什么?

    而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。 Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其…

    2014-09-04
  • 经验总结|交互设计文档该怎么写?

    交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。

    2017-04-29
  • 交互设计是什么?好学吗? 交互设计_百科,什么是交互设计?

    交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易…

    交互设计 2015-01-05
  • 7种方式玩转信息可视化中的时间线设计

    时间常常被认为是一种主观的体验,然而在可视化的表达中,时间却成为了结构化维度。时间帮助我们构建稳健而直观的框架,使我们更好地建立事件间的联系。 按照时间线的方式阐述信息已经广泛应用于企业传播、营销的各…

    交互设计 2015-08-27
  • 提升用户验证,要好好考虑几件事情

    出色的移动端用户验证是怎样的?减少注册和登录的痛苦?

    2017-05-06
  • 怎么策划一个成功的活动——线下篇

    线上活动办了,线下活动也要办不是~有钱就是这么任性,但是钱要花在刀刃山,同样来自于知乎的另一位大神大猫布给出了酱紫的答案~ 前提条件:小型活动:20---200人,预算5000以内。 Check List 定下时间。 确定预算…

    交互设计 2014-12-13
  • 交互设计师的60日计划之第四天

    此次分享的 [button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • 引导性交互界面怎么设计才能直观有效?

    在任务流程较为复杂的时候,用户容易迷失在流程中,从而放弃任务,导致转化率不尽人意。所以我们在交互界面上需要引导用户。人机交互中不论是文字、图像、色彩、动态效果等,主要是通过视觉反馈信息,所以视觉的引导尤为直观有效。

    2017-05-31
  • 交互设计应该学的软件有哪些?

    数十万互联网从业者的共同关注! 作者:Yoojoo,作者授权早读课发表,转载请联系作者。来源:知乎仅针对现有企业交互设计师常见设计范围(网页,桌面app,移动端app)作答。1-7为交互设计师必备,8-10有兴趣的…

    2017-08-01