Geoff Ralston:欢迎来到 Y Combinator 创业学校第四周,这将是一个伟大的课程。我们有Garry Tan,他是我的好朋友,是 Y Combinator 的前合伙人,也是Posterous 的创始人,InitializeCapital 的创始人,这就是他现在所做的。
他是一位了不起的设计师,他将要谈论产品设计,以及如何使之成为一个优势,让你做出人们想要的东西。接下来是我在 YC 和 Craig Cannon 的现任合作伙伴 Kat Manalac,我们将介绍如何利用公共关系和内容来获得用户,从而改善公司的状况,在我们开始之前,我想简单说几句。
如果你错过了一个更新,我知道每个人都在努力获得他们的更新,以便他们能够达到毕业标准,请继续加油。
现在,最简单的方法是通过电子邮件将更新发送到 startupschool@ycombinator.com。
第二,很多人已经知道了,我们合并了一些团队。
希望每个人都能够顺利进行下去,当然,可能没那么顺利。
例如,如果你的团队有问题,如果没有主持人,请尽快通知我们,发送至 startupschool@ycombinator.com。
这是最简单的方法。
如果出于某种原因,你认为你在错误的群体中,因为某种原因,无法满足你的需求,请告诉我们,我们将尽可能地帮助你。
如果您还没有启动,我们建议您尽快启动,就这样,我们开始吧。
我非常高兴向大家介绍Garry Tan。
Garry Tan:
谢谢你们过来听我讲产品设计,坦白地说,设计可能非常复杂,需要考虑的因素很多,希望在一个小时内,可能会更长一点,我能够讲完约 100 张幻灯片。
我试着把所有我知道创始人会出错的事情都写下来,所以内容不会特别的深入,还有一些是你需要知道的术语,这些是你需要知道的基本概念,我个人实际上是自学的。
我真正想说的第一件事是,把史蒂夫·乔布斯和设计联系起来几乎是陈词滥调,但我认为这是最重要的事情之一。
如果你在这个房间里听课,或者在互联网上观看,你可能已经理解了这一点,这就是你开始创业的原因。你所说的生活是由那些不比你聪明的人创造的,你可以改变它,你可以影响它,你也可以创造自己的东西,让其他人可以使用。
史蒂夫说过,一旦你知道了这一点,你就再也不会是原来的样子了。
所以我真正想强调的是什么是设计?设计就是关于制作和建造其他人可以使用的东西,如果你从句子中删除一个单词,实际上是做不到的。
所以我们今天要探讨的是设计是什么?为什么重要?我们将深入研究产品设计和视觉设计这两个概念,我们还讨论实际上是如何做到的。
即使你没有任何设计背景,只要你有手有脚,足够聪明,可以和别人换位思考,那么你也可以自己去做。实际上作为创始人,你真的要这样做。
最后,我们会讨论应该在什么时候雇人,以及雇佣什么样的人,什么时候应该使用咨询公司,诸如此类的事情。
我在产品设计上花费了近 一万个小时,实际上我接受过工程师的培训,但我从来没有上过设计学校,我是自学成才,通过实践来学习,我发现自己不仅可以在代码编辑器中创造产品,而且也可以在 Photoshop把我脑海中的产品做出来,我试着弄清楚它应该是什么样子,我想让人们感觉到什么,我应该是什么样的人,在编写代码之前我应该做什么。
我是一个项目经理,我是帕兰蒂尔的 10 号员工,然后 YC 在 2008 年资助了我一个名为 Posterous 的公司,这家公司实际上是我过去对产品的一些想法的一个案例,以及未来你如何将其应用到你在的初创公司。
我在这个房间里与公司合作了十个批次,最初实际上是作为设计师在工作,所以我像你们一样,坐在这个房间里与很多个创始人一起工作,我该如何建立我的第一个主页?我的体验如何?在那之后我该怎么办呢?如何构建设计过程或生产流程?所以你将看到的基本上是一万小时工作的精华提炼。
当涉及到设计时,我最兴奋的一件事是,这种能力能够将一些非常重要的东西的图像组合起来。只有 10 个人的时候当我加入了帕兰蒂,当时我们就要设计这个标志。
我最喜欢的一件事是它的意义和美学的结合。从表面上看,我真正想做的事情之一就是强调帕兰蒂尔是关于什么的。在某种程度上,这个词的意思虽然有实际意义,但是具体的标志,实际上是一个守望者,灵感来自电影指环王,所以从字面上讲,这是有道理的。
在我们建立这家公司的过程中,其中一个更微妙的层面对我们非常重要,就像是一个人在阅读一本书,因此,帕兰蒂尔的一个主要主题是,我们现在正处于社会中,计算机能够帮助我们以更基本的方式了解我们周围的世界,计算机基本上就是一本无限的书。
这只是一个例子,我看到了单元设计实际上很好地帮助建立了一个公司的文化,这很有趣。能把公司的所有这些不同的东西都翻译出来是件很有趣的事,为什么我们会在这里,把它翻译成可以穿T恤或戴帽子的东西。
所以,真的需要说明的事,我是一个训练有素的工程师,但我没有正式的学过设计,完全是自学的,我是创始人,我只是把我所学到的知识应用到我喜欢的方面,就像你一样。现在我是风险投资人,这是处于偶然的,所以我今天要说的是一个非常简单的问题。
如果我们愿意的话,我们可以很容易地把它变成一个为期10 周的课程,讲授每个特定的部分,但是我希望它是一个路线图或知识图谱。
所以你可能会听到这些术语,在你的初创企业中就会遇到,现在或者明天,你可能会想要开始使用这些东西,多用谷歌搜索。你需要知道的世界上的一切,它就在那里,所以电脑真的是头脑的自行车。
我想强调的另一件事是,我们把设计本身看作是一种独特的东西,但它确实深深地融入了你如何创造伟大产品的这一更广阔的愿景中,它不仅仅是一个独立的设计,它是设计如何与所有其他部分的相互作用。
因此,除了优秀的设计和工程和客户支持外还需要优秀的产品管理,这就是所有这些事情,不要自我设限,让创意发散,你是产品的守护者,你必须做好每一件事情。
那么什么是设计呢?为什么重要?简言之,这其实就是这两件非常简单的事情。对我来说,它是让用户感觉良好并能够帮助创造出更多有价值工作的产品,但有时这是两个完全不同的东西。
对我来说,世界上最鼓舞人心的一些公司,他们的设计是他们工作的核心部分。很明显,如果你不谈论史蒂夫·乔布斯和苹果,你就不能谈论设计,最常见的误解就是,设计只是产品的外观。事实上,这不仅仅是它的外观,还是它工作的方式。
这就是为什么在接下来的幻灯片中,我们要谈论很多关于设计的工作过程,它是如何工作的,它应该做什么,以及存在的问题是什么。
我很喜欢莱卡相机,我刚买了我的第一台莱卡相机,简直不敢相信我等了这么久才终于买了一台。作为一个品牌,莱卡的设计非常好,令人难以置信,确非常实用。它还涉及到更深层次的功能,为什么这个东西比之前存在的所有其他东西更好呢?
1929 年的一篇评论直接把答案告诉了你,当时的莱卡是神奇的,它的重量是主流产品的八分之一,而价格只有十分之一,在当时这是一个难以置信的机器,现在仍然是一个相当惊艳的机器。对于其他的实体产品,我和很多其他人也说过,最伟大的设计灵感之一就是 Dieter Rams,他创造了很多非常简单,非常漂亮的产品,这些产品都非常有用。
我认为他在设计中向我们展示的最重要的一点是,好的设计实际上是尽可能少的设计。所以,极简主义,这是我们在这个演示中会多次提到的一点,这里的关键是你如何创造那些非必要的东西。这真的是关于纯粹,关于简单,只是为了把它带回家,这是一个引导的能力,也是我们今天在市场上看到的一切。
历史不会重演,还有一件事将在这次谈话中提到,事实上,在阳光下几乎没有什么新鲜事。作为设计师,你可能不应该花太多时间去尝试新颖,因为新颖是功能的对立面。我的意思是什么?
早些时候,我们以愉悦的方式讨论了形式与功能,并且起到了很好的作用。这是两种对立的力量,当你试图组把他们放在同一个产品当中时。很明显,我们总是想要漂亮的东西,想要让你感觉好的东西,让用户感觉好的同时,新奇也是快乐的一部分。就是这样,“嘿,这是新的,我以前从没见过这个,这很有趣。我想多看看这个。
同时,功能就是最重要的,我们正在努力完成一些事情,部分的问题是形式超过功能,即使最好的产品也会出现这样的问题,对,我说的就是苹果的刘海。
这是他们的网站上的一张照片,确实非常新颖的,它的目的是一个普通人能够拥有的非常新颖,不同的东西,居然非常高的可识别性,能够一眼把它与其他智能手机区别开来。但就功能而言,据我观察,情况不是很乐观。
就像,今晚你可能会去一家餐馆,那是一家很漂亮的餐馆。非常好的装饰,非常周到的服务,惊艳的食物,当你走进来坐在座位上,非常浪漫,但是我看不清彩带,也没办法点菜。这就是一个例子,好吧,我们想让人们为体验付出更多的费用,难以置信的体验,但如果我甚至看不清菜单,为什么我在这里吃饭?这很常见。
我强烈推荐你读的一本我最喜欢的书是唐·诺曼的《日常设计》,他基本上有一整章都是关于门的,非常漂亮,但是你不知道如何使用它们,这是另一个更例子。有人不清楚如何使用门,不知道应该门把手在哪,应该向左还是向右,门是最简单的东西之一,但当你把形式超过功能,人们就很可能不清楚你如何使用它。所以,如果花点时间仔细想想,为什么我们在日常生活中使用的东西形式会重于功能?为什么会这样?显然,这不应该发生,形式应当遵循功能。
在内心深处,我真的想强调一件事,坦率地说,作为创始人,我认为你需要花很多时间,那就是同理心,这是我最钦佩的事情之一,也是我在 YC 工作期间最钦佩的事情之一,同时也是 2008 年作为一名创始人在YC的经历。
那就是坐下来与保罗格雷厄姆交流,他会给我们很棒建议,具体来说,你的用户在想什么?他们有什么感觉?他们为什么在这里?我知道我们坐在一个房间里看这个特别的用户界面,但是用户可能会在很多奇怪的场景见到这个界面,例如鞋子上,这是我们将反复讨论的问题。
我把其中一件事,放在我对设计资源的建议中,表面上看,这是荒谬的,这是一本萧条时期的书,作者是戴尔·卡内基,一本自助书。实际上我认为创业者需要阅读,一个人必须对其他人真正感兴趣,你必须看到他们的观点。你要有同理心,理解他们的想法,他们在做什么,他们真正想要什么。
第一天你进入 YC你会得到一件 T 恤,上面写着“做人们想要的东西”。我不知道他们现在是否仍然这样做,但如果我真的做了一些人们想要的东西,你会得到一件印有你做出了人们想要的东西的T恤。
制造高科技产品真正有趣的一点是,我们经常把它们看作极其复杂的机械,在我所做的事情中,最有用的心理模型实际上是不要把它看作是建造一辆汽车,而是建造一个网站或者写软件或者诸如此类的东西。
这里的关键部分实际上是知道你真正解决的是什么问题,简而言之,我想你在创业学校会反复的,是真的,我们怎样才能尽可能的清晰的阐明我们需要解决的问题,这也是设计思维的核心原则。因此,不知道你的问题是什么,缺乏同理心,你就无法知道你的用户是谁,他们的问题是什么,那么你创建的产品就有危险了。
如果你基本上谈论一个特定的产品,他们说的是某个人可能遇到的一个特定问题,但如果你购买了这些产品中的任何一个,而你正试图解决这个问题,那么现在你有两个问题。如果有的话,这些发明中的每一项都是为了服务于创造者的核心问题,即创造者想要解决的问题。
再举个例子,这是同理心的相反,这是一件事,这是你把新奇,把一个特定的兴趣放在你的用户,市场或你身边的人面前。所以在结束的时候,如果没有问题,那么就没有解决办法。这个产品最终是为自己设计的,而为自己设计的不是设计,而是艺术。艺术本身没有问题,我喜欢艺术,但事实上这不是我们来这里的目的。它的创造者创造了人们实际上不需要的东西。
工程师也经常会这样做,做一些他们认为我们需要的东西,然后事实上它不够好,也不够新颖,它不是别人真正想要的东西,这是个严重的问题。所以设计有很多种类型,毫无疑问,一些最明显的例子是由设计驱动的公司,它们实际上是硬件公司。设计的种类和人类需要的东西的种类一样多,这不是一个错误。
建筑绝对是一种设计形式,品牌和身份,能够使用数据、图像、地图或图表来传递信息。家具设计,一件家具很容易设计成人类默认的机制。一个景观设计,一个人如何进入一个地方,他们如何使用它,他们知道去哪里?包装,如果这是一个礼物,当它送到我的门口,我会有什么感觉?为什么还有礼品盒?每个部分的形式和功能是什么?交通设计,汽车是最能唤起人们情感的东西之一,这些几乎都是纯粹的情感。
对于这个房间里的人,我认为他们可能是最与你相关的人,我们会花很多时间来讨论这个问题。所以这又是一个极端的过于简单化了,但我将在初创企业的设计方面对其进行分解,实际上是产品设计。
那么,问题是什么,是为了谁?交互设计我们该怎么做呢?我该如何实际地创建线框,创建流程,创建那种像素完美,准备就绪,可以实现吗?视觉设计实际上就是最后一英里,坦率地说,我们之所以这样划分,部分原因在于你的团队中有人可以实现这些。如果他还能编程,那就太棒了,如果恰好他们也能做生意,那是难以置信的,但那显然是独角兽。
独角兽确实存在,但非常罕见的,我相信事实上这个房间里会有一些独角兽。现在在线观看的人当中也有独角兽,向各位独角兽致敬。
你会找到一些非常有经验同时在一项技能上非常擅长的人,伙计,如果你能找到一个能做所有这些事情的人,立即让他们成为联合创始人,但前提是你认识他们一段时间。
回到整个产品设计流程,它确实有连续性,实际上,你从产品设计开始,每一个设计都有顺序,如果没有捕获实际需求,就无法开始交互设计。最后,当然是工程学。理想情况下,你一直在进行谈话,但是工程和具体的实现经常是之后发生的事情。
所以,让我们深入研究一下产品设计。有趣的是我在这里有点作弊,我实际上是在把产品管理混合在了这里,对我来说,我真的做不到,我做不到产品没有……我做不到设计过程没有做这部分,所以它真的是在考虑商业案例。
问题是什么,谁有问题,所有可能的解决问题的方法是什么,每个部分的实际优先级是什么?所以请原谅我,我知道这并不是设计的正式部分,我只是不知道如果不做这部分,你怎么可能做好设计。
这些东西中的每一个都有一个相当具体的可交付成果,所以在这种情况下,这里的可交付成果是一个 PRD(产品需求文档)或者你也可以称之为一个规范。有趣的是,没有真正的一种方法来进行产品设计,正如你可以称之为“产品管理”,微软称之为“IT 程序管理”,然后一些组织不再强调其中的某些内容,他们称之为“IT 项目管理”,但项目经理实际上仍然需要考虑所有这些事情。所以标签没什么大不了的,你做得事更重要。
这实际上是我的 YC 应用程序的实际内容,从 2008 年 1 月开始,所有你真正做的事情都必须从一个问题陈述开始,我们试图解决的是这种在线发布的能力。我们研究在线服务的时候,博客平台已经过时了一段时间,但实际上它们已经相当陈旧了。iPhone 是全新的,然后我们将电子邮件视为在线获取内容的通用方式,我们认为这是一个全新的方式实现了这个功能。
所以,一旦你有了这个问题陈述,你能做的最有价值的事情之一就是谁会遇到这个具体的问题,我将以“Posterous”为例来帮助你理解人物角色,角色只是设计师或产品人员思考这些非常、非常具体的人的一个工具。这只是一个工具,这不是唯一的方法,我们选择使用这个工具。
我们认为我们的用户实际上是三种不同的类型,大卫,爸爸就是其中之一,我们想把他们确定为特定的人类。这是一个非常成熟的版本,你可能会这样做,有时你会在后台填写,比如他们上的是什么学校,他们成长在什么样的家庭,或者他们使用的是什么类型的电话,或者他们使用的是什么类型的电脑。
当时,他们使用的是 Internet Explorer,还是 Chrome?他们用了吗,我还不确定 Safari 是否上市。他们怎么使用电子邮件?他们使用什么程序?这种软件的体验如何?所以当你做决定的时候,这实际上会帮助你很多,好吧,你想做什么,真正重要的是什么。
我们的另一个角色实际上是大卫的家人,所以我们以祖母优雅的方式捕捉到了这个。其中一些事实上也是有意的,所以她少了一点。她使用的是华硕的上网本,使用的是 hotmail,她不太明白怎么使用它。这一点之所以极其重要,部分原因在于通过不同的两种方式进行思考,而技术的舒适程度往往是最重要的事情之一。
伙计们,你们中的一些人正在积极考虑为为后期采用者设计产品,在过去五年中,一些最好的 YC 公司已经被部署到全球货运和建筑领域。所以,如果你走进世界上的任何一个办公室,你都会找到一些懂技术的人,但不是很多。即使对于企业公司来说,对于B2B公司来说,这些角色依旧是非常有价值的,因为它是可视化的,非常清晰。你可能有你的决策者,你可能有你的主管,然后你可能也有员工,他们的能力、动机,为什么他们在这里,可能是完全不同的。
最后,我们也看到了社交媒体的曙光,有十几个不同的社交网络正在成长,还不清楚 Twitter 是否会获胜。所以这是另一个角色,她有非常特殊的需求,所以我们也在尝试为她建立一些东西。无论是在接下来的两周还是下个月,在冲刺过程中,你真正需要做的事情之一就是思考。坦率地说,越短越好,PRD 文档基本上将详细介绍我们正在尝试构建的实际功能。
没有一种方法可以做到这一点,你只需尝试将它们放入连续的场景中,因此,在这种的情况下,一种为我们完成这件事的方法是通过电子邮件纯文本。这只是一个连贯的东西,一种能力。你可以把这个交给一个工程师,他们就会明白这到底是什么,然后通过电子邮件发出去,不需要账号。
所以我们为 Posterous 做的一件非常新颖的事情就是我们的主页上没有注册流程。你所要做的就是从你拥有的电子邮件客户那里发送一封电子邮件,你可以在上面附加任何东西,我们只需要用你的回复。
这是非常有意的,因为我们想巩固一个全新的行为,这是从来没有人做过的。所以你可以发邮件给 post@posterous.com,剩下的就交给我们处理了。
有趣的是,这种能力本身并不新颖,也有其他人在做,但它不是流程的中心部分。因此,一旦你能够掌握基本的技巧,你也会想去做其他事。例如照片附件,能够携带多个附件并变成一个照片库,能够支持视频。
最后,对我们非常重要的安全方面是我们在 TechCrunch 上发布的,迈克尔·阿灵顿亲自对我们进行了审查,他立刻知道,如果他开始使用它,当时山谷里的其他人肯定都有他的电子邮件地址。
所以他几乎立刻让他的技术朋友尝试攻击,幸运的是我们已经找到了,我们解决了这个问题,所以,不可能有人真的伪造他的电子邮件地址,这是新颖的,实际上对我们很重要。
所以我想停下来,早点说,当我说是这些步骤的时候,我实际上是在撒谎,这里实际上还有一个额外的步骤。当你谈论用户时,实际上这叫做用户研究。如果你看到了这个术语,如果你最终想雇人担任这个角色,这就是他的使用范围。坦率地说,如果你是在创业,你当然应该这样做,你不应该把这个外包出去。这只是客户开发的一个基本部分,了解您的用户,与他们共度时光,能够为这些用户编写特定的角色,因为这些是我们想出的用户类型,并且尽可能清晰地描述他们的需求。我们称之为“用户研究”,这实际上做得很好,它确实发生在你开始思考在某种程度上要解决什么问题之前。
如果你们中的一些人试图找出要解决的问题,这种方法是有效的,这将解决他们的问题,所以一旦你真正知道这些需求是什么,下一步就是确定优先级。这只是一个指导方针,这在过去对我很有效,没有一种方法能够解决所有的问题。能够准确区别优先级实际上是一个非常、非常有用和重要的练习。
如果我们不这样做,那我们来这里是为了什么?所以 p1 就是你认为下一个明显的步骤。如果没有它,你是不会发布产品的的,虽然他没有那么重要。然后,如果你用两周或三周的冲刺来思考这个问题,你会尝试得到所有的 p0 错误,p1 错误。
实际上,很抱歉,我略过了一点,如果您在软件开发中没有开始使用 bug 数据库,那么您绝对应该这样做。事实上,这是一个关键的方法,作为一个小团队,你可能不需要它,但随着你的团队的成长,它可能是最基本的技巧之一,你可以确保你作为一个产品正在做正确的事情。尤其是随着团队的发展,拥有一个 bug 数据库并分配这些优先级,而不一定是这样。
作为一个团队,你可以弄清楚这些优先级对你意味着什么,但是能够在一开始就把这些 bug 放进去,链接到一个 prd 文档或者页面,或者一个工程师需要的可视化组件,这可以是一种连贯的方式,你可以运行我们的整个产品的工程项目。当我们继续往前走的时候,其中一件一直对我有用的事情是很多细节上,它们一般排在第二第三优先级,因为事情总是会出错,这几乎可是确定的,我的意思是,我从来没有经历过任何迭代或任何发布,有一些完全不可预见的事情打破了一切。因此,这种优先顺序之所以非常重要,部分原因是它确保了你试图完成最重要的目标。
在产品开发阶段最危险的事情之一是,如果你没有这些优先权,你就不知道该削减什么。所以两周的冲刺可能会变成三周、四周、六周、两个月、三个月,然后你就永远不会出海了。我们会稍微谈一下,为什么优先权很重要。
还有一件事,你不一定总是在规范中写出来,但它是非常有用的,因为你在产品开发过程的这个阶段思考。仔细想想我的角色中谁需要或想要这个,这真的很有帮助,这很重要吗?他们之间的互动是什么?无需账户就可以通过电子邮件注册,一些不太懂技术的用户实际上非常害怕注册新产品。因此,能够做到这一点,无需账户功能打开了我们的用户基础,为那些不太懂技术的人敞开了大门。
我们在转向照片附件支持,大卫和艾琳都是超级用户,他们有了最新的,最漂亮的iPhone,所以他们真的,这就是他们真的想做的事情。当你继续流程的时候,你可以把重要的和不重要的分开。坦率地说,这在我的生活中从来没有发生过,如果你非常非常幸运,而且你的产品开发那个特定的冲刺中非常出色,那通常是你可以开始的一件事。
把 p2 和 p3 作为一个特定的冲刺的一部分是很有价值的,因为有时候你会有额外的时间,有人会比你希望的更进一步。所以它之所以有用的另一个原因是,这样你就可以在不同的冲刺中思考你的产品。你可能会在这个月发布一个版本,然后是 P3 视频文件支持,至少如果你的软件工程师知道这是他们想要做的事情,当他们进行分解时,当他们实际上在写写代码的库或结构时,他们会知道不能只适用于照片,他们还可以支持其他类型的媒体,这实际上可以节省团队中的每个人更多的返工。
开发产品的一个关键困难就是总是试图弄清楚我们现在在做什么,以及我们以后要做什么。因此,优先级能够非常清楚地了解这些需求,这是最简单的方法之一,你知道你正在做什么,你知道产品是朝着正确的方向发展的。这真的是产品管理的基础内容,但是如果你这样做,你将远远领先于你的很多同行。
很多人甚至连这个基本的步骤都不做,功能是设呢,用户是谁,我们要解决的问题是什么,然后各自的优先级是什么,其中一个典型的原因是,我们已经讨论过这个问题,但是如果你这样做,那么预先确定优先级,然后确定给定的产品就变得非常容易了,因为你只需要切断底部。
大家都知道,我们先从 p0 开始,然后是 p1。那么,如果我们像这样领先,让我们来做 p2s 和 p3s,但是如果我们迟到了,那么……关键的一点是,每个人和你们所有人都会遇到这个问题,你面前真的有三件事:范围质量和时间。所以你做了多少,这是优先顺序的一部分,质量,它的现实是,这不包括在你的PRD当中,它只是纯粹的人们如何使用你的产品。有多少个 bug,里面有什么东西不起作用。最后,时间,你可以尽可能地以最高的质量完成你想要的所有功能,如果有需求可以把发布日期推迟两周、三周、四周。如果你不同样缩小范围,那么你也许可以缩短时间,但是用户在生产中会遇到很多个bug,而你不会喜欢这样。所以,如果我们从这一点上后退,那么这正是你用来抗压的过程。
另一件很常见的事情是,优先级之所以如此重要的另一个原因是,如果没有这一点,你可以避免许多非常奇怪的产品决策。如果你对某些设置面板、你的 iPhone 或任何产品感到非常沮丧,你会说,“为什么它这么烂?“嗯,可能是因为有人没能做好这件事。他们只是说,“你知道吗?就这样吧,我们就直接发布。”所以这是一个真正的危险,产品质量和产品真的会失败,仅仅是因为优先级和这些基本要求还没有真正确定。
最后一点,人物角色真正能帮到你的是,你的用户非常聪明,有些人非常不聪明,你该如何处理?你如何思考不仅要做什么,而且要如何在屏幕上表现出来。所有这些对于第一部分来说都是非常重要的,这只是纯粹的产品设计,所有这些东西都非常重要。交互设计,你知道用户是谁,你知道问题是什么,我们如何把它转化成你可以真正开始用的东西。
他们会怎么做?他们的目标是什么,如何实现?在一天结束的时候,你想得到的要么是一个原型,要么是一个线框。所以这些东西是什么,有相当多的原型线框绘图工具,你想做的就是找出文本,对动作的调用,对屏幕的修改。你不想关心颜色,你不想关心它的外观,不想关心字体你甚至不必太担心布局,尽管布局作为这个过程的一部分。
交互设计最有趣、最重要的方面实际上是它如何对待人们,这对我来说是一件非常令人震惊的事情。我在斯坦福大学为已故教授克里夫·纳斯做过研究,他在斯坦福大学建立了一个完整的职业生涯,基于这样一个理念:人们对待计算机就像对待人一样。事实证明,如果一台电脑对你有礼貌,一个人也会同样有礼貌地回应,同理消极的态度也会引起同样的反应。即使没有任何拟人主义者,没有剪贴画,没有化身,没有任何类似的东西,真正的每一个互动,你与电脑实际上是一个对话。这是一个反复发生的对话,因为它是用像素写的。它是书面设计,它是用代码写的。
最后,交互设计实际上是关于命令的,交互告诉人们该做什么,你照做即可,事实上,这是难以置信的暗示。我能想到的最有趣的心理现象之一,它可能解释了特朗普和其他很多事情,实际上当你阅读媒体的内容时,无论你阅读的是什么类型的媒体,你都会用自己的声音来阅读这些东西,所以这实际上成为了你内心深处的一部分。
因此,作为交互设计师,不仅仅是一个知道按钮的位置、布局或流程的人,他们也是作家,他们实际上试图用直接命令语言直接影响人们,这实际上是创始人最常见的错误之一。只是说一点,真正的命令语言是关于人们会做任何你告诉他们要做的事情。
你真的必须告诉他们,事实上,这是一件非常常见的事情,我很肯定你们中的很多人在你的主页上犯了这个错误,你的设计和你的第一次体验,你不是在展示,你是在说,你只是在描述你应该做什么什么。我想了很多,这是为什么,我实际上认为一个大公司可以摆脱这一点。如果你去大多数大公司的网站,他们实际上是用非常被动的声音写的。
大公司有一支销售队伍,他们将外出销售他们的产品,他们拥有难以置信的资金,但作为一个初创企业,你负担不起,所以你写的每件事都必须是直接的,必须是直接的个人声音,你需要有非常明显的行动号召。你用非常直接,命令语言,你想让某人开始行动,去点击那个网页,他们就知道了,他们进入移动应用程序,他们只知道自己需要做什么。
交互设计的另一个部分,这实际上也是非常重要的,它试图弄清楚你是如何使用的,除了直接的命令语言,你是如何让人们真正做事情的?显然,这是一个过于简单化的过程,但我通常用两种方式来思考这个问题。
一个是如何删除操作?2008 年,保罗·格雷厄姆在我们的注册页面上直接向我提出了一个问题,那就是为什么你有一个确认密码?嗯,你有他们的电子邮件地址,如果它坏了,让他们点击忘记密码,很好,让他们输入错误的密码并让他们恢复,这真的没有那么糟糕,而且大多数人不会输入错误的密码。为什么你要优化这个不经常发生的奇怪的情况,实际上,如果您删除了这个确认密码,它实际上会使注册流程的转换平均增加 50%,所以这很重要,认知负荷是一个非常真实的问题。
你真正能使用的另一个策略是如何切掉一个动作?如果它非常复杂,你怎么把它分成几步呢?我喜欢使用这个例子,因为 Windows95 是最早真正出现的奇才之一,他的引导做得非常细。我经常想到的另一件事是,因为这个房间中的一些人将从事B2B业务,配置步骤比较复杂,就像实际纳税一样,你不必经常纳税,但当你纳税时,情况会变得非常复杂。可能有很多细节,你可能有很多需要注意的事情,你能做的另一件事就是用尽可能多的简化操作。
这些都是你可以使用的模式,然后我想停下来,真正指出另一个非常大的误解,新手设计师或刚开始动手实践的人都会经常遇到,他们总是试图在交互设计阶段做一些非常新颖的事情,我非常不建议,不要重复发明轮子。
人们已经使用的惯例和常用的东西是什么?这些都是非常基本的,例如,通过下拉刷新是非常常见的操作,很多应用程序都会这样做,但它已经成为一种惯例,因为它使用起来既简单又自然。它令人满意,使用起来很棒。从左向右滑动,这是从一个出售给 Dropbox 的邮箱应用程序获得的。所以有一个原因,邮箱是难以置信的创新,但现实是你们一般不需要,你只需要设计模式就可以走得更远。
坦率的说,任何使用电脑的人,只需要简单的点击就可以看到他们想要看到的,这种感觉很棒,这实际上是你想要的,对你的大多数设计来说。你不想成为一个新奇的人,你想成为一个能让人们尽快完成工作的人,如果展开讲的话,那就是10 周课程。
我确实想指出的一个非常有趣的事情是,有些危险的设计模式是使用了错误的分页方式,我看到人们为网络设计,他们会使用这些小圆点在滑动导航上表示你的位置,需要你使用触摸板,但是你在网络上,这一点毫无意义。事实上,这真的非常糟糕。所以你必须非常小心地去测试,甚至在你实现它们的时候,你都应该去认真思考,用户试图做什么,这对我的模式有意义吗?
视觉设计就是干这个事的,把所有这些东西融合在一起,交互设计和视觉设计通过超链接紧密相连的,它实际上是你如何告诉用户在视觉层面上什么是重要的。我们想要唤起什么样的情感,我们想要他们有什么样的感受?这样做的结果就是像素级沟通,通常是 photoshop,有时是HTML CSS。
这里真正有趣的是,要回功能高于形式,就会迫使你简化,这是你必须真正解决的问题。首先我想说的是,让我们尽量避免过分装饰,归根结底,我们在这里是为了创造解决人们问题的东西,而这就是基础。
我最喜欢的设计思想家之一是爱德华·塔夫特,他有一本伟大的书,叫做《定量信息的视觉展示》,他提到的一个关键概念就是图表垃圾,他只是不能忍受图表垃圾,这些只是它的例子。
这是一张图表,但没有 Y 轴,我们也不知道 X 轴是什么意思。为什么是绿色的背景,对于这张地图,为什么有这些奇怪的梯度,它们是什么意思?再说一次,人们开始对视觉设计抱有的一个主要误解是,视觉设计实际上并不一定要表现出你自己。关键是你想做什么,你想得到什么信息?实际上,你可以应用的一个关键原则就是看看你正在做的任何设计,试着找出它是否可以在不会导致任何变动的情况下被删除,包括文字,包括线条,边框,等,甚至是冒号,我就非常不喜欢在网页上看到很多的冒号,如果你删除了它,你会注意到吗?事实上,它看起来更干净,所以这是一个反面的例子。
装饰物说到底不是信号,你可能真的很喜欢,那么这是一个美化后的版本,对你来讲你更喜欢这个。大部分情况下我不需要那么多装饰,因为我们想把重点放在有用的东西上。我们该怎么做呢?实际上只有三个非常简单的原则,你可以在视觉设计中使用。
第一个也是最重要的实际上是对比,我将带你看一个非常简单的例子。
你能给出的最基本的对比类型是粗体对比,粗体与非粗体,重要与不重要,非常简单。粗体并不是唯一一种可以实际表示重要与否的方式。你也可以使用颜色,这是一个非常有价值的工具。你也可以使用尺寸,所以作为一个视觉设计师,你马上就知道,什么是重要的,什么是不重要的。有趣的是,如果没有这些设置,所有这些都会突然变成同等重要,如果一切都是粗体,没有等于没有粗体,所以当你开始你的事业并尝试设计任何东西时,你一定要记住这一点。你也可以选择颜色和尺寸,这确实是一个对比的问题,所以它既不重要也重要。如果你愿意,你可以用颜色、重量和尺寸来做一些更重要的事情。
最后一个我喜欢使用的非常酷的技巧是你可以…我们称之为斜视测试。所以如果你看任何网页,任何好看的移动应用程序,立即如果你斜视它。如果你不知道那一页上的细节,但你知道的基本形状,而没有能力阅读任何这些,你知道有什么东西,你的注意力会立刻被吸引到那一页上对比度最高,尺寸最大的东西上。
这是一个非常基本的视觉设计技巧就是对比。与之相关的是紧密型,所以作为设计师,你可以把相关的流程想法组合在一起,使它们真正相关,这就是作为设计师的目的。
我无法告诉你有多少次,这只是我个人的一个小毛病,你的登录页面到底出了什么问题,为什么登录页面会很混乱,因为用户会过来说“为什么登录在那里?”它是创建帐户的一部分吗?它看起来不像,它是另一件事的一部分,“对我来说感觉好多了,这是一个非常简单的原则,但要非常非常非常小心。
如果你把这两个非常简单的概念全部或全部放在一起,你就得到了视觉层次,这就是网格真正发挥作用的地方。这就是为什么Twitter上的引导程序是一个令人印象深刻,它把选择权给了用户,用户完全可以按照个人喜好来调整。简而言之,不要将其分解为 CSS 级别,但实际上您可以创建任意大小的 DIV,这些 DIV 将自动实现,这是非常有价值的。
从字面上看,这只是旧版本引导程序更新的样板,但它是使用网格的一个很好的例子。所以为什么这很重要,我们可以覆盖这个网格,我们可以看到我们是即时的…所以你可以看到标题实际上是如何与这个视觉设计的特定部分对齐的。这很重要,因为用户在使用你的网站时,会来到你的网站,试图弄明白我为什么会在这里,我要做什么?然后他们会扫视整个页面,会被最高对比度所吸引。还记得斜视测试吗?您将立即找到,因为标题正是为此而存在的。
用户会去一个网页或一个应用程序,他们实际上只是扫描页面,他们会寻找最高对比度的东西,并试图找出这是我想要的吗?我有一个目标,这会得到我想要的吗?如果是这样的话,他们会直接指导他们找到他们想要的,那么我马上就要深入到那个部分。所以,视觉层次结构是给你的用户提供基本指导的最好工具,就像这样。
好了,现在我们有了视觉层次,但是我该如何处理所有这些线条,为什么有那么多,我该如何使用颜色?这可能会让人很困惑,这是一个常见的错误,他们只是把方框和线条放在所有东西上,以下是我进行的布局的极度简化。
基本上弄清楚你需要在页面上放置什么,然后首先尝试使用填充和边距,直到你可以使用一个网格,你可以将相关的东西放在彼此靠近的地方。接下来,如果有必要,使用一条线。因此,90%的时间你可能只需要使用一个适当的网格和足够的间距,把相关的东西和好的标题放在一起,互相对比。
最后,方框实际上是一件非常重要的事情,它吸引了很多人的注意,这就是为什么你会经常在网站上看到它。它确实是一个高对比度的东西,但是使用它时要非常小心,否则,最终会得到很多个方框,找不到重点也不知道该做什么。然而,如果使用网格,如果您使用这个可视化层次结构,它是非常简单的。
另一件很有价值的事情是你不必把每一个设计的边际都填满。留白非常有用,有时甚至可以帮助指导最终用户,帮助他们了解正在发生的事情。在侧面有一个空间,只会给你一个放置空间让用户能够留意到,这些都是非常基础的东西,但很多这些极简技术来自于 20 世纪中叶用瑞士设计创造的Helvetica。
这些都是非常简单的事情,对比度的使用,网格的使用和颜色的使用实际上可以做很多。大多数人认为设计是创造的一部分,但它绝对不是唯一的一部分,原因如下:
你们中的一些人坐飞机穿过旧金山机场,也许这是你第一次,每个机场都是这样设计的,而设计糟糕的机场或设计糟糕的用户体验的问题之一就是我们不知道去哪里,我们不知道我们在哪里,而且标志放错了地方。事实上,如果你把自己放在机场设计师、创造机场的建筑师的位置上,然后更具体地说,是那个设计标志的人的位置上,也是非常困难的。你负责设计,你知道一切就在哪里,你坐在那里,使用你的设计工具,你知道一切都在哪里,就像所有的东西都装在你的脑子里一样,但是你怎么知道那些从未去过机场的人会遇到什么问题呢?
我在机场的每一个指定地点都看到了什么?我想做什么,我的目标是什么?缺乏适当的标志是其中之一,我总是在机场迷路,实际上这个周末我在巴黎不慎迷路了,这就是设计反馈的目的,所以实际上有两种类型,设计师和创建者都应该真正,真正意识到可用性测试的重要性。
实际上,你甚至可以画平行线,一旦你有了线框,你就可以开始用线框进行可用性测试了,你可以把它打印出来,和以前媒见过这些的人在一起,带他们走过去,看看他们会遇到什么问题。
你可以给他们一点提示,比如说,“好吧,你来这里是为了做什么。”就像,你在读什么?您要单击“下一步”吗?我为什么在这里?在你写一行代码之前,你可以做大量的测试来测试这件事是否可行,而且这样做比以后在代码中修复错误要便宜得多。
另一个方面就是说,对优秀的产品来说,虽然不被重视,但却极其重要的是客户支持,大多数人认为他们的客户支持是个摆设,他们甚至不看它,也不回复,但现实是,大多数情况下,这是一个非常普遍的问题,人们为别人建造东西,我们总是假设我们正在创造的产品,好吧,它只是可见的部分,对吗?这是 80%的情况。
这是需求文档中线框的理想情况,但是最佳需求文档、最佳线框、最佳设计、最佳装运实际上解决了需求文档可能出现的其他问题,“好吧,偶尔会出现某个问题”,但是实际上是一个偶尔发生的问题,如果发生的总次数足够多,那么你的产品就没有任何价值了,这是我们对我们日常使用的产品如此不满的最根本原因之一。
可能某个设计师看了看然后说,“那么什么时候会发生呢?“真正的问题都隐藏在各种细节当中,但是大公司通常不会考虑这一点,它们实际上使设计师、工程师和产品团队无法真正参与客户支持,他们只是把用户当作牛。
所以在这个房间中的人,你们最大的优势就是你是一个人,你可以自己设计开发产品,当有人来找你说,“哦,天哪,我被困在这里了,你完全有能力帮助他们解决问题,帮助他们获得更好的体验,然后一旦你这样做了,你就有了一个终生帮助你宣传的粉丝,因为我们的产品具有个性化的能力。
我们只有一个人,当我们的产品不太好的时候,没有用户原因听我们说的时候,我们会很沮丧。所以,如果你是这个产品的创造者,并且你倾听用户的声音,那么你只需要几百个用户,就可以做出很棒的产品。
从保罗·布赫伊特那里偷一句话,不要试图去做 1000 人喜欢的东西,你真的需要去创造 100 人特别喜欢的东西,客户支持就是这样做的。设计师,他们规划整个产品,他们去挖掘引导用户需求,他们是整个团队中最应该深思熟虑的人。他们非常擅长为用户争取利益,这个过程非常复杂,但我只想让你确定你知道。
这些是我如何看待一个伟大产品的部分,它不仅用于研究,还包括所有很多东西,一个接一个的可用性测试和客户支持是其中的关键部分。你基本上是在循环做这些,你确实不需要做每一个环节,但是你需要花点时间来思考每一件事。