从新人到大牛!可能是最全面的交互设计知识体系 - 优设网 - UISDC

从新人到大牛!可能是最全面的交互设计知识体系

2018/03/26 13665评论区

本文将我经过5年多的不断迭代,形成的这套交互设计知识体系,分享给大家。

一、设计理论基础

1. 交互设计概念

对于新人来说,要了解几个基本的概念,并且要有自己的理解。比如,什么是交互设计?什么是用户体验设计?交互设计的价值是什么?

2. 设计流程

如果不清楚整个产品设计的流程,不清楚每个阶段主要产出什么,不清楚交互设计师主要负责哪几个阶段以及自己需要输出什么内容,恐怕很难上手工作。

二、设计前期

我的 leader 经常说一个观点:越是高阶的交互设计师,越要有产品 sense,越要从产品全局、产品源头去考虑用户的诉求。

所以这个阶段虽然是产品经理、产品设计师更偏重的知识点,但作为交互设计师也应该逐步积累这方面的技能。

1. 挖掘需求idea

实际工作中需求的来源很多,可能是老板,可能是运营,可能来自用户的反馈。但作为产品经理,非常重要的能力之一就是善于挖掘用户的需求,善于将产品逐步迭代优化变得更好。

那如何挖掘需求呢?

常见的方式有几种,一是从人性需求、马斯洛需求出发去思考,二是从用户反馈中挖掘背后的本质诉求,三是数据分析,四是从竞品分析中获取机会点,五是流程简化等等。

基于这一系列的方法,我们还可以积累不同方法挖掘需求的案例,帮自己打通思维方式。

所以这个环节我们要积累几个知识点:

  • 人性需求有哪些?马斯洛需求有哪些?每一类需求,至少思考一个案例。
  • 如何做产品分析、竞品分析?报告怎么写?
  • 需求挖掘方式有哪些?积累不同方式挖掘需求的案例。

2. 评估需求价值

一个新产品或是迭代中的产品,都需要评估需求的价值,评估它值不值得做。如果没有价值,我们也就不必要投入精力了。

常见的评估标准有几个:

  • 一是用户量,是不是大众的主流需求,有多少人愿意用这个功能。
  • 二是需求的紧迫程度,如果不加这个功能用户是否会离开,有了这个功能是否能给用户带来新的、核心的价值。
  • 三是使用频率,用户是否经常要用这个功能。

看似简单,但实际工作中可能还要多方博弈去评估产出比。

3. 需求分析

这个环节,需要分析以下几点:

  • 目标用户有几类,他们的动机和行为分别是什么。
  • 每一类的目标用户的使用场景是什么,时间、地点、目标、行为。
  • 在使用场景下,遇到哪些痛点。
  • 为了解决这些痛点,产品将提供怎样的解决方案。
  • 基于这套解决方案,有哪些产品目标,设计目标又是怎样的。

以上几点,有的需要产品经理给出,有的需要产品交互共同探讨达成共识,有的可能还需要通过用研的方法来协助产出。

扩展知识点:

  • 用户研究方法
  • 人物角色 persona
  • 场景设计法,对于 O2O 类的产品,常常采用这类方法挖掘不同场景的痛点和机会点,从中分析设计策略。

三、设计方案阶段

1. 设计方案的思路

从功能模块梳理、任务分析,到页面流程和信息框架的确定,再到每个页面的布局设计、交互说明文档的撰写,最后进行走查 review。

每个环节做什么、如何做,最后输出的文档是怎样的?这是交互设计师的基本功,需要尽早积累。

2. 设计规范和原则

iPhone、iPad、Android,不同平台有不同平台的设计规范,我们做相应平台的设计时,尽可能的依循规范来设计,一定程度上能让用户拥有一致的体验。

对于设计原则,我们常常听到易用性十大原则、Ben Shneiderman 的交互设计8项黄金法则,这些原则的好处是,能帮助我们评估设计方案的好坏,也避免我们随意设计,通过有理有据的设计,既能让用户的每一步操作都在预料之中,也能在推动方案时帮助我们说服上下游。当然,也要结合实际场景来,避免教条主义。

这个环节,我们要积累这样几类知识点:

  • 各平台的设计规范。
  • 基础的设计原则,比如易用性十大原则。
  • 在组织信息和内容时,有哪些设计原则。
  • 在设计反馈提示时,有哪些设计原则。
  • 在设计任务流程时,有哪些设计原则。
  • 如何做简单的、高效的、贴心的、情感化的设计?积累方法和案例。

3. 设计工具的使用

这也是基本功之一,Axure、sketch 是交互设计师最常用的工具。如果要做动效,可以研究 Principle、Origami 甚至是 Keynote 等动效工具。也不一定要贪多,挑选到自己顺手的、合适的工具就行。

4. 创新设计方法

创新思维的方法有水平思维法、奔驰法、发散思维法、头脑风暴法、Brainwriting等方法。创新,是交互设计师绕不开的话题,也是每个设计师应该追求的方向。

5. 跨团队沟通协作

交互设计师需要与产品经理、视觉设计师、开发、测试沟通,如果不具备良好的沟通协作能力,可能会阻碍我们了解产品需求、推动设计方案的落地。

在沟通方面,每个人遇到的痛点有相同之处,也有不同之处,可以多跟人探讨如何做的更好。

四、设计后期

1. 设计效果跟踪和数据分析

一个设计方案,如何评估它的效果呢?在设计后开发前,可以通过可用性测试来评估;开发上线后,可以通过数据分析来评估。如果要通过数据评估,需要在开发前提供埋点需求,否则上线后可能没有你想看的数据。

延伸开来,还可以通过数据分析,挖掘下次优化迭代的方向。

2. 设计项目总结

对于负责的项目,如果经过了大的改版或阶段性的设计之后,可以从项目背景、收集需求阶段、需求分析阶段、输出方案阶段、交互细节亮点等方面输出一篇总结文章。

我们也可以搜集别人的项目总结文章,既可以学习如何写设计项目总结,也可以学到产品、设计迭代中的思考、结论,或许对自己做的同类产品也有指导和参考意义。

五、日常积累的设计案例

前面介绍的都是设计方法,但有了方法并不能够让我们输出优秀的设计方案。

我们还需要通过日常积累非常多的设计案例,再结合我们对设计的思考和评估,才知道哪些方案更优秀,哪些方案适合怎样的设计场景。

具体可以从以下几个方面来积累:

1. 特定功能或界面的设计总结

俗称的设计模式的积累,比如导航、注册登录、筛选功能、新手引导、前置引导页、搜索、数据可视化等等功能或界面的设计。

经验丰富的设计师,参与设计的产品越多,对很多功能或界面的设计都有了经验和积累,对不同的设计模式的好坏也有了一定的判断依据,这些都可以作为案例积累起来。

2. 特定动效的设计总结

可以理解为动效的设计模式,比如下拉加载动效、卡片动效、页面转场动效等等。

3. 细分行业设计研究

假如你做电商的设计师,你可能只负责某个小业务线的设计,但是可以对电商产品的不同业务线,做个系统的竞品分析研究,从全局到功能到特定栏目等进行分析。

这样能让自己熟悉全站的业务,将来负责新的业务线时也能更快上手。

如果你有感兴趣的细分行业,也可以通过这样的方式进行研究。

4. 新的交互方式和设计趋势

每年都有设计师总结设计趋势,这类文章可以研究下,提取有价值的点,扩充自己的知识库,找机会用于自己的产品设计中。

对于与 VR、AR 相关的新的交互方式,可以先关注着,如果有兴趣也可以系统研究,说不准未来你也能参与到这类项目中呢。

六、设计师的发展

1. 专业能力提升方法

新人设计师比较关注这类专业提升方法,可以参考一些前辈的经验方法进行实践,再结合自己的实际情况摸索适合自己的方法。

2. 职场发展

关于职业选择等方面的建议,看到有靠谱的文章可以先收藏着,迷茫的时候或许可以看看。

3. 求职招聘

新人设计师,关注求职过程中常常问什么问题、建立怎么写、作品集怎么准备、各公司的薪资待遇如何等等。

如果是资深设计师或设计 leader,会关注如何面试、招聘到优秀的合适的设计师。

七、设计网站/书籍/设计师/等资源

网站是我们获取灵感的渠道,书籍能让我们系统的学习专业知识,设计师能让我们知道可以向谁请教和学习。

这也是新人设计师在入行之初比较关注的。

以上就是现阶段我建立的交互设计知识体系。内容虽多,但可以按照自己所处的阶段,一点点升级打怪学习研究和实践。

对于这套知识体系,我是通过印象笔记管理的,附上一张笔记本组和笔记本的截图,供参考。

欢迎关注作者微信公众号:「青溪设计札记」

「交互设计师如何提高技能」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/interaction-design-knowledge-system

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里