Web交互界面设计与制作(微课版)
上QQ阅读APP看书,第一时间看更新

1.3.4 用户体验案例

用户体验固然重要,但是将其在系统设计中体现出来,是需要时间的磨炼和经验的积累的。

用户体验案例

案例一:数据排序与显示的用户体验

这里有一组数据,让人有点摸不着头脑,如图1-7所示。有人说它是红包数据,也有人说它是股票数据,这样的数据没有任何排列规律,也没有解释说明的语句。看到这种混乱的数据,大多数人都会感到头昏眼花,不再想它是什么。

图1-7 混乱的数据

把图1-7中的数字按照一定的顺序排列起来,如图1-8所示。

图1-8 排列整齐的数据

排序后,虽然我们还是猜不出它是什么数据,但是至少不会头昏眼花,甚至愿意花一些时间观察、研究它到底是什么数据。我们再给数据加一些解释说明的语句,如图1-9所示。

图1-9 平均降水量数据

现在数据已经很清楚了,是城市每个月平均降水量的数据。但是作为一个普通的用户,看图1-9的真正目的并不是看那些密密麻麻的数据,而是想知道某个城市一年之中,哪几个月降水量多,哪几个月降水量少。通过图1-9虽然可以很清楚地知道城市和降水的具体数据,但是对于普通用户而言,还是不能很直观地看出具体降水量的差别,用户体验很差。那么怎样才能提供良好的用户体验呢?我们不妨试试,用色块来表示降水量数据,如图1-10所示。

图1-10 平均降水量数据(用色块表示)

在图1-10中,色彩的深浅能够突出降水量的多少。但是密密麻麻的数据还是会干扰用户更直接地理解色块的意思。用户往往是“懒惰”的,他们只想要最快地达到目的,不想有多余的思考。那么,从用户的目标来分析,把降水量数据转换为雨滴图标是否会更清晰呢?转换后如图1-11所示。

图1-11 平均降水量数据(用图标表示)

对于普通用户来说,降水量的具体数据并不是他们最关心的,他们只需要知道降水量的多与少。图1-11能够让用户更直观地观察到降水量的多少,具体数据也可以通过右上角的解释了解到,能够快、准、细地给用户提供信息。

案例二:分析美图秀秀和Photoshop界面的用户体验

(1)美图秀秀

美图秀秀的目标用户大部分可能是女性。一个典型应用场景是用户用手机自拍,通过美图秀秀软件把照片中的自己变得更美一些,然后发到朋友圈。大部分普通用户可能并没学过设计或者美术,可能也不太懂摄影,但是美图秀秀可以让他们只通过简单的“点、按、选择”,就能把自己的照片变美。这不需要过多的思考,也不需要专业知识,所以在这个应用场景中,它的用户体验是良好的。

(2)Photoshop

但Photoshop的目标用户大多数并不是上述的女性用户,而是专业的设计师。对于一个专业的设计师来说,用Photoshop工作“能够最大限度地帮助设计师表达他们的创意”才是最好的用户体验。为了做到这一点,专业的设计师并不介意深入地学习这个软件的使用方法。从易用性来看,Photoshop显然不够易用,但对于专业设计师来说,它的用户体验太棒了。

在现代的电子产品中,图形界面已经应用得非常广泛。一般认为,图形界面更加生动、易用、易学。从这个角度看,图形界面的用户体验是良好的。但是如果你问一个专业的运维工程师,他们配置服务器时用图形界面还是命令行,则他们基本上都会回答命令行。相比于图形界面,命令行的易用性太差了,不学习根本不会用。但是对于专业的运维工程师来说,命令行更加简洁、精确和高效。他们使用命令行可以提升工作效率,可以更快、更好地完成工作。