5年迭代,我总结了一套全面的交互设计知识体系

4 评论 28161 浏览 244 收藏 14 分钟

文章为作者经过5年多的不断迭代,形成的一套交互设计知识体系,希望对你来说,有所收获。

又是近一年没有更新!

一年前信誓旦旦的说“用知识管理的方法,跟大家一起建立交互设计的知识体系”。一年后,我却并没有做到。

最初是因为那时分享的几篇创新方法的文章阅读量寥寥,开始质疑做这件事情是不是大家需要的,再之后懒到一发不可收拾。忙碌的工作之余,开始做点其他的事情,比如健身练练马甲线,比如做点有仪式感的早餐,比如系统总结时间管理和知识管理的经验方法 等等。

晃眼已是2018年,曾经承诺的事情,至少应该有个交代,于是有了这篇文章。

我仍然不敢说自己能坚持把所有交互设计的知识点分享完,所以想着授人以鱼不如授人以渔,于是决定将我建立的交互设计知识体系、如何建立知识体系和输入学习新技能的方法,全部分享给大家。

关于交互设计的每个知识点,如今网络上已经可以找到很多资料,即使没有我的分享,相信大家通过这套知识体系、通过学习新技能和管理知识的方法,也能有所精进。

下面进入正文,分享我经过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,会关注如何面试、招聘到优秀的合适的设计师。

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

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

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

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

#专栏作家#

青溪Joanna,微信公众号: 青溪设计札记(qingxizhaji),交互设计师一枚,喜欢体验各种App,关注社交、在线旅游、O2O、工具类产品;擅长需求分析、交互设计,有一定前端开发经验;业余时间喜欢网球、ukulele、简笔画,正在努力攒技能。

本文原创发布于人人都是产品经理,未经许可,不得转载。

题图来自unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 不说具体原则,就是在吹牛

    来自北京 回复
  2. 能并不能详细说下上面提到的设计原则

    来自浙江 回复
  3. 请问除了交互设计八项黄金法则和易用性十大原则以外,其他的设计规范和设计原则的资料哪里可以查阅到呢?

    来自福建 回复
  4. 蟹蟹作者的分享,点赞收藏了。关于工具那块,我目前用ominigraffle,这个软件可以做动效吗?如果作者有好的教程请分享给我,比较缺少参考的资料,蟹蟹。

    来自北京 回复