首页 > 视觉技术 > 聊聊线框图——为线框图多留点时光
2017
11-03

聊聊线框图——为线框图多留点时光

注:heidi写这系列的专业文章,并不解释今朝heidi做得有多好,相反,每当我发明本身做得不敷好时或者碰到问题时,都爱好反思并总结,可是因为以前养成的不良习惯,导致我最终写出来的器械老是像专业教程,这也导致会有一些小同伙误认为我是专业人士,其实真的不是如许,我写出来未必是专业文章(有时只不过表示如斯),我只是认为这个话题值得商量,值得分享,也值得本身持续尽力罢了。所以,也请不要四处转载。
-—————————————————————低调的瓜分线——————————————————

线框图是交互设计师必弗成少的产出物,它在交互设计师的工作中扮演了如斯重要的角色,以至于交互设计师经常被认为是个画线框图的,然则无论是设计师本人照样项目构成员,对于线框图存在的意义未必有足够的熟悉。

项目为何须要线框图?为什么不缩短周期,直接跳转到视觉设计呢?

——设计筹划的评审与确认,正如上图所示,设计师须要分出不少精力,在设计的评审与确认上。他起首从本身的脑筋风暴里摆脱出来,从若干个筹划中筛选一二,然后召集需求方、涉众、其他设计师,进行筹划的需求。有时,如许切实其实认会会召开至少三轮:

第一轮,线框图初审,线框图根本完全后,与需求方以及技巧方代表就线框图展开评论辩论,这是不是贸易方也即需求方想要的器械,线框图知足贸易期望,确认整体构造、页面上对于内容块的定义,技巧方的介入可以或许就可行性方面给出看法,并且可以或许根据线框图进行初步的开辟资本评估。第二轮,线框图设计专业评审,让更多的设计师介入评论辩论,从交互设计层面赐与更多看法。这个评审是第一轮评审的弥补,在既定的贸易需求上就设计本身展开评论辩论,筛选最佳的筹划。第三轮,线框图终审,设计师在前两轮看法中进行评估,对线框图做一些调剂,提议第三轮确认会,贸易方代表与设计师代表,技巧方代表,以及相干的涉众(比如客服、发卖代表)等面前再次宣讲设计筹划,告诉大年夜家本次是终审,终审确认后,将会进入视觉设计阶段,到时刻将不再做随便马虎的构造与内容块定义的调剂,让大年夜家足够看重并对线框图杀青一致。

对于设计师而言,疑问一样存在:

线框图给我们带来什么价值?在我们想进行线框图培训时,疑问有:不就是画个草图吗?还须要进修?

假如大年夜家都把线框图懂得成“草图”,那么按照正常逻辑,草图的产出必定是比视觉稿更快而不是更慢才对,然则在很多项目里,为何线框图的时光反而花费得更多?

这往往会引起不解,因为在多半人看来,线框图也就是个没有任何视觉加工过的简单简陋粗暴不美不雅的草稿,加上我几回再三声称做线框图的对象是10分钟就可以上手搭建线框图的超白痴对象,而线框图本身就完全无需精雕细琢克意加工,那么,为何会在线框图阶段逗留那么久?其他人都在干嘛?时光都花在哪里?

在我本身回想以前的项目或者看手里的项目时,我也发明,为何以前的线框图阶段都比较长?而今朝在做的项目,因为资本靠本身去安排,本身预付配的资本,比如只有3天,实施过程中发明太重要,远远不敷?
再细想一下,发明也许这三天,我用了1天半就搭建了一个知足根本需求的线框图(从贸易需求来讲,这是大年夜家可以或许估计到的重要的页面),然则在1天半后,我开端进行多种筹划的摸索与创建,然后发明更多分支流程与异常处理页面,之后,我完全没有为线框图的评论辩论与确认留下充分的时光!

而,线框图假如做出来不是让大年夜家来争辩和确认的,而是仅仅做出来给大年夜家过目一下就移交了,根本上,线框图已经掉去了本来存在的价值。

时光都花到了哪里?

并非所有的项目都须要线框图,然则假如须要线框图,那么线框图就须要多留一些时光,不要纯真从最终的线框图产出物的“样子”去评估须要若干资本。

用页面的个数去评估工作量,在视觉设计师也许是实用的——建立在产品视觉风格肯定的前提下。
(视觉设计师的资本也须要划分成两段,一段用来做摸索,肯定产品风格,比如主题色,质感,图文比例与用图风格等,这个阶段也有比较大年夜范围的评审与确认,所以时光上反而会比具体的页面视觉设计来得更长),前端工程师也可以用页面个个数与复杂程度去预估须要若干天,然则对于交互设计师,这比较是个难题。只有交互设计师将需求评论辩论清楚,本身将页面流程丹青好,将各类分支情况推敲清楚,脑筋里才会逐渐对须要若干个页面形成概念,哪些页面须要更高的单页面交互设计形成概念,而当他完成这一步,交互的大年夜部分工作都已经做完了,剩下的纯真去设计各个页面,占据了线框图阶段的很少的时光。更多的时光是花在什么上?

评论辩论——评审——评论辩论——评审——确认

是的,线框图的感化之一是用来吵架的承载物,交互设计师为线框图确认须要召开很多次评审会(视项目不合而不合),直至大年夜家对线框图杀青共鸣,然后在有的公司,还须要对线框图本身进行可用性测试以发掘更多问题。

交互设计师可能会有20%的精力真正花在线框图本身的制造上,并且他也认为这也许是没有什么技巧含量的。剩下的80%的精力,用在:

——需求的懂得与评论辩论,“我认为这个标记涌如今搜刮成果页,也许并不是合理的场景……”“为什么只针对××会员类型开放这个功能?”在贸易初始需求确认后,交互设计师与产品经理是合营最慎密的两个角色,他们须要将贸易需求一步步细化,落实到具体的页面与功能的实现上。需求越清楚,今后的阶段就会越高效。这个阶段,交互设计师还须要借助site map,页面流程图(page flow),或者故事板等等对象,来赞助本身和项目组懂得产品需求。

有时,工作量绝对不想看起来那么少,产品经理须要把做什么和为什么描述清楚,他们会在“做什么”时也会讲一下“若何做”,然则很多产品经理并不或者被请求不要深刻太多解决筹划细节,然则交互设计师不一样,必须从宏不雅到细节,将产品的交互逻辑认卖力真仔细心细思虑清楚,细枝末节的器械假如不关怀,到了项目进行过程中,还必定会被开辟工程师追着弥补各类流程中的页面。

——创造性的筹划摸索与测验测验,“假如我这里换一种交互方法,会怎么样?”“还有更好的实现办法吗?”“缩短一步操作会怎么样?”“印象中似乎曾经有个网站采取了一种加倍高效的办法,我想想看?”所有设计师都有千锤百炼的“特质”,或者“缺点”,我们须要做这种自我激发的脑筋风暴。
从设计来看,设计本身就意味着筹划的筛选与确认:也许最后设计师在确认会上只给出了一到两种筹划,然则大年夜多半设计师在本身的电脑里或者大年夜脑里测验测验过很多筹划。

因为,“看”,“感到”弗成避免会带入很多主不雅的身分。同样是红色,有人认为太鲜艳刺目刺眼有人认为热忱彭湃,而恰好在产品筹划初期,我们是不欲望过早去存眷这些细节,我们须要先解决最核心的问题。视觉稿轻易一开端就让大年夜家陷入到各偏向的评论辩论中,有人还在思虑产品是不是须要再增长一个功能,或者在争辩一个功能是否有足够的价值时,已经有人开端为“黄色”照样“红色”争辩得弗成开交。

设计本身是一种在期望和限制下进行的摸索,并且将摸索后的成果实施。交互设计师须要赓续环绕需求与期望,进行摸索并在慢慢的限制中,缩小设计范围。他做的是他应当做的,他不该该将过多的问号传递给视觉设计师,视觉设计师本身也须要进行摸索与限制,然则我们加倍期望他们的禀赋应用到品牌感、质量感、专业感、情浸染设计的摸索上,而不是分散精力到产品逻辑的思虑中去。

在这三轮评审中,须要穿插多次小范围的评论辩论,比如可行性的评估,资本的评估,以及和产品经理反复去评论辩论需乞降需求背后的意义。可以说,线框图的感化之一,就是为了评论辩论、确认,吵架,然后在一次次迭代与确认中,最终尘埃落定,推动项目进入下一环节。

挑衅绝非在于线框图本身若何专业,或者把线框图做得若何快,而是在于对于需求的把握、发掘与快速出现,在于全程中对于各类设法主意的接收与治理,在于能不克不及让大年夜家都快速明白懂得设计的原因和背景,并对筹划杀青一致。

不要让争议、问题带入到真正的实施环节,比如视觉设计,比如开辟。

交互设计师的挑衅
因为从投入产出比来看,把架吵到线框图阶段,是最高效最合适的。

不等于贸易需求评论辩论环节,有很多有创造力的人,却不善于幻想,对着贸易需求文档,无法让创造力的脑细胞活泼起来,大年夜家都只能对着产品经理的贸易筹划点头称是,然则到了线框图阶段,具体的产品原型会激发更多的设法主意,是以这个阶段,最合适进行产品开辟过程中的第二次脑筋风暴。

不等于视觉设计与开辟环节,线框修改起来是异常轻易高效的。并且它有意做得如斯简陋难看,就是想把最核心的需求出现给大年夜家,这个产品是如许的,而不是这个产品看起来是如许的。

别的,我们必须得承认,在视觉设计阶段,修改的成本异常高,视觉设计师是对每一个像素精雕细琢,产品定位的改变,也许对于他们是“灭顶之灾”,这可能会心味着很多个页面要从新开端设计,当视觉设计已经到了必定的地步时,视觉设计师对“修改”慢慢会变得有点抗拒,谁不爱好本身生出来的孩子?假如一个视觉设计师不爱好他生出来的孩子,那他可能不是一个合格的视觉设计师。然则交互设计师是很愿意在线框图长进行任何的可能性的摸索,他会加倍包涵这个阶段涌入的任何设法主意,因为他明白这个是中心产品,并且看起来就不像“完美”到可以当成本身的孩子。

总结几句:
1. 线框图可以或许帮我们将需求具体化,从而引入更多的设法主意,完美产品;
2. 线框图可以或许赞助我们理清思路,怎么做,若何做有了加倍体系化的熟悉;
3. 线框图制造起来异常轻易,是以可以或许赞助我们在各类筹划里评估和筛选;
4. 线框图是用来吵架的,交互设计师须要迎接吵架包涵各类设法主意,更重要的是对吵架进行治理。
5. 80%的时光并非在做线框图,而是花在需求的懂得与评论辩论、多种设计筹划的脑筋风暴与测验测验,设计的评审与确认上,然则这80%的时光投入让剩下的20%加倍高效。
6. 作为交互设计师,在那80%里晋升的空间会更大年夜,很多时刻,剩下的20%是天然而然的成果。

关于线框图还有很多问题值得评论辩论的,比如:什么阶段下开端做线框图,线框图制造对象与办法,几种不合的线框图的感化等等,就不过多评论辩论了。以上的部分也迎接持续商量。

80%和20%

来源:http://heidixie.blog.sohu.com/151623325.html

最后编辑:
作者:yjcdj
这个作者貌似有点懒,什么都没有留下。