在很多公司,产品就是“原型输出机”,收到运营或领导的需求就去刷刷刷的把原型画了,似乎整个重点就是画原型了,其实原型只是一个展现方法,将你的设计方案展示出来,在画原型前的那些过程才是最重要且最有用的。
在画原型前我们需要需求分析,竞品分析等来让我们的设计方案变得最合理,符合用户的需求。这个星期我学习的是交互设计微专业课程,交互设计和产品直接的关系很微妙,作为产品,我们需要懂交互,在大公司,通常是产品和交互一起做用户研究,做分析的,所以说产品和交互的关系很微妙,而小公司,通常是产品交互都是产品一手包,所以产品更需要懂交互。课程内容很多,还有一章节我没有看完,所以这次想先总结分享一部分内容,后面的内容下次再写。可以先看看画的思维导图。
是真的很多~学习完这个课程后可以看《交互设计精髓》,这个课程可以说是把流程说清楚,而《交互设计精髓》是把每个流程中要用到的方法,讲得很具体,如:如何为人物建模,如何做卡片分类等等。我想今天先总结一部分吧~
需求分析
一般来说,产品经理提出一个需求,交互设计师接到需求后,需要去分析需求,而需求也分为两类业务需求和用户需求,要做好设计,这两个需求是都需要满足的。
1.业务需求:我们通常需要透过业务需求去了解业务目的,比如,要让用户主动申请
2.用户需求:用户需求=目标用户+用户场景+用户行为+用户体验目标。
这里又有很多学问了,要了解用户需求我们去做用户研究,做用户访谈等,去了解人物模型,通过人物模型等去分析用户的需求。这些方法在《交互设计精髓》中都有很仔细的说,我们需要通过不断的实践才能真正的掌握方法。
3.关键因素分析:通过用户路径去分析用户的动机、担忧,以及在使用过程中可能遇到的障碍。
4.归纳设计需求,明确设计策略。
信息架构
对信息进行结构、组织方式以及归纳的设计,好让使用者与用户容易使用用户理解的艺术与科学。
一.前期准备
通过用户模型(persona),使用场景,去了解用户习惯,也就是画出用户画像,通过用户画像,去了解这类人,从而让我们的方案能够尊重用户习惯。
1.了解业务需求:似乎做一切事情之前都需要了解用户,了解业务,而有时候,我们的业务需求不一定来自与产品经理,也需要从运营,市场等多方面去了解。
2.调研竞品的信息架构:通常我们需要把竞品的信息架构画出来,然后找出共性和差异,竞品的共性基本上是用户的习惯,这些往往是我们需要去遵循的,而差异就是设计的机会点,因为目标用户、产品定位不一样而不一样。
3.卡片分类:我们可以通过找目标用户进行卡片分类将信息进行分类和组织,去了解用户的思维。卡片分类又是一个具体的方法了,要了解这个又是一堆信息,可以去看书了解。
二.产出信息架构
1.整理信息,并进行重要性排级,对每一层都进行分级。
2.寻找层和度的平衡
层:是指信息架构的深度,我们打开微信,然后点击我的,再点击相册,这就是层,一般来说层级不超过5级,层级太深用户操作起来会比较困难,层级也是需要根据重要级确定的。
度:某一个节点的数量,度过多会导致内容多,认知成本增加,度过多就是页面东西太多。
需要不断的调整层和度的关系,使产品更美观,更易用。
3.验证核心流程:1.尽量保证树结构进行层级自上而下前进。2.不连通层级间的跳跃,尽量发生在最后一部。比如:点击打电话按钮,寻找通讯录联系人,点击联系人,到最后一部可以跳转到发短信的功能。
4.信息架构和交互构图的关系:1.利用重要性分级,如,tab式和抽屉式导航,当重要性只有一项时,可以选择抽屉式,比如,滴滴打车。第一重要性有多项时可选择用标签式。2.竞品和用户习惯,了解竞品的信息架构,交互界面,去探索是否是用户习惯。
三.评判产品信息架构
1.用户测试
2.撰写产品说明书
页面排版布局
一.用信息架构思路设计页面
1.确定页面所需要呈现的信息,列出所需信息并绘制树状图,找出相关联的信息。
2.明确一个页面中的元素逻辑性和重要级。将小功能归类到大功能,根据重要级确定页面的大小位置等。
3.绘制单一页面。
二.确定页面的任务目的
1.明确用户及产品的目的。
2.衡量页面的标准
有用:满足用户及产品需求
易用:架构、流程清晰,不需思路能顺其自然的操作
好用:友好的充满情感化,能为用户想的设计(异常情况及及时反馈等,像朋友一样)。
三.信息元素组织分类
1.卡片分类法(按照用户的思考逻辑去分类)
四.对组块进行排版布局
1.设计策略
整体原则:清晰的视觉引导
显示:严谨的页面逻辑,突出主要流程
弱化:弱化次要流程
删除:删除不必要的功能
隐藏:不能删除的非必要功能
2.影响因素
操作频率:根据人机工程学,去了解用户的操作习惯,点击领域等
费次定律:用户使用设备到达一个目标的时间与距离目标大小有关
3.升华
情感化设计:好用,(从文案、设计等多方面实现)
动效:可依据情感化设计,提升用户体验
4.交互设计七大定律
费次定律、希克法则、7+-2法则、接近法则(格式塔原理)、复杂性守恒法则、防错原则、简单有效原理。
5.设计心理学
了解用户的使用场景——设计符合用户心理的产品
格式塔原理:
接近性:根据位置判断归类
相似性:相似:表明是同类,快速做出判断
对比:表明彼此差异,适当引导
封闭性:视觉系统自动尝试将敞开的图形关闭,从而将其感知为完整的物体不是分散的碎片
连续性:视觉容易将具有连续性和共同运动的物体看做整体
对称性:我们倾向于分解复杂的场景来降低复杂度
主体/背景:我们的大脑将视觉区域分为主体和背景。主体包括一个场景中占据我们主要注意力的所有元素,其余则是背景
共同命运:与接近性、相似永生原理相关,都影响我们感知的物体是否成组。指出一起运动的物体被感知为属于一组或者是彼此相关的
情感化:色彩等帮助营造网站的整体氛围
写完这些(还只是课程学习内容的一部分),感觉要学的东西真的太多了~都是一些理论上的东西,但是平时在实践的时候可以注意运用上,不断的实践可以更好的形成自己的工作流。
这些流程,不是为了工作流程化而使用,而是为了更好的产出高质量设计方案而可以参考使用的方法。对于刚入门的产品和交互,了解学习是可以阅读参考的。
网友评论