不要为设计师决定设计师的任务

哈Ha

在过去的3个月中,我约40%的工作时间是与设计师交流。谢谢,但不后悔。开玩笑。必要。设计师。

他们已经向我展示了设计不是关于绘图,而是关于设计。关于为什么会这样,我从Yandex前艺术总监Kostya Gorsky那里得到了一个易于理解的解释视频可以在这里找到



Tanya Zadorozhnyaya的插图

修改/重新制作了一些演示幻灯片,以提高图像质量。

专为经理设计


大家好。我叫Kostya,我正在做一些设计,并会告诉您一些有关设计的知识。我没有一个讲座,我只会讲七个故事。它们彼此无关。

没有史蒂夫·乔布斯就无法发表有关设计的演示文稿,因此我不得不放一张幻灯片:



过去我总是通过告诉我为什么要考虑所有内容来开始任何演示文稿,即设计非常重要,一定要进行设计以及所有这些。似乎是时候停止验证了,我们相信每个人都像我们一样相信设计,因此我们可以直截了当地。

我的许多朋友认为设计就像图片一样。诸如WOWBRIGHTEXPERORDINARY之类的东西,某种才华,创造力。



我所有的故事都是关于事实并非如此。这项活动非常简单,可以理解,并且绝对适合所有人。

就像任何神话传说都涉及设计本身一样,许多人认为设计师是某种特别有创造力的人,您需要天生才华,不能学到这个,反之亦然,您需要学习多年,最好是在伦敦的某个地方。 



当然不是。实际上,任何人都可以成为设计师,在我看来,任何人都应该在某种程度上做到这一点。

以下是我们要谈论的故事:

  1. 设计有过程吗
  2. 设计结束时
  3. 恐惧的内容和形式
  4. 美丽吗
  5. 如何为设计师设置任务
  6. 截止日期该怎么办
  7. 打开

前两个较长,其余较短。它们不相互连接,它们以随机顺序排列,具有随机标头。

1.设计是否有流程


一切都始于一张白纸。假设您有一项任务,例如,制作将来的新邮件的界面或制作将来的浏览器。我最近一直在使用浏览器,因此有关我的大多数示例都与我有关。如何处理这样的任务?我们在上午9点开始工作,在桌子上放一张白纸在我们面前,坐下来开始绘制未来的浏览器...

但是,如果这样做,那么您当然需要人才以及第一张幻灯片中的所有内容,最后将无济于事。

实际上,如果您从一张白纸开始,那么您已经做错了。设计是一个非常简单的过程,包括几个步骤。



他们的确切数字在任何地方都不一样,有4-3步或5-6步,这没关系。全部归结为5个基本步骤,它们具有不同的名称。这并不重要。我选择平均值。

它总是从研究开始。它的意思仅仅是找到有关已存在对象的最大信息。无论我们做什么,摆在我们面前的人已经做了类似的事情。人类总是以某种方式进行交流,如果我们提供有关交流或邮件的新服务,那么我们可以研究人们以前的交流方式,现在的交流方式以及人们想出什么办法。 

接下来,我们解释一下我们已经取得的成就。就是说,我们只是试图从所有这些数据中获取一些有趣的东西,紧紧抓住某些东西,并精确地为自己设定任务。

然后我们产生想法。这是一个完全独立的过程,在此过程中我们提出了很多建议。

接下来,我们将开发一些我们更喜欢的想法,
收集原型,进行测试,选择它们,并在无数次迭代过程中进行改进。因此,此过程可以解决问题。

1.研究


正如我所说的,有很多不同的含义是要了解人类已经想出了什么。

在俄罗斯,出于某种原因,习惯上跳过此阶段。人们认为这很无聊或没有必要,并且“ ...总体而言,我们现在会提出一些建议,我们已经知道了一切。”

在西方,他们采取了足够正式的方法,如果一个人以前没有携带过大量有关其浏览量的报告,则根本不允许他执行该任务。实际上,当您环顾四周,进行研究之后,通常会在您脑海中浮现出一些想法,一些想法以及如何进一步解决问题。

让我为您展示浏览器上的一些研究示例。您现在对浏览器有所了解。让我们看看如果简要浏览浏览器的历史会发生什么。您对该主题的理解将如何变化,并且您将立即想出一些关于未来浏览器的信息。

例如,大众浏览器始于1993年的Mosaic浏览器。



如您所见,它已经类似于现在的样子:它已经具有后退/前进按钮,它具有页面地址和地址栏,以及用于显示页面的大字段。 20年过去了,除细节外,浏览器与今天相同。

然后是1994年的Opera。

这是一家在浏览器方面拥有最多创新的公司。的确,这些创新通常要么消亡,要么出现在竞争对手的产品中,然后成为主流。

1994年,他们提出了一个想法,即可以一次在一个窗口中显示多个页面,这与程序员在开发环境中的情况类似。 



这个想法没有扎根,但在将来它引起了人们的注意。仍然有一些有趣的按钮可以用不同的方式构建这些窗口。 

然后在1995年推出了Netscape Navigator 2,它已经是近乎现代的浏览器。



它具有带按钮的整个工具栏。这里有趣的是右侧的图标。动画在这里旋转。我不知道您是否记得它,但过去通常是页面加载了很长时间,因此您必须在加载页面时以某种方式招待对方。
自然会在此窗口显示一些简短的动画,这些  动画总是相同的。 

然后出现CSS的Internet Explorer 3。 



他的视觉效果发生了一些变化,例如,Netscape中的按钮是凸形的,但是在这里,它们变成了一个扁平的工具栏,其中的纹理已经在背景上绘制了,当时很时髦。这里也有一个右侧的图标,该图标在页面加载时以动画方式旋转。

接下来,是Internet Explorer 5,其外观与上一个几乎没有什么不同。技术上有变化,现在对我们来说并不重要(XMLHttpRequest→AJAX)。



轰动一时,Opera 5于2000年出现,其中三项大型创新立即发生。



首先,横幅。他们将其直接放入浏览器,当然,这件事没有扎根。在我们国家几乎没有人看到他,因为每个人都立即下载了带有标语的盗版版本。但是诚实的西方用户,如果他们免费下载Opera,就会看到总是显示广告的横幅,如果您付钱,横幅就消失了。

标签也出现在这里。他们在楼下。 Opera的人员只是在Windows的底部看到一个面板,该面板显示了当前打开的窗口-任务栏。他们拿走了所有与Opera相关的窗口,并在窗口中显示出来,只是以这种方式将它们分组。

事实证明,这种简单的操作非常方便,在窗口之间切换的按钮略微重画了,放在顶部,所以有选项卡,如果没有这些选项卡,现在很难想象浏览器。 

另一件大事-这是第一次出现搜索字段供Google搜索而不访问Google页面的情况,并立即从浏览器中进行。 

在2007年,当我最常访问的页面的屏幕截图出现在新标签页上时,Opera 9.2已经具有一种称为快速拨号的功能。



在他们的情况下,可以为其中几个页面手动配置自己,我想在这里看到它们,这样您只需单击几下即可进入页面,而无需输入其地址。

Chrome在2008年进行了迄今为止的最后一次强大变革。



如果在此之前,工具栏的数量在浏览器中传播开了,那通常是Yandex栏,其他一些栏,一个带有书签的栏,许多不同的栏,通常浏览器会变得很粗。
Chrome用铁扫帚将所有东西扫除,形成一个非常薄的简约界面,将地址和搜索栏合并为一个,然后放在中间。

我们很快将发现的下一个有趣的革命是什么。这是一个
简单的研究。

在查看过去的图片之后,我们可以更好地理解为什么浏览器是它们的本质,以及所有这些都可以到达哪里。

人种学研究

我们将一个人坐在旁边,只是窥视他的工作方式。我们做的很便宜。在公司内部,我写了一封关于非工作问题的邮件,其中有一段文字,例如“如果您不是程序员,您有5分钟的空闲时间,并且您不介意我们窥视您,然后再写。”

有人回答了,我们坐下来,看着他们如何使用浏览器。程序员不能被视为普通用户。他们有完全不同的习惯,设置,可以在那里拥有一堆插件,可以使用热键和各种其他普通人不常用的东西。因此,这与我们无关。

在这个阶段,我们在监视一个人时,会尝试理解一个人不会注意到的有趣的事情。没有人可以说出他的需求,但是我们可以窥视。

例如,某人每五分钟登录一次Facebook,每次执行一系列复杂的操作:单击加号,单击“收藏夹”链接,打开社交网络文件夹,单击此处的facebook链接,然后加载Facebook。他可能会将此链接放在顶部的某个位置。这是一个牵强的示例,但最重要的是,通过窥视人们,您可以看到他们行走的一些艰难道路,并思考以后如何整顿他们。

还有更多关于竞争对手的研究。当我们提出图标时,我们做了一个矩阵,将所有图标从浏览器的工具栏中放进去,开始绘制自己的图标。



这是我们从上方和下方进行的一些尝试。决赛是最高的。当我们考虑如何自己绘制图标时,我们研究了许多有趣的细节。

这是一个放大镜的例子。每个人都知道放大镜是一个圆和一根魔杖。但是,顺便说一句,有趣的是,一些从未见过物理循环的新生代孩子会认为这是一个搜索符号-一个带有魔杖的圆圈,他们几乎无法想象在其背后有某种物体真实世界。 



但是,我们仍在想象如何正确绘制放大镜。每个人的上方都有一个圆圈,但有些把手向左转,有些则向右转。我们如何画画?是的,在右边您用右手握住。

关于该选项,当魔杖在左侧时,还有另一个有趣的考虑:在设计领域,人们认为右上角是最积极的方向。而且看起来像右上角的放大镜比起向左放大的放大镜要好得多。但是我们仍然选择右手握住的放大镜。 

通过“刷新页面”图标,它变得更加容易,首先,可以看出,对于所有人来说,该图标都是带箭头的开环,但IE除外,IE那里有一些不同之处。

问题是,箭头应朝哪个方向看?最初,我们喜欢该选项,当她抬起最正角时,该选项很快就被拒绝了,因为如果您想象此图标是铸在金属中并放在桌子上的,具有如此重心,它将无法翻转在这种情况下,她已经很好,甚至可能倒退。 

因此,我们没有这样做,而是选择了一个朝着正面方向看的人,尽管它可能没有那么多进展,但是很容易让她翻身。稍微推一下她,她就会立即滚动。

2.释义


研究完成后,我们开始解释结果并设定目标

  • 讲故事
  • 定购
  • 分析
  • 结论与结论
  • 问题的提法
  • 框架名称

这将是一个单独的故事,所以现在我不会就此停止。

3.构想


但是,构想的形成是一件有趣的事情。

  • 集思广益
  • 创作技巧 
  • 改善

让我们尝试一下运动。现在,您需要拿一张纸并使它看起来像这样:



您知道设计师男孩与设计师女孩有何不同吗?如果您执行的任务略有不同,不仅是画圆,而是要细致地细化整个A4纸的阴影,那么女孩可以做到这一点,而男孩则不能。根据研究,普通女性对单调工作的容忍度高于普通男性。

现在,我将检测到1分钟,在此期间,您需要尝试将尽可能多的圆圈变成不同的对象,并在它们上画一些简单的东西。

例如,如果我们画两只眼睛和一张嘴,那么我们得到一个笑脸,如果我们画出树枝和叶子,那么我们得到一个苹果,如果我们画出光线,那么我们得到阳光。您可以为一个项目使用多个圆圈,即从两个圆圈中做出一件事,但任务是要获得尽可能多的不同对象。进行一些笔划就足够了,但是在没有您的帮助下我无法理解所画的内容。

给了她一分钟,她走了:



请把笔放在一边。几乎每个人都可以提出5个或更多的想法,但超过9个选项仅吸引了3个人参加。哇。 

结果可能是这样,肯定是在超过一分钟的时间内完成的。 


总体感觉如何?您现在感觉如何?强调?最后期限?有趣的是,我们每个人都知道数以万计的圆形物体,当您需要绘制圆形物体时,它们都在哪里?我们头脑中有很多思维障碍和复杂因素,无法在需要这些想法时就把它们弄乱。

首先,情况变得令人不安,时间不多了,我现在没有时间了。

其次,人们常常害羞。当把这个任务交给幼儿时,他们想到了更多的想法。尽管有经验的艺术总监必须有时间来提出15-20个想法,但对于设计师10来说是一个很好的结果,一个天才的人可以设法填补所有圈子,我认为这样的人存在。

但是孩子们,特别是如果带小孩的孩子,大约在一天托儿所的年龄,几乎所有的孩子都充满了圈子。当然,他们可能会坚持长时间绘制某些东西的事实,但是例如,如果任务稍作修改,则无需绘制,只需列出想法即可,然后它们会得到大量想法。随着年龄的增长,这种能力会丧失,孩子年龄越大,他迅速提出这些想法的难度就越大。 

例如,由于我们拥有大量不同的建筑群,人们感到很尴尬:“该死,嗯,我似乎不知道如何画画,嗯,好像可以在那儿画狗,但是它不太圆,而且我不是很我可以画狗,可能不值得,可以堆雪人,但是他应该有大小不同的杯子,我一个人在这里,那么,他们就不会理解我……

原则上,人类提出了几种清除此类障碍物的方法,例如,使用某些物质。但是,当然,这种方法不能在工业上应用。您可以一次推波助澜,想出点什么,这可能会导致某种愚蠢,而不是思想会在应有的地方发展。所有试图认真对待这个问题的人都经常结局糟糕。 

产生想法和创造技术的大多数方法都基于消除干扰的障碍。例如,最简单的事情是排除批评。

所有集思广益会议均基于以下原则:我们无权讨论和批评想法。恰恰是这样,没有人会感到尴尬,没有人害怕,并且可以将任何最愚蠢的想法添加到总列表中,然后将某人推入另一种想法,这个想法开始相互依存,并出现了大量想法。然后,您可以坐下来分别讨论所有内容。

当您独自一个人有意识地决定现在只提供任何废话时,您甚至可以在自己内部执行此操作,然后分别坐下来找出什么是废话,什么不是废话。我不会在很长一段时间内对此进行详细介绍,关于创意方法的主题有大量不同的书籍和文章,而且可以肯定的是,你们中的许多人只是想展示一般原理。

4.实验


在我们产生了许多不同的想法并从中选择合理的想法之后,随着这些想法我们可以走得更远,实验和原型制作阶段开始了。

  • 原型制作
  • 原型制作
  • 评分
  • 可用性测试

此处以图形方式显示了所有原型。这幅画的含义:我们想出了一些东西,将其画出并扔掉了。所有的原型都归结于此。 



我们在浏览器中创建了一个原型小组,其中包括几个快速原型的程序员。我告诉他们他们的工作将是什么,我必须说,并非所有人都同意这一点。我说过,您所做的一切都会被扔掉,您100%的工作都将放在篮子里。并非所有人都愿意接受这一点。 

一方面,这似乎很糟糕,另一方面,这显然是原型。就像设计建筑物时一样,建筑师最初是用硬纸板粘合其布局的,这正是硬纸板的布局。或者,当创建汽车时,他们会制作一对一的橡皮泥模型,然后在风洞中吹塑,然后该橡皮泥模型就不会投入生产。这是同样的故事。

但是就新颖性而言,人们处于潮流的最前沿,并且可以尝试疯狂的事情。其中90%的东西根本不会产生任何结果,因为我们会尝试说:胡说/不起作用/不喜欢它,但是10%的人可以看到一些实际项目。 

当务之急是所有这些都必须很快完成。如果创建布局需要大量时间,则原型化将毫无意义。您需要以尽可能便宜和最简单的方式进行操作。由于将其丢弃,因此付出大量的精力,精力和注意力是没有意义的。

例。原型是不同的。您可以制作一个纸制原型。当我们制作浏览器时,我们决定了它的外观。在Photoshop中绘制了一张图片,大致显示了浏览器的外观,然后我们确定了选项卡的形状,并仔细研究了细微差别,例如阴影在其中的位置。此处绘制的是,较高的选项卡在较低的选项卡上蒙上了阴影,但是这将是怎样的生活?切换时会发生什么?他们的阴影将如何投射?我们决定尝试制作一个最小的原型,以某种方式感受它。

我在Photoshop中绘制了第二张图片,其中打开了相邻的标签,并绘制了第三张图片,其中打开了第三个标签。仅需三张图片,如果将它们放在一起放在演示文稿中,就可以在它们之间单击,我们已经粗略地看到了在切换选项卡时会发生什么以及它如何寻找一个人。某种生活感已经出现。

但是最有趣的事情发生了。在任何用于演示的程序中,都可以放置链接。您可以在选项卡上放置一个透明矩形,并在其上放置下一张幻灯片的链接,然后将鼠标移到图片上并切换选项卡。
 


这是一件简单的事情,它产生了完全神奇的效果。看起来这不仅是三张图片,而且效果是10,000,000倍。我只是和程序员接触,在演示文稿的桌上放了一台笔记本电脑,展示了它是如何切换的,然后他们问:“哇,它是用Firefox还是chrome编程的?”他们从未想到这只是一张图片。 

通常,原型的含义是通过某种欺诈性的,通常廉价且简单的,非常快速的方式来创造感觉,并尝试与它们进行交互。此外,以进化的方式完成了原型。自然,一开始它非常粗糙,逐渐地,我们看到我们不喜欢自己喜欢的东西。我们喜欢的东西被抽了出来,我们不喜欢的东西被抛光了,他成为了真正的产品。

无论我们解决什么问题,我们都有一个简单的过程,可以使我们找到一个好的解决方案。正如您所看到的,这个过程是相当正式的,您可以毫无任何灵感地遵循它,您不需要等待创造性的冲动,只需坐下来就可以了,事实证明,一切都很简单。

2.设计结束时


它与第一个故事紧密相关,并且其中也包含一些过程。有某种设计师的工作过程。 



我们都用绘制的想法和图片做了下一步的工作?有趣的是,更多的敌人出现了。

突然,一个项目经理出现了,他说:“这当然很酷,但实际上,不,我们不会那样做。”或程序员来说:“这很棒,但是我们要花10年的时间来编写它,所以让我们变得简单一些。”大量敌人攻击设计师。

是的,设计师仍然是彼此的敌人,这仍然很有趣。这是我要探索的另一件事,但是如果您拍摄任何照片,向设计师展示并愿意进行重新设计,他首先会责骂绘制的所有内容,然后再绘制新的东西,如果我们再接任下一位设计师,他也会责骂以前绘制的内容将以一种新的方式绘制,而且情况始终如此。在我看来,如果设计师没有责骂上一个设计师,那他就出了问题,最好不要惹他。 

在这种情况下该怎么办?经验丰富的设计师学会了进入外部世界。我真的很喜欢这张古董画如何说明这个想法:



有一个如此凉爽舒适的世界,那里温暖,美好,您可以绘画,发明,没有人打扰,然后您与其他不想做这种事情的人闯入了这个陌生的世界,但是您也可以同意他们,我们在一家公司中,我们不会互相竞争,我们想要制造一种产品,因此我们需要达成共识。事实证明,它并不那么可怕,而且一切都证明了。
 
现在,设计师已经在研究整个产品的生命周期。我一直想知道设计的位置在哪里,设计应该在什么时候开始,什么应该结束。

最初,设计似乎与设计有关。所有自由职业者都在此模型上工作。经理草拟了工作说明书,将其交给设计师,他绘制了布局,将其移交给了设计师,然后开发人员接受了这些布局,产品就完成了。原则上,可以通过这种方式存在,但是通常不会发生任何好的情况。

如果您较早连接设计器,则情况会更好。现在,从一开始,他就参与了发明,然后进行了研究,并撰写了这一传统知识。事实证明好多了,这个人已经在那儿,他了解所有细节,参与其中,发明了一些东西。 

此外,如果在绘制图片之后,设计人员没有被排除在项目之外,而是继续工作,那么结果会更好,因为当开发人员开始意识到图片时,事实证明很多事情都被遗忘了,没有考虑在内,否则,开发人员我们必须弄清楚页面的行为方式,应该发生的情况以及这些都是设计决策。

事实证明,该过程遍布整个薄层。这并不是说设计是一个阶段,设计只是一个状态,它是一个从项目开始到结束都存在的团队中的角色。

更多的用户,更确切地说是人。我们禁止使用“用户”一词,因为它有点贬义。如果一个人使用juzvere一词,则不应允许他设计界面。 

真正的生活中的人们开始使用该产品,事实证明,您想到的一切都不尽如我们所愿,人们没有看到这一点,他们不喜欢我们想要的,总的来说,一切都是错误的。

当您需要突破舒适的封闭世界,与外界交谈,开始与他们交谈,从他们那里找出来,阅读他们在支持中所写的内容,在博客和论坛中进行交流,观看人们对产品的评价时,又一次出现了。

设计师有两个这样的时刻,他们从一个小世界中创造出下一个大世界。我想思考,但是如果有其他世界呢?事实证明,您可以在其中进一步突破。 

我猜是。您可以看到该产品通常如何影响社会,技术发展历史,其他产品以及周围的所有事物。 

我想知道下一步是什么?还有其他外部世界吗?我不知道该怎么想。如果设计师只是简单地绘制一个图标,就会发生这种情况,那么您需要了解的是,该图标(不仅仅是真空中的某种图标)是界面的一部分,而这个界面是产品的一部分,真实的人会使用产品来解决他们的一些实际问题。任务,所有这一切都发生在现实生活中,并以某种方式影响了它。 

那时设计师对所有人都考虑了这一点,您可以回去画一个图标,然后一切都会好起来的 

3.恐惧,内容和形式


我从约翰前田(John Maeda)的 TED 演讲中得到了这个故事,我强烈建议您看一下这个演讲,这太酷了一般来说,有几节课,您可以看到所有内容。

我将展示一个非常适合我们所谈论内容的短篇小说。

以“恐惧”一词为例,看一下它对感知的理解是如何变化的,具体取决于我们放置在该内容上的形式。

恐惧一词用细微的斜体字表示。害怕吗?这么小的字似乎不太吓人。



您可以选择超薄字体,现在一点也不可怕。像某种蚊子,可能有点不愉快,但绝对不会令人恐惧。



如果是这样?好吧,绝对比以前的差。至少在这里您期待着什么。



但是这样吗?



这不是可怕的,而是可笑的,它是某种海盗,也许是马戏团,但不是直接意义上的恐惧。这是一种“滑稽的”恐惧或戏剧表演。

这是一家夜总会:



也许让我们在恐惧中闲逛?时尚的地方。

这里看起来像是杂志:



可以看出,字母非常拥挤,我们直接感觉到它们是如何被挤压的,如何处理,爬行的,但是它们被挤压了,这使我们有些害怕。

它可能是一家非常昂贵的餐厅,您需要在两周内预订一张桌子才能获得:



尽管单词相同,但含义已完全更改。仅取决于它采用的形式以及我们如何展示它,其含义是完全不同的。

让我们稍微改变一下字母,我们得到另一个词,现在这个词是自由的-自由。同样,幻灯片所传达的消息的含义完全改变,这取决于所使用的字体。

例如,这是一个强有力的粗俗陈述“万岁,自由”,全部或部分发行将其与“自由!赠品!来吧!超级动作,所有东西都在出售。”



这只是同一字体的不同样式,而效果则完全不同。这是自由空间,一些空气容易呼吸:



您可以通过传播字母来增强此效果:



现在,总的来说,一切都充满了空气,字母几乎腾飞了,在我们看来,这是一件如此之大的免费作品。

根据我们改变形式的方式,我们的观念也会发生变化,并且设计总是由以前的故事所涉及的内容组成,但是仍然存在一种形式,这也是设计的组成部分。

我们通常将整个内容作为一个团队来工作,每个人都会提出产品的用途,然后形式已经是设计师的工作范围。

设计师知道不同的秘密,而优秀的设计师则知道如何使用表达手段来传达正确的信息,正确的色彩以及所拥有的内容。

4.它美丽吗


最后,所有关于丑陋的讨论的最终归结为“味道”的概念。这是伟大的苏联百科全书中的定义:
审美品位-人们区分,理解和欣赏现实和艺术品中的丑陋事物的能力。

设计师可以说一个人他有品味或没有品味,或者他的品味不好或好。但是很少有人会说如果味道不好怎么办?例如,如何教育他?好味道从哪里来?坏处从哪里来?

一个普遍的答案是,如果您看很多东西,那么味道会在很长一段时间内获得。人们观看作品越多,被认为是公认的好品味典范,他的品味就越形成,随着时间的流逝,他学会了更好地将美与丑区分开。如果这种能力不够或没有时间,那么人们会诉诸不同的规则和法律。我不能说这很好,我会告诉您更多有关规则的信息。

品味通常与机智和多多少少的表达欲有关。在下面的图片中,两个笔记本来自两个不同的操作系统。



上图显示记事本设计人员非常努力,有眩光,渐变,霓虹蓝色背光,窗口标题下方整齐地突出显示以便清晰可见。许多工作已经完成。

在相同的hack。只是一个白色的正方形。设计在哪里?



当您仅将笔记本作为演示幻灯片看时-这是一个故事,当您始终使用界面进行操作时,很多眩光会让人很累。一次看一下它们可能会很有趣,但是当您每天遇到它们,每天进行8个小时时,有时您会倾向于相信一个简单的记事本可能会更好地实现其功能。部分原因是在Mac上,菜单被“钉”在窗口顶部。一个棘手的时刻,使Mac App设计人员的生活更加轻松。

有关美的更多信息。我现在有个问题要问你这是一个矩形,您认为它很漂亮吗? 



对于大多数人来说,这个矩形看起来很漂亮,因为它具有比例。在这种情况下,哪一个都不重要,它可能是黄金比例,Pi值,斐波那契数或仅仅是整数比例。

重要的是,当我们只看图片时,我们不会注意到它,但是在潜意识里,我们的大脑感觉到那里不仅有东西,而且还不是随机的矩形:



您甚至可以测试,绘制100个不同的矩形并采访成千上万的人,但是我们现在不必为此烦恼,这只是设计师从人的角度来看使事物更美丽的示例之一。

下一个招。取这个矩形并沿图纸平面相乘。我们得到一个网格。



网格可用于在平面上排列对象。我们结合了多个单元格,并用内容填充它们。 

例如,我们可以将单元格的第一行放在标题中,在9个单元格中填充文本,在四个单元格中放置照片:



现在,这些块中的每一个都继承了原始模块具有的比例,也就是说,照片现在也具有原始矩形具有的比例。



网格是一个秘密元素,它不再存在于最终布局中,并且组成看上去和谐美丽,人们为设计师鼓掌,想知道它是如何如此容易地发生的。

在同一个网格上,我们以不同的方式布置对象,再次将内容简单地放置在单元格中,我们隐藏了网格,我们得到了漂亮的构图:



设计师知道不同的规则。刚开始的设计师为这些规则而战,争论,遵守这些规则,揭露不遵守规则的同事。

经验丰富的设计师以违反规则闻名,与遵守规则相比,他们获得了更好的结果,因为他们很好地理解了这些规则的来源,在这种情况下,违反可以带来一些好处。

我现在不会讨论这个问题,但我告诉您是为了让您理解,有些事情最好留给设计人员,由设计人员负责并且他可以做得很好。

5.如何为设计师设置任务


我将使用授权页面的示例演示如何设置任务。以前是Yandex邮件中的授权页面,现在不是那样了。我们注意到,来找她的人中有80%显然没有邮件,他们不做任何事情就离开了此页面。真是太神奇了,他们为什么不理解地去那里,这些人是谁?



但是,一旦他们到达那里,诱使他们从他们那里收到我们的邮件将很酷。现在只有一个蓝色的链接,我们决定做些事来获得更多邮件。

在这种情况下,如何为设计师设置任务?您将如何设置任务?使链接令人痛苦吗?

这是设置任务时需要回答的问题: 

  • 为什么我们需要这个项目
  • 我们如何理解目标已实现



  • ,





首先,您需要回答以下问题:“我们为什么要这样做?”我们不仅应该了解这一点,还必须向设计者进行广播。作为团队的正式成员,设计师必须充分了解所有最初的前提。

因此,将“制作绿色按钮”作为设计人员的任务的选择并不酷,因为该按钮已经是解决方案。任务是什么?增加邮件中的注册数量。

===================================
为什么我们需要这个项目?

我们发现,在此页面上,有80%的访问者没有在Yandex上收到邮件,但由于某些原因,他们来到了它。我们绝不会与这些人见面。因此,我们希望使邮件更加可见。

登录页面现在有点旧了。自2000年初以来,它没有改变。

===================================
我们如何理解目标的实现?

我们来衡量注册数量。我们希望更改授权页面将导致新用户注册数量的增加。我们将考虑这个数量。

我们将喜欢新页面。
让我们做个实验。
伙计们知道。


===================================
还需要做什么?

我们将从头开始重绘当前页面。我们需要新的设计和新的布局。

放一个大绿色按钮。
重做一切。

====================================

关于页面改页。如果您以某种方式伸出该元素,那么将不会有什么好处,因为该元素会完成邮件中的注册表。如果您在此处放置一个引人注目的按钮,那么人们将通过单击它来杀死登录密码。什么都不会发生。

也许设计师没有必要说一切都需要重做。可以说,我们想增加注册数量,并邀请他决定是要更改当前页面还是绘制全新的内容。

我不知道为什么我对新页面如此着迷。您可以简单地暗示该任务将不仅限于更改一个元素,因为这可能会破坏当前行为。因此,必须要么彻底地重新考虑这一要素,要么大体上重新考虑一切。

重要的问题是“我们会破坏当前行为吗?”还必须考虑到这一点,并且当前的行为是许多人按照最初的意图使用此表单输入邮件。这部分必须仔细保存,不可能单击删除它或使其变小,这应该引起注意,但同时应具有引起人们注意的元素,这将鼓励人们开始发送邮件。

“为什么这样做?”因为大量的人来到页面而无处可去。这些问题与Yandex的经理特别相关。

几乎总是,如果您想到了一些改进,则可能证明服务团队已经考虑过了。对我来说这是一个发现,但这是事实。

例如,如果您对Yandex邮件有任何想法,那么即使他们没有被告知,也有99%的概率知道邮件中的人已经知道了。仅仅因为他们不断思考,他们监视着许多不同的来源,也许您的想法在他们的工作中。或者,也许他们可以合理地解释为什么这不是很酷,也许他们已经尝试这样做了,结果证明出了点问题。也许他们没有时间,他们无法或忘记了,那么就需要提出并完成它。

我们现在将跳过列表中的澄清问题。

当设计师收到如此详细的任务时,他决定制作一个绿色的大按钮,但在页面的其他位置。这是他的工作:



我们准备好弥补。设计师说,等等,没有足够的设计,让我们更好地做到这一点:



我们认为,一方面,所有内容都是相同的;在同一位置,绿色按钮很大;另一方面,它以某种方式获得了mail.ru,而在Yandex中根本就没有。在Yandex中-这是在白色背景上的黑色字体。 

设计师说你累了,我一生都不能用黑色字母画白页,我要美丽。我们争论认为,我们应该尝试同时运行这两种选择。 
好吧,如果您在争端中找不到真相,让我们测试两种选择。对于访问该页面的用户,在实验的两周内,随机显示白色或蓝色页面的概率为50%。挂有柜台的页面。我们会仔细研究所有访问页面的人的转换会发生什么。

您认为赢得哪一页?白色大约占40%,蓝色大约占40%,其他人则认为没有区别。

实际上,确实没有区别。这两页的工作原理相同,准确度在允许范围内。看起来绿色的大按钮胜过了其他按钮。

到目前为止,两个页面都存在,有一个小灯泡,如果您单击它,在角落里,页面就会切换,这是一个秘密黑客。

6.截止日期该怎么办


一个简短的故事。一切都很好,但是我们需要有一定的时间在一定的时间进行设计,因此我们不能总是承担无休止的工作。像达摩克利斯之剑这样的时钟总是悬挂在我们上方,目前尚不清楚。

我的一般回答是:实际上,截止日期不存在。更准确地说,整个工作过程可以花很多时间。实际上,只要我们对解决方案有一个总体思路,就可以立即解决问题。根据我们有多少时间,我们只是增加细节。

例如,如果我们有一个月的时间,那么我们可以花第一周的时间进行研究,然后在下周的两天内进行准确的问题陈述,再花三天的时间进行头脑风暴和其他方法以产生许多不同的解决方案。我们仍然有两个星期的时间
来制作一些原型,进行测试,然后选择一些好的产品。

如果我们没有一个月,那么我们只有一个星期,那么在星期一,我们将进行周一可以进行的各种研究,在星期二,我们将制定任务,在下午,我们将进行一系列的头脑风暴会议,在星期三,我们将进行原型设计,在星期四,我们进行测试,在星期五进行重制,但我们仍然可以为一周准备好解决方案。 

时间越多,结果越好,但是几乎没有时间可以得到一些结果。

YouTube示例:
确保服务成功的最重要的关键设计决策,您知道吗?相关视频块,您可以在其中观看与此视频相关的其他视频。提供粘性的此块。



(这是一个很旧的版本),

您先观看一些视频,然后观看下一个,然后观看下一个,然后在窗外已经黎明了。Youtube吸引了您。

实际上,YouTube的整个设计归结为以下事实:我们需要展示与我们正在观看的内容相关的视频,其他所有内容都是次要的。 



他们进行了重新设计。正如我们所看到的,主要的事情在这里占据了更为重要的位置。视频变得更大,带有提示的区域更高,但这是解决方案的本质。

原则上,如果我们提出这个想法并将其简单地画在纸上或黑板上,而且绝对没有时间,您可以立即将其交给开发人员,输出将是一种可行的选择。如果有时间,您可以绘制漂亮的按钮。

7.打开


我相信设计是一个开放的过程。设计师必须在每个阶段向尽可能多的人展示他的工作成果,甚至是一些早期的草稿,并在此过程中吸引大量的人。

返回到此循环,在每个阶段,不同的人参与都是有用的。



在进行研究时,我们经常邀请经理和开发人员加入,如果我们要研究浏览器的历史,那么谁在乎-继续前进,下载旧版本,安装,尝试,挖掘出屏幕截图。人们对交谈感兴趣,每个人都记得他们关于旧浏览器的故事。 

头脑风暴通常是最有利的土壤。为了在此过程中尽可能多地召集不同的参与者,不仅是设计师,不仅是经理,而且通常是每个可以将他们的想法扔进普通存钱罐的人。

您可以向整个公司展示结果。这是一个有趣的效果:人们看起来很真实。我们经常在Yandex的内部博客中发布一些早期的布局。人们看着,人们开始提出问题,进行讨论。 

有几个积极点。首先,每个人都将了解正在做的事情。这对于服务团队而言非常重要,因为当您用语言描述时,您对一切的想象都有些不同,当您看到模型甚至草稿时,每个人都突然开始了解正在处理的内容。对于相邻的团队,或者对于旁观者和外部观察者而言,这同样重要。

当然,这是一大批批评,开发人员注意到某些事情无法完成,有人执着于某些事情,人们发现了我们无法想到的含义,这是第一个测试。

由于设计者组织了整个交流过程,因此他可以自行决定忽略一些评论并投入一些工作。 

在这个阶段,仍然有很多人带有“他们没有问我”的心理,这是非常好的,因为如果您不立即询问这些人,他们将更接近启动服务并会干扰他们。因此,他们将有时间发言,我们将有时间与他们争辩,我们可以忽略他们要求做的事情,但是那时,他们已经感觉像一些参与者在参与其中并冷静下来。这很重要。

当然,为了使设计师能够组织这样的交流过程,需要有一定的道德耐力,因为互联网上的人们通常已经对设计有足够的了解,并开始以他们的看法进行讨论。



顺便说一句,这是一个真实的报价。我花了很多时间来找到可以插入到演示文稿中的真实报价。

有经验的设计师知道,任何这样的短语背后都没有太多意义。您可以问一个人,找出他到底不喜欢什么。通常这不是他一开始所说的。 

如果您需要向设计师传达设计方面的问题,那么我将尝试以这种布局为例进行说明。



假设设计师说:我认为邮件应该是这样的。 

您可能会因恐惧症/那里的油漆而掉头发,但您需要克制自己,并按照以下方式告诉他。首先列出您正在观察的事实。您可以将其描述为好像是在与另一间看不见图片的房间的人说这句话。

例如,背景为粉红色,字母阅读效果较差。然后,您可以根据需要添加列出这些事实时的感受,例如,我很难相信许多人会喜欢粉红色的背景。然后开始讨论这些事实。

您不能对设计师说“好吧,您真是个傻瓜”或任何其他小的建设性的“胡扯/没人喜欢”或其他毫无意义的表达方式。

我们看了七个关于设计相关事物的简短故事,这些故事对我来说很重要。 

结束本演讲的引言:
简单是美丽的必要条件。L.N. 托尔斯泰

All Articles