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的交互原型演示,有能力的话自己动手做个视频吧! [hana-flv-player video=" http://jhxt.org/wp-content/uploads/2015/07/ixdshow.flv" width="640" height="auto" description="Ta APP 交互简介" player="…

    2015-07-01
  • 设计×交互 | 在做交互的时候,我们可以从不好的设计与好的设计中学到什么?

    让人人都懂点儿设计设计史论全文字数 :4689 | 阅读 时长:12分钟今天史论君为大家分享一篇来自interaction design foundation的文章原文作者:TEO SLANG    |    翻译:于于于Jessica编辑:Sujay Wu转载后台回复 :史论君把不好的设计和好的设计的反面例子一起看,不仅有趣,而且为设计师们提供了重要的经验教训。它们突出了设计人员要避免的陷阱,并让我们理解如何将设计理论转化为在现实世界...

    2018-04-07
  • B2B、SaaS 等企业软件中的交互设计总结

    ♝点击上方“交互设计学堂”关注我们,送电子书我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。什么是企业软件?下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。一些大家可能用过或者见过的企业软件。在现代企业中,大...

    2018-04-20
  • 学而思网校UED部门招聘

    简介INTRODUCTION学而思网校,纽交所上市公司好未来集团旗下品牌,专为3-18岁孩子提供小初高全学科课外教学。UED负责K12在线教育全业务体验闭环的设计工作,我们的团队活力创新、勇往无前,真诚期待你的加入~UI设计师UI DESIGNERS岗位职责负责网校全平台产品体验设计工作;可以主导设计风格,参与设计规范和流程的制定。岗位要求3-5年视觉设计经验,美术、设计、艺术学等专业,本科及以上学历;有移动客户端设计经验更佳;熟悉用户...

    2018-02-16
  • 交互设计师的60日计划第十五天

    今天晚上去上了想上已久的舞蹈课,超级超级开心。说要学舞说了这么久,总是不能兑现。今年的另一个要实现的事情,就是每周坚持学舞蹈吧。 20150813 产品经理的自己提的方案也可能并不是他想要的 很久以前师父和老大…

    交互专题 2015-08-20
  • 美国交互设计“综合类amp;艺术类”院校申请差异对比?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-05-04
  • 重版权轻用户体验 盲目IPO的腾讯音乐或成下一个多米

    最近,音乐版权又起风云,各大新闻版面被网易云音乐因版权续约未果,下架周杰伦作品的信息霸占,这场由杰威尔音乐独家版权方腾讯音乐主导的“版权狙击战”再次成为行业焦点。众所周知,自在线音乐兴起至今,腾讯与网易云音乐、虾米音乐等音乐平台之间在版权上的纷争已经历了多个回合。但是,距离国家版权局宣布推动腾讯音乐和网易云音乐达成版权合作还不到两个月,在线音乐市场版权之争就因腾讯再起硝烟,令人诧异之余不免有些心寒。所以,腾讯音乐“阳奉阴违”背后,到底有...

    2018-04-08
  • 品牌基因法做图标——实战篇

    菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

    2017-08-04
  • 交互设计基本方法--进行目标用户调研(情境访谈)

    为了满足用户对产品特定的交互模式的期望,一手的、准确的、可被有效利用的用户研究数据将是进行交互设计的源泉和关键。情境访谈是一种以用户为中心的设计并与人类学相关的研究模式,属于品质性研究和情境设计方法…

    2017-08-01
  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04