从这里开始

从这里开始

设计的神奇力量

优秀的设计师可以影响用户的操作行为,他们可以让用户按照规定的路线来浏览当前页面,甚至可以在页面上定义一个入口,让用户不得不从指定的位置开始浏览,就像魔法师的魔法一样。

他们进行设计的方式有很多种,其中一种是传统的设计方式。该方式在建筑行业和印刷业已经有几百年的应用历史,它源于一些调查研究,例如视觉追踪技术。这些技术的应用在行为学和心理学中也很常见(例如人在做选择时眼睛会不停地转动)。在设计的过程中,像这种涉及其他行业的例子还有很多。再举个例子,我们日常用到的工具(如钢琴的键盘、铁锤的手柄),同解剖学也是息息相关的。

就像心理学家一样,设计师也会掌握一种“魔法”,这种“魔法”可以影响用户、训练用户并且引导用户。你一定对这种“魔法”感兴趣吧?那么让我们一起揭开设计这层神秘的面纱吧!

揭开设计神秘的面纱

我用了18年的时间研究数字产品界面的设计技巧,并尝试熟练应用它们。刚开始我还不清楚到底什么是设计,一段时间后,我发现了一些规律,但这些规律并不具有广泛适用性。我已经设计了120种产品(大约有3500个页面、屏幕和布局),但仍有很多需要学习的地方,并且我也会尽自己最大的努力做到最好。

享受设计带来的力量

之后几年,我一直在学习怎样才能熟练地应用优秀的设计。下面是我最近研究的一个项目带给我的感触。我带领我的团队为一个来自Tel-Avivian1 的博客做设计,这个博客的受众是“Y世代”2。让我意想不到的是这个作品竟然获得了2014年的国际用户体验奖3,于是我的名字就出现在了一份大约有40人的名单上,并且除我之外,这40多个人之前都曾获过奖。

1以色列地名——译者注。

2“Y世代”指的是1980年之后出生的人。

3https://userexperienceawards.com/——译者注。

分享这份力量

上面这段文字看起来像是在炫耀,然而并不是。这次获奖对我而言并没有多大影响,却激发了我分享知识的欲望。我讲授了十几年的UX课程,估计可能是我们国家最活跃的UX讲师了吧!几年前,我创立了UXV4 ——以色列UX认证机构,并向UX的人才市场输送了几百人,但只有此次获奖真正让我产生了向国外传递知识的欲望。

4UXV – the Israeli UX certification program。

我写这本书的原因,就是让你在学习UX的道路上不用走那么多的弯路。尽管我坚信勤学苦练很重要,但在成功的道路上还是应该要借鉴他人的经验。

这本书会使你在UX前进的道路上更加容易。本书中,我将采用最简单的方式来描述不同的工具、方法和技巧。另外,为了便于读者理解,我还加了很多图片进行说明。你要做的就是花一些时间读完这本书,之后的实践就要靠你自己。

这不像是魔法世界,你发现的这些秘密不应该只有一部分人知道,我们需要将这些秘密传递给更多的人。事实上,这正是我想要的——让更多的人知道这些秘密会让世界变得更加美好。

让我们用设计来创造更加美好的世界!5

5Let’s make it a better world – pixel by pixel。

开始之前你必须要解决的问题

这本书主要是针对数字产品的布局进行讲述,然而,设计并没有一个标准。如果你想接受本书中所涉及到的设计思想和过程,那么你需要开始做很多关于UX的研究和调查。在这个过程中,我们会经历以下的一些重要步骤,它们会带给我们一些有用的信息。

  • 我们需要调查并定义产品的商业目标,并且明白对于本产品来说,什么才是最好的交互。

  • 我们需要花费大量的时间来对我们产品的受众进行充分调研。我们一定要抱着一种“我并不清楚用户到底需要一个怎样的产品”的态度去完成这项工作。对用户的调查将会让我们知道用户眼中的世界是怎样的,而不仅仅只局限于我们眼中的世界6

  • 此外,我们必须了解产品以及它的功能需求。一个UX设计师并不是产品的唯一定义者。我们需要理解需求,用最有效的方式将功能呈现给用户,并尽可能地满足产品的商业目标和用户需求。

6毕竟产品是给用户用的——译者注。

在开始设计之前

当你打开你最喜欢的设计软件(原型设计工具)的时候,你应该确保你可以回答以下几个问题。

1.该页面提供的功能是什么?

2.该页面目标用户是谁?使用该页面的用户是一个怎样的人?

3.你期待用户在页面上执行哪些操作?

当你已经为页面的期望值进行了充分的思考和定义后,你就可以开始你的设计工作了。我们的目标就是创建一个可以迎合所有期望的设计。

在设计之前,设定一个期望值很重要。本书将会用这样的屏幕来演示和描述我的解决方案。虽然这只是一个特定比例的屏幕,但是不用担心,本书所提及的所有设计思想和规范适用于各种类型的屏幕,包括平板和智能手机。当本书所提及的模式需要一些修改才能用在其他地方的时候,我将会提醒并给出解决方案。

图像说明文字

这是一个屏幕

目录

相关技术