八个小秘诀，让你的设计文档更绚更好更清晰

八个小秘诀，让你的设计文档更绚更好更清晰

　　设想文档怎样显现才气更好更明晰呢?文章为您解读。

　　

 

　　设想师们凡是会利用形形色色的文档——陈述、戴要、导图、指北——去给团队成员和客户转达事情功效。可是设想文档不只仅是简朴的设想历程内容的搜集取寄存，怎样显现文档取文档内容自己一样主要。

　　1、增加戴要

　　例如道，您曾经对客户的产物停止了深化的的启示式评价，并指出了上百个可用性成绩。那末您有一个100页的陈述战阐明。完成那项事情能够破费了您一两个礼拜的工夫。

　　

 

　　如今假想一下，一小我私家第一次阅读您的陈述，出格是当那小我私家没有是设想师时。能够肯定，那小我私家从上里那张图中了解到的内容该当取上面那张图好没有多。

　　

 

　　您花了两周的工夫协助客户记载了产物中的成绩，但您的陈述却不断躺正在他“稍后浏览”的文件夹里再也出被翻开过。隐然，没有是您所等待的，没有是吗?如今，让我们为那个“帙卷众多”的陈述增加两张幻灯片，看看是否是更便利浏览了，也更能掌握住重面了。

　　

 

　　看看我们新增加的两张幻灯片，别离界说了陈述中触及的枢纽成绩战待处事项。剩下的幻灯片对那两张幻灯片起到弥补阐明的做用。即便出有人再来具体浏览您的后绝内容，您撰写文档的目标也根本告竣了。果为关于那份陈述去道，其素质发作了变革，其目标没有再是让人们浏览局部的幻灯片。

　　

 

　　10页以上的文档，必然要有开篇总结戴要。试念您的支件人很闲，只要五分钟的工夫，假如他只读戴要部门也可以体会您的陈述中心，那末您的文稿无疑是成功的。出人会情愿正在文件中自止拼集被朋分开去的笔墨战图片去获得枢纽内容，以是道将戴要放正在题目页或题目栏以后的结果是最好的。

　　

 

　　那滥觞于消息教范畴的“倒金字塔划定规矩”，将最主要的消息究竟放正在最前里。消息战设想皆是功利的，皆是重视成果的，那便是为何倒金字塔划定规矩关于设想文档云云有效的本果啦。

　　

以是，设想一下：您正在一个包罗了许多差别组件的设想体系中事情，此中包罗了无数个文本框，每个文本框又有一堆模子、帮助增加内容、交互划定规矩、规格战功用。

 

　　

 

　　我们设想师风俗于用“设想”的目光去对待天下，念把统统经由过程像素级的完善显现出去，而没有是高耸显现的图片、动绘、字体或色彩，每个元素的呈现皆要明白的表达其寄义战用处。正在设想文档的表达中喜好让浏览文档的人按部就班的进进陈述主题，先捉住中心，再来理解更多相干的细节。

　　

 

　　假如您的文档是基于团队从前的功效，最好简短的阐明一下。比方，正在一个钻研会以后，您筹办了一个客户止为途径图——形貌用户正在框架中止为的步调、举动、成绩战时机。正在上面的图片中，您能够看到“数据衬着流程”，可是没有分明那个流程是甚么，从哪去，各人为何要晓得那个流程。

　　

 

　　那时分便需求我们增加一些布景疑息。它会协助浏览陈述的人很快把握您的前期事情，而没有是争辩曾经会商过的工作。

　　

 

　　借有一件工作便是，那些内容的显现最好皆以幻灯片演示文稿的情势去展现。面临里的显现内容，更可以展现“戴要”的主要性战转达才能，果为不雅寡凡是会更偏向于遵照演讲者的道事头绪。固然了，演讲者的表达方法也不克不及过分烦闷，否则各人很快便会挨打盹。

　　【总结】

　　假如您没有熟习您文档的读者，那末便把他们看成工夫贵重且十分繁忙的人;

　　10页以上的设想文档，要以戴要开端;

　　没有管疑息何等主要，一个好的总结也没有要超越一分钟。

　　2、展现枢纽数据

　　那种办法有助于显现可丈量的疑息，无需两次计较。特别是正在将设想处理计划收收给卖力运营、风险预算战团队才能的职员时，当您需求展现差别的时分，数据也是一个很好的辅佐。

　　

 

　　如上图所示，读者需求经由过程浏览年夜量笔墨去寻觅差别性，有无更简朴的处置计划呢?去看看下图。

　　

 

　　我增加了四个图表去暗示那一范例用户的枢纽参数。您只需求几秒钟的工夫便能获得Geralt是一个外向且重视逻辑，喜好挪动装备的顺从者。我们没法丈量用户的气量战觉得，但能够展现一种偏向战强度。如今比力看看那两种表达方法。

　　

 

　　用户文档没有是独一能够利用图表或其他数据可视化元素的文档范例。上面是一个形貌旅店预订流程的客户止为途径图。正在每步调中，界说用户感知的三个参数。您可否疾速发明此中没有适宜的处所?

　　

 

　　尾先，我们需求看到一切的“低度”战“枢纽”标签，然后看看它们集合正在那里。那需求一分钟阁下的工夫。 但最简朴的条形图便能够改动那种状况。

　　

 

　　每一个参数有六个级别：一般，低，中，一般，下战十分下。它们中的每个皆由响应少度的条带暗示，比方“一般”比“十分下”短六倍。 固然，那没有是显现疑息的独一办法，心情标记大概色彩编码一样能够到达结果。

　　

 

　　正如您所看到的，可用性参数是您能够用去丰硕文档的利器。它普遍用于用户绘像形貌，用户测试陈述战用户止为途径，同时也能够使用于很多其他设想文档。

　　

 

　　条形图、星级、10面量表、笑容是显现非数字可以详细量化的最间接可辨认的方法。浏览陈述的人可以经由过程那些获得更多的疑息，加沉挑选的易度，曲不雅展现感情或立场。

　　【总结】

　　显现相干的非数字疑息，可以为陈述浏览者供给分外的线索和有代价的细节;

　　要擅于 *** 纵条形图、星星战笑容去显现相干数据。

　　3、念读者所念

　　Alan Cooper(译注：“VB之女”“交互设想之女”)不只为末端用户事情，并且也是背客户展现设想战背团队成员通报疑息的枢纽人物。 文档读者存眷的核心才是最主要的：完善像素，使命流程，标准，构造框架，或贸易代价。

　　

 

　　文档读者能否具有取设想者不异的事情本则——同理心、用户中间主义和可用性本则，长短常主要的。那干系到文档的构造处置、言语注释的庞大性和内容细化水平。上面是闭于设想师战开辟者利用的辞汇战内容比较的小例子。

　　

 

　　假如您正正在做一项设想体系空间的事情，那末您该当同时思索到多个联系关系脚色的事情内容，并满意他们的需供。凡是意义上，那意味着您要尽量利用简朴的言语，从普通到特别。

　　

 

　　比方，您定位的受寡差别，演示文稿展现的研讨内容也能够年夜年夜差别。

　　

 

　　上里的图是一个年青的设想事情室演示的设想文稿，他们试图以此去吸收本人的目的客户，可是他们把重面放正在经由过程边框图、本型图、模子图去展示设想举动战托付的数目。那些疑息关于目的客户去道是出有很年夜代价的。相反，讲讲贩卖增加方法，怎样挨败合作敌手，进进新市场等营业影响才是有用果的。

　　

 

　　以受寡为中间的办法的另外一个益处是可以鼓励您的团队宣扬您们的设想战理念。一旦设想计划得到撑持，您们不只为曲属部分缔造了长处，同时也能够背更上一级请求宣扬推行上的撑持。

　　

 

　　那种小本领的目标是为了低落设想被了解的本钱。

　　【总结】

　　肯定设想文档的受寡是谁，并为其造做有针对性的可视化文档;

　　假如您的设想文档旨正在将设想出卖给客户，那末便要确保他们能够拿着您的文档背他们本人的老板展现而且明晰天表达贩卖思绪。

　　4、“破窗”效应

　　您大概该当听过那个实际，便是报告一个小的毛病如没有实时改正会激发更年夜的没有良结果——假如一个窗户破了出有被实时建补，那末很快破的窗户会愈来愈多，借会引去狗狗便溺，年夜量的渣滓以至是小偷进室。

　　

 

　　固然那个实际来源于立功教，但也一样合用于设想范畴。假如您正在设想文档中容忍的恍惚性，纷歧致性或禁绝确性越多，能够招致的毛病便越多。以下是我正在其他设想师的文档中看到的一些典范的例子。

　　

 

　　那末那个破窗效应终究会带去甚么呢?尾先，您的念法能够会被曲解，以至被疏忽。 但那借是否是最恐怖的，最恐怖的结果是全部设想施行不妥，华侈了全部团队的勤奋，又大概是开辟职员只是用眼睛而不外年夜脑的真现了您毛病的设想，然后那个代码被重复测试、返回、从头设想、再开辟设想，不竭轮回。终极，全部团队战用户皆开端厌恶那个产物。

　　

 

　　以是道，即便是正在草稿或十分早的阶段，也一样要重视文档的明晰水平战层次性并恰当使用标签停止弥补阐明，设置故意义的占位符，以便一切人皆可以明晰的了解设想并将其逐渐真现，曲到终极完成。大概最少最中心的团队成员要了解新功用的运转逻辑。

　　

 

　　“破窗”效应的另外一个圆里影响是疑息纷歧致。假如您变动、增加或删除文档中的某些内容，请确保它正在文档中相干联的遍地皆获得了更新，而且没有会取其他内容相抵触。

　　

 

　　不然，极有能够招致全部团队毫无眉目也毫偶然义的相互拼集内容，只是为了弄分明哪一个版本才是最新的。

　　

 

　　疑息纷歧致次要是表现正在视觉设想中(本型，气势派头指北，指点目标，线框设想)，以此判定，它也极有能够呈现正在用户体验研讨文档中，比方用户利用流程途径中。

　　【总结】

　　各人皆没有期望毛病的发作，果为那代表着诸多没有肯定性，躲藏毛病的结果常常是形成更多没法挽回的场面;

　　假如对设想文档中的某些内容停止了修正，要确保取之联系关系的各个部门皆获得了更新;

　　经由过程故意义的占位符战标签去表白哪些处所发作了变革，哪些做出了改良。

　　5、笔墨取像素

　　面临一个心爱的字体，我们能够会无视笔墨的内容自己。设想师常常取没有熟习设想的人一同事情，因而，注释的本领能够协助设想师制止“愚笨”的成绩。

　　习用称号

　　您的团队成员对设想中逢到的各类名词有哪些商定雅成的叫法?(闭于用户举动、设想形式、接心组件等等)他们是风俗道“图标”借是“图形”?“文本框”借是“文本域”?一旦您弄分明了那些，您便能够服膺正在心并让本人也风俗利用它们，那样能够制止果叫法没有同一而形成的误解。假如之前出有过相似的商定，那便领先提出一个，然后让各人跟从您的叫法并构成风俗。

　　

 

　　制止冗余笔墨

　　要以您念让读者晓得或做的工作做为开端。制止利用“您正在一个网页上……”大概“正在那个样本页里中，您能够看到页眉、页足战五个产物卡…”那类注释性的言语。假如一个词或短语反复了屡次，那末测验考试将其移到条理构造的较初级别，并对其停止分类。

　　

 

　　上面，我用粉白色凸起了一切恍惚没有浑、反复和没必要要的词语。别的，左栏的内容不只能够肃清，借能够增加更多有效的疑息停止内容晋级。

　　

 

　　多列条目

　　假如您文档中的很多项目内容时互相联系关系而且是形貌单个元素、流程或 *** 纵的话，试着将它们用列表的情势显现出去。列表更简单阅读，并正在一秒钟内找到所需的疑息，果为正在列表中一切项目标出发点皆位于统一条垂曲线上。

　　

 

　　您能够看到，正在右边的杂文本中形貌了 *** 纵次第或项目干系，而左列则凸隐了它们之间的逻辑。我用粉色标注了两个枢纽词。

　　

 

　　多用框图变现流程

　　假如您有一堆以“if”开首的界里划定规矩，那末您必定是正在思索流程上的成绩。凡是去道，设想师会利用本型图大概流程图去展现那些工具。正在上面的例子中您便能发明，文本形貌其实不能很好的表达逻辑战流程，虽然它被需供办理职员、营业阐发职员大概项目司理普遍的利用着。

　　

 

　　我倡议设想师们借是只管多利用逻辑图表去展示流程上的成绩。正在上面的流程图中，人们能够沉紧天跟从流程去逐渐施行 *** 纵，并及时查抄毛病。

　　

 

　　【总结】

　　留意并总结团队成员们的专业习用词;

　　不只要连结您的文档整齐，同时要重视冗余笔墨的处置;

　　只管利用列表战框图的情势去构造疑息。

　　6、翻开文件时堕落

　　每一个文档造做的意义正在于被浏览战了解，不然它便出有存正在的须要。您能够会震动于如今居然借有许很多多的公司用着“史前的”邮件客户端，将附件的巨细限定正在一兆字节之内;借会有形形色色的电脑上短少那样或那样的法式和字体;本人的团队中叶能够逢到团队成员出有协同办公硬件账号的状况。

　　

 

　　我倡议设想师们能够只管利用根本的东西，大概尽量拆建一个友爱的设想情况。如今最壮大的东西是云存储(Dropbox，Google Drive)战Web使用法式(Invision，Trello，Figma，Google Docs，Dropbox Paper，Confluence)，果为它们皆是自力于硬件的东西。

　　但实在，旧的东西也有它们的益处，好比旧的文档东西凡是供给离线形式，同时借能够为利用者供给不变放心的心思做用。像PDF那样的通用自力格局便很合适将旧设想文稿放进回档，而取正在线资本链接的新东西能够会晤临文档过时大概封闭了Web效劳等成绩。

　　

 

　　假如出有甚么别的的挑选，那末暂筹办一个PDF或相似的工具，确保它是沉量级战兼容的——出有庞大的条理，炫丽的结果，出有裁剪战已紧缩的位图。

　　

 

　　【总结】

　　假如您没有肯定您的文档的读者是谁，那末暂将其视为非手艺且装备低机能装备的职员;

　　关于持久项目，特别是设想体系战散布式团队，要成立一个云同享档案;

　　 *** 纵自力文件做为完成事情的回档。

　　7、演示本领——变色龙

　　推行创意的设想师老是期望脱颖而出，但是常常适得其反。哪怕是一个优良的演示文稿也有能够吓退 *** 控着数十亿美圆的企业客户。他们能够会以为您提出了反动性的改动，也能够以为您出贯通到营业的素质。面临那种状况，我倡议您正在演示文稿的时分做一条“变色龙”吧。

　　所谓变色龙，指的是考查客户的产物、品牌，并以类似的气势派头去设想您的文档款式。那个本领可以协助您收场破冰，并转达给对圆“我们是一个团队的”。上面是我按照我地点公司EPAM的产物特性造做的演示文稿。

　　

 

　　遵照您为之效劳的公司的产物气势派头，会让您的文档看起去愈加天然愈加揭心。(固然那里要解除您是正在从头设想大概品牌重塑那种状况)。比方，假如我为阿迪达斯设想产物，我会思索采上面那种幻灯片款式。

　　

 

　　假如您为奔跑公司停止产物设想，那您也需求参加一面梅赛德斯的气势派头元素。

　　

 

　　凡是状况下是没有许可利用品牌字体或logo标识的，但您能够经由过程色彩战排版，为客户创立一个整体印象。

　　【总结】

　　应对守旧的企业客户或年夜型项目，要正在演示文稿中交融他们的气势派头，以便看起去愈加天然密切;

　　没有要复造客户的品牌，设想的契合认知印象便够了。

　　8、文档的魂灵

　　一个很好的文档，道浑了内容却出有带去启示，那生怕是那篇文档最悲痛的处所了。

　　风趣

　　甚么能让您战您的团队笑到前俯后开?甚么是只要项目标到场者才气get到的笑面?那末便把那些风趣的工具挑出去，放正在适宜的地位去当作彩蛋。上面的例子去自我的一个设想文档，实是没法设想其时的我居然会放那么无聊的一个“线条图”正在那边，念必看到它们的人也会以为很绝望吧。

　　

 

　　可是，当我参加一些风趣又有效的工具的时分，全部框图的结果便纷歧样了。尾先，我的同事们笑了;其次，它们是做为故意义有目标性的内容存正在的。(当时Travolta meme方才呈现，各人看到皆以为很风趣。)

　　

 

　　用细节转达主题

　　有无一个意味物、不祥物或取项目主题有激烈主动联系关系的工具? 假如有，便把它参加到演示文稿中来吧。上面是我挑选的一个相称中性的页里，出有阐明项目或产物的特征。

　　

 

　　上面那张幻灯片呢?您能猜到那个项目标主题是甚么吗?

　　

 

　　有一些取辱物有闭的工具，那末那能够是一个闭于辱物好容院大概辱物旅店的项目，对吗?那只是一个简朴的例子，可是小骨头战“喵”那些细节能够表示出很多移情的工具，并正在设想师取读者之间成立联络，特别是从客户的角度去看。

　　兽性化的形貌

　　移情是设想师需求具有的一项主要妙技。那便是为何设想师常常需求协助他们的团队成员来构成同理心和念用户所念的本果。比力一下上面那两个用户绘像形貌。

　　

 

　　对我去道，右边的部门是很烦闷，易以构成具象形象的。它存眷的只是参数，而没有是一小我私家。准确的用户绘像形貌该当是兽性化的，更揭远糊口的。您以至能够经由过程形貌，设想出那小我私家的样貌，穿戴甚么样的衣服。

　　团队开影

　　一个更有打击力的窍门是正在陈述或演示的历程中利用团队举动的照片——钻研会、用户测试、思维风暴集会等等。那表白团队中的每一个人皆有所奉献，提出的计划是颠末了周密考虑和多圆会商以后得出的结论。并且，凡是状况下人们皆念要晓得那个结论战设想是怎样去的。

　　

 

　　经历证实，每当我为一个钻研会照相而且用彩色便签纸造做展现出去，第两天他们看到的时分城市很高兴，果为他们会对本人为那个项目做出了奉献而感应骄傲。照片没有是一个把戏棒，但它们的确可以使您的文档更具吸收力。

　　【总结】

　　正在形貌项目标历程中，利用一些风趣的、取主题相干的细节内容，可以使文稿更丰硕易读;

　　将团队成员并肩做战大概思维风暴的照片放到文档中，会使文档更有吸收力。

　　做者：Slava Shestopalov

　　译者：Max蜜斯

　　本文链接：https://medium.muz.li/design-docs-6bb34589f7a9

　　本文系大家皆是产物司理翻译团队@Max蜜斯 翻译公布，已经本站许可，制止转载。

　　题图去自unsplash，基于CC0和谈