交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

UX设计中一些针对用户调研的方法Workshop、Observation、Interview调研结束后需要将调研结果整合反馈单纯以文字去呈现无法将设计信息最大化故事板、线框图等视觉化的信息传达方式直观准确的解决设计问题下面小编将为同学们详细介绍故事板在交互设计作品集创作中的应用及优点,帮助大家在设计过程中能更高效的完成设计想法的交流和沟通。故事板的应用故事板可看作代表镜头的插画,同学们在设计时需要把图像排列在一起,使自己的设计能够故事化...

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


UX设计中

一些针对用户调研的方法

Workshop、ObservationInterview

调研结束后

需要将调研结果整合反馈

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

单纯以文字去呈现

无法将设计信息最大化

故事板、线框图

视觉化的信息传达方式

直观准确

的解决设计问题

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


下面小编将为同学们详细介绍故事板在交互设计作品集创作中的应用及优点,帮助大家在设计过程中能更高效的完成设计想法的交流和沟通。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


故事板的应用

故事板可看作代表镜头的插画,同学们在设计时需要把图像排列在一起,使自己的设计能够故事化形象化。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

故事板来源于电影制作, 迪士尼工作室就广泛使用了故事板来绘制动画的框架草图,帮助他们建立起电影中的虚拟世界。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

电影《狮子王》前期的故事板


交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


在UX设计的Define阶段中,同学们需要建立Persona去说明目标用户的背景以及需求,从而从侧面阐述设计问题。当建立背景较为复杂的Persona时,可以利用故事板来传达更为丰富的信息。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


在设计后期的Deliver阶段,灵活运用故事板还可以向用户清晰明确的解释产品的使用方法和流程,以及环境、产品、用户、交互形式等问题。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


故事板的优点


可视性

故事板将抽象的concept和idea绘制成一个实体,能够更直观呈现,从而方便他人理解。相比较而言,图片比文字更有说服力,更能够赋予额外的意义层面。


交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

记忆性

图片比文字能够给人更深刻的印象。当大家在背单词的时候,如果只是记单词是很容易忘记的,所以现在很多背单词的软件都是将单词与图片相结合,从而更有利于用户进行记忆。


交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


同理心

将用户带入到故事的情境中去,并根据故事内容进行场景想象,在体验中更加感同身受,便于理解。


交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

参与性

一个以视觉化呈现的故事更能够吸引人的注意。在完成场景想象后,用户会自然的将场景与自身产生联想并产生探索欲望。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


故事板相对其他方式来说可以提高沟通效率且减少成本投入。同学们在创建产品使用场景时,需要耗费一定的人力物力以及后期处理时间,在出现问题时,修改成本也十分可观,使用故事板则可以有效避免这些问题。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

除此之外,故事板需要建立故事的人物,整个故事都是围绕着中心人物而进行。对于“以用户为中心”的UX设计来说,这样的方式更能够全方位地理解中心人物的行为习惯和痛点问题。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


故事板是一个团队活动,在企业团队项目中利用率很高,同学们在创作作品集时利用这种方法也可以更直观的向考官展现用户需求及解决方向。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard


在交互设计中,故事板通常是作为一个媒介,帮助同学们探索用户体验问题,丰富解决方案思路的拓展,并将能够预见的问题通过“情节可视化”的方式呈现出来进而更快的解决。

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard



L.FOX

国际艺术教育专家

苏州干将西路515号佳福国际大厦610

联系方式:400-9950-883、15370070037

网址:www.Lfoxedu.com

交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35926/

(0)
交互精选交互精选
上一篇 2018-03-16
下一篇 2018-03-17

相关推荐

  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • 用户体验促进销售,因为专业,所以放心!

    在激烈的市场竞争中,如何突破胶着的态势,是每一个经销商必须面对的考验,过去的数年我们迎来了婴幼儿纪念产品行业大发展,同时伴随着发展也出现了许多行业的问题,如粗制仿冒产品、过度的市场开发、价格战等,在多年的市场摸索中,我们认为只有坚持品质领先、积聚品牌内涵才能构筑核心竞争能力,才能在激烈的竞争中赢得用户长久的信赖。好的品牌形象与产品如何能让用户充分感知呢?增强用户体验是重要的方法。面临市场上如此多的商家和产品,用户的取舍关键因素在哪里呢?...

    2018-04-18
  • 同学进了大公司的UED部门,我想一部分原因是…

    2017年开年,已经陆续有毕业生提前找实习工作了,在与一位成功入职的新人设计师交谈中,有一个重要发现:交互设计越来越受重视了。这位计算机专业的小伙伴,机缘巧合接触了设计,从此一发不可收拾,短短不到一年时间就熟练掌握了PS、AI、AE等软件,还自学了手绘技能。不过即使如此,她的求职仍困难重重。不是985 重点大学/非视觉传达专业/只会画图标界面等等,都成为用人单位将她拒之门外的理由。虽然要求有点苛刻,但站在公司的角度,想要在浩浩荡荡的求职...

    2018-01-31
  • 终极神器!Sketch 一键转成 PSD 格式!

    曾经有很多人问图翼君Sketch转PSD怎么弄?今天就给大家分享一神器,大招一放So easy!工具下载地址关注本公众号回复“39”支持PSD、XCF、Sketch、Any格式使用方法:1、打开神器,选择Open Frome Computer 打开要转换的Sketch文件2、选择你的Sketch文件,工作台会显示你的文件3、选择右上角File  -  选择Save as PSD, 保存成PSD文件。4、保存后,浏览器会自动下载转好的PS...

    2018-04-09
  • 用户体验很重要,外卖小票了解一下

    失恋了,今天很丧,老板给我画一个小猪佩奇好吗?这个要求是四川资阳的一个女孩子点外卖时,在订单上给店主留的言。没有想到,店主竟然答应了。1当顾客在向外卖商家提需求时他们究竟要的是什么?不久前,一个在外卖小票上画画的帖子在网上刷了屏。原来,四川资阳一女子失恋点外卖要求画小猪佩奇,店主竟然答应了。据店主回忆,“大概在下午4点的时候,店里接到订单,在备注栏中,顾客称‘失恋了,今天很丧,老板给我画一个小猪佩奇好吗?’ ”为了安慰失恋的顾客,王女士...

    2018-03-26
  • 干货!Sketch49交互原型新功能大解析

    2月28日发布了Sketch49新版本的消息,笔者打开了官网看到了最新的版本更新视频,确实还是挺激动的。觉得Sketch按照这样的发展趋势,马上就能“统一六国”了,哈哈。一起来看看Sketch49的版本更新了哪些新功能吧!(先看介绍,使用教程在后面哦!)亮点一:交互原型功能画板(Artboards)和热区(Hotspot)链接实现页面间的跳转,实现动态交互原型(类似交互软件Marvel中的热区链接 )Sketch49版本中的交互原型预览...

    2018-03-07
  • 交互设计私人资料大集合-赠送

    交互设计,算是一个很新兴的职业,但是目前在市场上并没有找到很多关于交互设计方面的干货。百度一下都是一些培训机构的推广软文,给很多想要入行的同学们造成了很多困扰。所以我发了一些时间去找一些交互设计方面比较系统和正规的学习资料和网站,希望对大家有帮助,拿走不谢!第一:各大互联网公司ued部门阿里妈妈MUX文章分享:http://mux.alimama.com/posts/1300蚂蚁设计:https://ant.design/docs/sp...

    2018-03-05
  • 百度金融用户体验中心负责人 曲佳:设计师求职七宗罪

    继上个周五 19:00 腾讯互娱游戏平台部设计总监陈维的第一节课《如何通关 UI 设计师的游戏副本》后,昨晚百度金融用户体验中心负责人曲佳联合团队的设计经理孔敏,给知群的用户们带来了「七大公司设计师面试官授课合集」的第二节课《设计师求职七宗罪》,在分享的最后环节,也给出了目前百度金融尚未对外大规模公开的招聘信息(最近有跳槽意向的设计师们抓紧时间上车)。曲佳:百度金融设计架构师,百度金融用户体验中心-百度 FDC ( Baidu Fina...

    2018-04-04
  • SKD独家 | 英国交互设计排名

    同学们自从上次🇺🇸美国交互设计的排名一出打算去英国🇬🇧的小伙伴纷纷表示出英国版的排名👌先以交互的分类来划分一下英国的院校:以HCI为主,偏技术研发的院校有:伦敦大学学院(UCL)Human Computer Interaction(Msc)巴斯大学(Bath)Human Computer Interaction(Msc)以UX为主,偏交互装置、技术应用院校有:伦敦传媒学院(LCC)Interaction Design Communica...

    2018-04-17
  • 一文看懂用户体验五要素

    《用户体验要素》是美国AJAX之父Jesse James Garrett的经典之作,被称为互联网入门必读的书籍,系统介绍了产品用户体验设计的模型。原作第一版完成于2002年,距今已经16年了,本书的最初是针对网页设计写作而成,但在这16年间,从internet到APP再到移动互联网,这个理论都能适用,越来越被称为经典,可见其在当下以及可见的未来,都具有普适性。因此,学习下用户体验的五要素还是很有必要的。用户体验五要素是将产品设计的过程抽...

    2018-03-17