设计稿就是你的考卷

     最近一段时间一直在整理我们产品的关键页面,有幸的看到了我们产品从1.0到现在4.3的不断变迁,也找到了许多未曾上线的飞机稿,有的停留在了交互阶段,有的停在了视觉阶段,除了感慨K歌在三年间产品风格的变迁外,也看到了不同设计师在设计稿件输出物上鲜明的个人特色——有的前辈关注页面跳转逻辑是否最简,有的前辈在意产品界面细节是否符合品牌调性,也有的前辈希望通过交互稿件的呈现去影响视觉设计师的表达,不同角度的方案呈现让我可以更加全面的去思考一个相同问题。

   然而,不同设计师的稿件表达方式的确增加了像我这样初次阅读者的认知门槛

   就这个问题和组长以及组内的前辈们也深有同感,除了组内阅读的成本较高,给产品以及开发同学的阅读上也会造成一定的难度,所以,对交互输出物进行规范的制定的需求也就应运而生,是的,这又成了我的工作。

   其实有些同学会很诧异为什么设计类的输出物需要进行统一化设计,特别是在不同项目以及不同设计师的情况下,这种统一性的输出物规范是否会限制创意的发挥或者说增加设计师的工作负担?

   说到这一点,就要聊一聊交互设计师的工作性质,我经常开玩笑说交互设计师其实可以叫做“需求接口人”,我们对接产品,了解需求,分析需求,修改和完善需求,然后在通过图形化的方式表达需求,并对接视觉设计师阐述清楚需求。这一系列的过程都需要高效地表达,除了语言上的沟通,设计稿成为了交互设计师最重要的对接工具,所以高效、易读、通用成为了交互输出物最核心的价值。交互输出物规范正是为了这个目标而产生的,通过一致的表达方式,将创意更加突出的阐述出来,而不会让产品或开发因为在稿件的阅读上消耗太多的精力而降低了对于设计创意的感知度。所以,设计输出物规范是十分有必要的。

   交互设计师的工作核心内容就是有效地提高产品的用户体验,通过合理的设计将信息更好地传达给用户并指导和引领用户进行相关的操作。有趣的是,此次设计输出物规范的设计也是出于这样的一个目的,所以我就按照了交互设计的流程先对设计输出物模板的元素进行了脑暴(下图左),然后对现有的内容进行了结构上重构(下图右)

   然后就是不断地和组长、导师以及有经验的前辈不断的沟通我们产品在设计输出的过程中更加关注的信息点有哪些,那些信息的呈现会对设计方案的输出和表达有正面的作用,再然后就是不断地删减删减删减,最后剩下了以下内容:(其实,不同的产品由于受众和产品特性不同,输出物稿件上包含的元素也有所不同,不能一概而论)

  当输出物的内容确定之后,就要考虑到信息的阅读问题以及页面信息的呈现方法了,尝试了很多视觉效果以及参考了国内外众多大厂的设计输出物之后,我尝试了几个版本,在这个个过程总有些细节的考虑可以跟大家分享一下。相较于一般的交互稿,输出物规范及模板需要有较强的通用性,要让所有的设计师在拿到这份文件之后可以快速上手。所以,在文件的设计上有以下细节需要注意:

1、关键元素组件化:

2、固定元素需要定位

3、交互输出与视觉输出差异化表达

4、其他:热区的呈现、关键元素解释、文字类型尽量减少

其中的一个版本,最终稿因为考虑到信息问题就不在此展示

   看似简单的模板输出,却前前后后修改了十几个版本,虽说是利用下班时间,却也持续了将近个把月的时间。反思从无到有,再不断删减的过程,真的是感慨很多。刚入门交互的同学在校期间的设计项目动辄就是一个几十页的pdf,包含了从设计背景、用户调研到用户行为、persona、设计过程、设计方案、可用性测试等等等内容,但是在互联网企业,特别是腾讯这种节奏极快的企业,我每周要完成两到三个需求,在这种高速的工作中,展示核心内容不仅是对于设计师工作量的平衡,也是对于产品和开发同学理解过程的减负。将更多的思考展现在设计方案中,将信息关键点高亮的单独列出来,言简意赅的呈现关键要素将是每一个设计师进阶的重要能力。

  希望此文呢能达到以下几个目的:1、初级:知道交互输出物应该包含什么;2、中级:设计规范制定过程的思考过程及一些方法;3、最重要的是学着取用设计思维解决问题。

  好久不见,了解的朋友应该知道要疯兄刚到一个新的城市,有太多新的东西要去学习和适应。半年了,终于能静下心来写点什么,希望以后能常常见面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容