如何制作有竞争力的交互作品集?

对于设计师而言,作品集是体现自身工作能力和项目的面试依据。本文将结合示例说明初中级交互设计师在准备作品集时,应该把握的关键点。

一、体现专业基础能力

广义上是指能够独立完成产品交互设计方案。细分为对产品需求的理解、搭建信息架构图、打通任务流程、输出页面原型、页面流程图、汇总交互说明文档,此外还包括跟进产品上线后的反馈,不断优化产品的用户体验。

1.1 对产品需求的理解

如果你参与了项目前期用户需求分析和定义阶段,那么在作品集中请简明的提及这一点。下图是我之前做的一个项目案例,在开始着手设计之前站在用户的角度思考产品需求的合理性,对于产品设计的整体把控大有益处。

1.2 搭建信息架构图

如果把产品比作人,那么信息架构图就是人的骨骼。交互设计师需要理清楚一款产品的结构脉络,才能站在全局的高度把控产品整体交互的统一性。

1.3 绘制任务流程图

任务流程图呈现用户为实现某个目的,执行具体操作的步骤流程。交互设计师对尼尔森的可用性原则都比较清楚,这里的任务流程图其实就建立在“防止错误”和“容错”两大原则之上。交互设计师只有对任务流程的闭环了如指掌,才能在画原型时将用户操作的使用场景考虑全面。

1.4 输出页面原型

交互原型图是交互设计师产出物的重要组成部分,也是给上游产品经理、下游视觉设计师和开发人员阐述交互设计方案的重要依据。有关如何绘制规范的原型图可以查看我之前的相关文章。

1.5 输出页面流程图

页面流程图是指将页面原型之间的逻辑跳转关系,用连线的方式有条理的呈现出来。便于查看交互稿的相关人员能快速便捷的掌握页面跳转逻辑。

  • 逻辑思维能力:在作品中适当加入上述部分输出物,能够体现交互设计师对产品结构的逻辑思考和归纳能力。
  • 添加文案说明:记得在上述输出物的旁边加入必要的文案说明,让查看作品集的人在短时间内迅速明白你要表达的意思,图文结合的方式更有利于观者理解。

二、项目背景介绍和结果导向意识

很多作品集中只罗列了做过哪些项目、自己承担的职责,却没有项目背景、产品需求、设计目标、交互设计师承担的责任等辅助说明,以及最终项目取得的成果和自己在项目中的贡献。

2.1 项目辅助说明

可以帮助面试官快速了解项目基本情况,同时对你的作品也有了心理预知。

2.2 上线后的数据和用户反馈,以及项目总结

让面试官了解项目上线后的最终成果,同时体现设计在其中发挥的价值。比如是否有用户反馈界面的使用体验,或者设计相关的问题等。

项目总结是对自己做过项目的反思,比如你的收获是什么?你的成长和踩过的坑有哪些?你是否有相关的建议和想法帮助项目改进的更好?

三、遇到的问题及解决方案

在实际项目中,要么会遇到无法实现设计功能或效果的情况;要么上线后根据用户反馈或功能迭代,原有的逻辑布局需要调整。交互设计师在设法解决这些问题的过程中体现了以下能力:

3.1 对业务和产品线的了解

工作项目不同于模拟作品,不可以天马行空的设计,在意的不是酷炫的交互效果。交互设计师更多需要考虑的是碍于资源有限、开发周期短、实现成本等因素,对设计方案的调整。

3.2 创新能力

创新并不是指多么不可思议的想法,更多时候是指对历史和现有的总结升华。比如我之前文章中写到的“顶部导航交互方式的灵活应用”,看似是简单的交互创新,但背后却蕴含着对用户使用场景的深入思考。

四、把握聚焦与多样之间的平衡

因为作品集是通过一个模版展示不同作品,需要注意两个优先级问题:作品质量与数量的优先级专业领域纵向深度与横向拓展的优先级

  • 作品的好坏程度远胜于作品的数量多少。这里并不是说项目多了不好,而是指不要为了充数在作品集里放自己不够满意的作品。一定优先放有代表性的满意的作品。
  • 面试方首先看重你的垂直聚焦能力,其次在意你的横向拓展能力。这里的关键点是:一个方向做精比在各方面都做一点更具有竞争力。如同创业一样,先从一个方向切进去做到足够好,找到发展的核心优势,之后在考虑业务的横向拓展不断提升价值。

五、总结

以上是我对准备交互作品集时应该注意哪些问题的梳理,希望对你有所启发和帮助。如果有更好的观点欢迎交流,相互学习。

Viksea(公众号)

作者: Viksea

(0)

相关推荐

  • PPT制作具有视觉冲击力的击凹字效果

    PPT制作具有视觉冲击力的击凹字效果 在PPT中,虽然不能很好的模仿这个特效过程,但模仿这种击凹字效果还是很容易的.下面就跟着Office办公助手的小编一起来试一试使用PPT制作具有视觉冲击力的击凹字 ...

  • PPT制作按钮实现动画交互效果

    PPT制作按钮实现动画交互效果 1.首先新建一个PPT文档,将页面设置为空白页,这样比较好操作,且直观简洁 2.然后新建幻灯片 ,右击新建就可以了,这样后面的版式与前面的都是一样的,一共三张空白的幻灯 ...

  • PPT怎么制作按钮实现动画交互效果?

    PPT中其实也能做出动画的效果,虽然没有flash那么强大,不过对于做课件来说也足够了,而且动态的PPT更能直观地比较内容或者图片的差异性. 1.首先新建一个PPT文档,将页面设置为空白页,这样比较好 ...

  • 帮新手设计师大幅提升竞争力的10条工作建议

    有哪些简单但实用的建议可以帮设计毕业新人提升个人竞争力?今天让腾讯高级设计师@puerliiiiiii给同学们聊聊10个应该谨记的工作建议,同时适用于互联网企业和设计咨询公司. 关乎观念转换,关乎身在 ...

  • 交互动画之—骨骼动画制作(一)

    "今天来讲一种动画类型--骨骼动画,主要用来实现带交互的角色动画,它可以制作简单交互动画,也可以制作像<刀塔传奇>这样复杂的游戏.虽然我们不会接触到游戏UI,但带交互的需求还是会 ...

  • 超全面!给零基础设计新人的交互设计学习资源

    想作为一名交互设计师,需要具备设计思维能力.协作沟通能力.设计价值提升等.多去思考问题,相信看到自己的成长和提升会是一件美好的事情,相信每个设计师都有各自不同的成长路径,也会经历不同的问题和解决. 什 ...

  • 最简单强大的html5海报制作工具MAKA使用教程

    之前若玲分享的"卡妞微秀".初页制作html5海报,大家反映都在手机端操作,太不方便了,这回若玲推荐大家一个更好的html5海报制作工具,是在PC端操作的,是若玲测试的所有工具中效 ...

  • 百度魔图pk大咖怎么用?pk大咖的玩法使用图解

    百度魔图pk大咖怎么用?百度魔图今日冲顶iOS免费排行榜第1名!主要是因为有个“pk大咖”的玩法,不过有些朋友可能还不知道pk大咖怎么用,pk大咖自拍可以pk明星脸。下面小编为大家带来百度魔图pk大咖 ...

  • 搜狗搜索引擎怎么样?有哪些长处与不足

    搜狗怎么样,实力与潜力如何 搜狗的团队是一个非常具有技术实力的团队,无论是搜索技术还是客户端技术,在业界都能够有一席之地。搜狗客户端产品团队的一些理念黑苹果博客认为还是不错的。从能力提高层面来说,加入 ...