美文网首页@产品
拒绝做“原型输出机”

拒绝做“原型输出机”

作者: 嘻嘻哈哈小石头 | 来源:发表于2018-11-19 10:18 被阅读0次

    在很多公司,产品就是“原型输出机”,收到运营或领导的需求就去刷刷刷的把原型画了,似乎整个重点就是画原型了,其实原型只是一个展现方法,将你的设计方案展示出来,在画原型前的那些过程才是最重要且最有用的。

    在画原型前我们需要需求分析,竞品分析等来让我们的设计方案变得最合理,符合用户的需求。这个星期我学习的是交互设计微专业课程,交互设计和产品直接的关系很微妙,作为产品,我们需要懂交互,在大公司,通常是产品和交互一起做用户研究,做分析的,所以说产品和交互的关系很微妙,而小公司,通常是产品交互都是产品一手包,所以产品更需要懂交互。课程内容很多,还有一章节我没有看完,所以这次想先总结分享一部分内容,后面的内容下次再写。可以先看看画的思维导图。

    是真的很多~学习完这个课程后可以看《交互设计精髓》,这个课程可以说是把流程说清楚,而《交互设计精髓》是把每个流程中要用到的方法,讲得很具体,如:如何为人物建模,如何做卡片分类等等。我想今天先总结一部分吧~

    需求分析

    一般来说,产品经理提出一个需求,交互设计师接到需求后,需要去分析需求,而需求也分为两类业务需求和用户需求,要做好设计,这两个需求是都需要满足的。

    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.设计心理学

    了解用户的使用场景——设计符合用户心理的产品

    格式塔原理:

    接近性:根据位置判断归类

    相似性:相似:表明是同类,快速做出判断

    对比:表明彼此差异,适当引导

    封闭性:视觉系统自动尝试将敞开的图形关闭,从而将其感知为完整的物体不是分散的碎片

    连续性:视觉容易将具有连续性和共同运动的物体看做整体

    对称性:我们倾向于分解复杂的场景来降低复杂度

    主体/背景:我们的大脑将视觉区域分为主体和背景。主体包括一个场景中占据我们主要注意力的所有元素,其余则是背景

    共同命运:与接近性、相似永生原理相关,都影响我们感知的物体是否成组。指出一起运动的物体被感知为属于一组或者是彼此相关的

    情感化:色彩等帮助营造网站的整体氛围

    写完这些(还只是课程学习内容的一部分),感觉要学的东西真的太多了~都是一些理论上的东西,但是平时在实践的时候可以注意运用上,不断的实践可以更好的形成自己的工作流。

    这些流程,不是为了工作流程化而使用,而是为了更好的产出高质量设计方案而可以参考使用的方法。对于刚入门的产品和交互,了解学习是可以阅读参考的。

    相关文章

      网友评论

        本文标题:拒绝做“原型输出机”

        本文链接:https://www.haomeiwen.com/subject/rrdofqtx.html