Think Tech About Rss

开发人员需要知道的 UX 知识

2015-08-26 Think

2015 年,作为比较有美感的全栈开发人员,Leader 让我给大家分享的用户体验知识,于是就做了一个PPT讲了一些内容,也在自己原来的博客记录着,今天搬到这里来稍作整理温故知新吧!

所谓用户体验,其实与之密切的是用户心理学,对于产品的用户体验一般的我们可以分为以下三个模型:

  • 实现模型:产品是怎样工作的;
  • 心理模型:用户认为产品是怎样工作的;
  • 表现模型:通过设计让用户认为产品是怎样工作的

一句话概括就是,通过优化用户体验的手段,让用户以为软件是如他所愿的工作。剩下的就是你去猜用户想要怎样(也可以通过数据分析)
下面用简单的方式带大家了解用户体验。


瓶装口香糖,目前看来明显销量差于盒装(ps:装口袋里谁还以为六味地黄丸-_-#)

右侧这个反科学的设计


说到用户体验必须要提的就是我们的用户是谁?

好的用户体验不仅是雪中送炭,更要锦上添花,不是画蛇添足

计算机软件的用户体验


计算机软件的交互设备,显示器用来传达视觉,鼠标键盘用来操作,理清这件事你就会好做一些。
问一个问题:是我们使用电脑? 还是电脑在玩我们?

看这两个界面,如果你没有使用基础,是不是懵逼了!怎么操作?

通常的我们理想中的界面交互原型是上面这样的,大数据分析软件,很复杂的一个机制,连接好数据,一个按钮就出分析结果,这多棒啊!三岁小孩都会数据分析了,但是事情总不是这个简单,这只是一种理想状态!
我们要使用计算机软件

用户:学习怎么使用!→我们要做什么?→吸引用户使用→方便用户使用
一般的解决方案 (交互体验+视觉体验)

  • 帮助文档
  • 操作提示
  • 图标化按钮
  • 拟物的操作方式
    ……
  • 避免差的用户体验
  • 友好的视觉配色
  • 友好的询问时机及语句
  • 舒服而优雅的转换
  • 清晰易懂的操作逻辑
    ……

1、友好的视觉配色

  • 至少不要压抑(轻快、神秘、高端【风格】)
  • 避免凌乱(统一:字体、配色、模块组件)
  • 在视觉上引导、聚焦界面中的重要信息(视觉层次)
  • 注重点、线、面的配合(饱满、友好)
  • 准确的图标、色彩表达

2、友好的询问时机及语句

  • 通俗易懂的语言传递对于撤销成本高等的操作
  • 合时机的询问用户
  • 尽可能的让用户知道计算机在做些什么
  • 尽可能的让用户知道如此将会怎样
    ……

3、舒服而优雅的交互

  • 让等待不那么焦急(功能↑ 等待乐趣、视觉感受)
  • 切换、弹出尽可能的优雅(划入、淡出等)
  • 大多数软件交互需求是不用跟用户沟通的
    ……

4、清晰易懂的操作逻辑

  • 明确的鼠标类型(移动、点击、默认、禁止……)
  • 明确的触发行为(经过、按下、拖动)
  • 简单并且完整的操作逻辑
  • 尽可能的让操作可逆
  • 尽可能的满足用户个性化的需求
    ……

Pre