精华内容
下载资源
问答
  • PPT 课件中的交互技术孙 方szichuan@课件中交互的含义分析交互的含义1对信息的自主选择-自主选择课件内容2用户能根据条件输入一定的信息3为用户提供及时明确的反馈信息4能够控制课件中一些对象PPT课件中常见交互类型...
  • 交互设计流程

    2021-03-02 08:33:48
    我们大概从两大块来介绍,首先是具体的交互设计流程,还有就是在这个过程中要用到的具体工具及方法方式。交互设计流程中,基本按照以下3步骤进行:在初步的需求分析当中,你需要做的是什么呢?1、与需求方沟通,获取...
  • 本文由:“学设计上兔课网”原创,图片素材来自...一个完整的交互设计过程中的步骤主要分为:用户调研、概念设计、创建用户模型、创建界面流程、开发原型以及用户测试、实现、统测试。 道了交互设计过程中的步骤有哪

    本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享

    一个完整的交互设计步骤有哪些?很多朋友在问交互设计过程中的步骤有哪些?一般而言,交互设计师都遵循类似的步骤进行设计,为特定的设计问题提供某个解决方案,当然没有绝对正确的方案。设计流程的关键是快速迭代,换言之,建立快速原型,通过用户测试改进设计方案。那么交互设计过程中的步骤有哪些呢?

    一个完整的交互设计过程中的步骤主要分为:用户调研、概念设计、创建用户模型、创建界面流程、开发原型以及用户测试、实现、统测试。

    道了交互设计过程中的步骤有哪些,如果想要知道具体怎么样,请继续往下看:

    用户调研

    通过用户调研的手段(介入观察、非介入观察, 采访等), 交互设计师调查了解用户及其相关使用的场景,以便对其有深刻的认识(主要包括用户使用时候的心理模式和行为模式),从而为后继设计提供良好的基础。

    概念设计

    通过综合考虑用户调研的结果、技术可行性、以及商业机会,交互设计师为设计的目标创建概念(目标可能是新的软件、产品、服务或者系统)。整个过程可能来回迭代进行多次,每个过程可能包含头脑风暴、交谈(无保留的交谈)、细化概念模型等活动。

    创建用户模型 Scenarios/Personas/Profiles

    基于用户调用得到的用户行为模式,设计师创建场景或者用户故事或者storyboard来描绘设计中产品将来可能的形态。通常,设计师设计用户模型(persona)来作为创建场景的基础。

    创建界面流程

    通常,交互设计师采用wireframe来描述设计对象的功能和行为。在wireframe中,采用分页或者分屏的方式(夹带相关部分的注解),来描述系统的细节。界面流图主要用于描述系统的操作流程。

    开发原型以及用户测试

    交互设计师通过设计原型来测试设计方案。原型大致可分三类:功能测试的原型,感官测试原型以及实现测试原型;总之,这些原型用于测试用户和设计系统交互的质量。原型的可以是实物的,也可以是计算机模拟的;可以是高度仿真的,也可以是大致相似的。

    实现

    交互式设计师需要参与方案的实现,以确保方案实现是严格忠于原来的设计的;同时,也要准备进行必要的方案修改,以确保修改不伤害原有设计的完整概念。

    系统测试

    系统实现完毕的测试阶段,可能通过用户测试发现设计的缺陷;设计师需要根据情况对方案进行合理的修改。

    展开全文
  • 不仅仅是交互设计,对...有些同学入门交互的步骤是:看一些书,比如《交互设计精髓》,然后借鉴各个竞品开始画交互稿,一年后好像也入门了,但这么做会有2个问题: 先看书,尤其是《交互设计精髓》,很容易让人放...

    不仅仅是交互设计,对互联网从业人员理解用户需求大有裨益,强烈推荐。

    脑图:


    提示:这篇文章会很长,如果一次看不完,可以收藏一下。这篇文章主要是为新人撰写,所以很多概念/方法会比较模糊地说,多少会损失一些严谨性。

    有些同学入门交互的步骤是:看一些书,比如《交互设计精髓》,然后借鉴各个竞品开始画交互稿,一年后好像也入门了,但这么做会有2个问题:

    • 先看书,尤其是《交互设计精髓》,很容易让人放弃,也很容易让人变得“空洞”;
    • 跟着竞品学画交互,很难领会到体系的基础知识,学到的都是零散的点,也就是野路子。

    那么相对有体系的学习步骤是怎样的呢?这里笔者用“学武功”做一个类比:

    入门交互设计的4个步骤(6000字长文)

    这个学习步骤也可以对应到交互设计T型能力图谱上,如下图:

    入门交互设计的4个步骤(6000字长文)

    下面的篇幅我们便来分别介绍每一个步骤具体学什么?怎么学?

    步骤1:界面基础(招式)

    界面基础指的是:控件布局流程,也就是在交互稿上肉眼可见的部分。入门时先学界面基础可以让你快速感知到什么是交互设计,并建立一些兴趣和信心。

    1.1 控件

    控件就是界面上最小的有效单元,比如下图中的“搜索框”、“单选按钮”、“复选框”、“下拉框”。

    入门交互设计的4个步骤(6000字长文)

    1.1.1 认识控件

    掌握控件首先要“认识控件”,认识控件比较体系的方法是去阅读各个平台的官方设计规范,比如iOS、Android、MacOS、Windows(Desktop APP/UWP)、小程序。注意web端是没有官方规范的,因为本身不是平台。web端的规范属于各自为政的状态,国内后台规范比较常见的是antdesign和element,前台就没有规范可言了。

    入门交互设计的4个步骤(6000字长文)

    1.1.2 了解控件的交互流程

    很多控件都不是静态的,都会有各自的一套交互流程,比如文本框(可参考下图流程):“用户点击文本框后,会出现光标,且弹出键盘。输入第一个字符后,会出现“清空按钮”。输入很多字符后,会有截断效果。输入错误时,会报错……”

    入门交互设计的4个步骤(6000字长文)

    入门交互设计的4个步骤(6000字长文)

    了解控件的交互流程,可以帮助你更立体地了解一个控件。在实际的交互稿绘制中,也经常会细致地描述某个控件的交互流程。

    想要学习每个控件的交互流程,比较简单的方法就是找一些成熟的产品试用,看每进行一个动作下一步会发生什么,然后临摹下来。对于移动端,比较推荐大家临摹微信。因为是微信是公认控件层面最讲究的产品,设计规范和工具都比较全,比如WeUI提供了设计规范和小程序工具。当然,如果有耐心,各个平台的官方规范都跟着练一遍是最好的啦……

    1.1.3 了解控件的属性

    大多控件都会有自己的一些属性,或者可以理解为可设置的参数。比如“列表”这个控件,需要交互设计师定义的属性有:排序规则、加载规则、刷新规则、适配规则、截断规则等。比如下图中的群成员列表,他的“排序规则”可能是按照昵称首字母排列的,也可能是按照进群先后顺序排列的,或者是按照角色排列的。

    入门交互设计的4个步骤(6000字长文)

    “控件的属性”没有很好的学习途径,如果有认识一些前辈愿意给你看交互稿是最好的。如果没有只能自己摸索了。一个设计师的交互稿是否细致,开发是否能很好阅读,而不是经常跑来说你写漏了,主要取决于设计师对“控件属性”的理解。

    1.1.4 了解怎么使用控件

    当了解上面所有关于控件的内容后,你还需要知道什么时候该用什么控件。举个例子(下图),当用户输入手机号错误的时候,需要给用户一个错误提示,提示方式所用的控件可以有很多种:弹窗、toast、行内提示、气泡提示。那么用哪一种最好呢?

    入门交互设计的4个步骤(6000字长文)

    答案是“不一定”,比如“弹窗”的缺点是打扰性很强,但优点是可以承载大段文字,用户到达率也更高。toast的打扰性很小,但只能放很短的文字,用户很容易忽略。具体要看当时的情况是怎样的,设计师想要什么样的效果。

    那么怎么学习控件的使用方法呢,可以推荐大家看《web界面设计》或者各个平台的设计规范。看完后再找出类似的控件,做对比思考,基本就能看出门道了。

    1.2 布局

    简单意义上理解,布局就是把“控件”和“内容”放到界面上合适的位置并赋予合适的视觉重量。在网页时代,布局设计是相当重要的。但在移动端盛行的当代,布局设计相对没有那么被看重。主要原因是移动端的布局设计趋同性比较大,设计诉求和设计空间都相对较小。但它仍然是设计基础中重要的一部分

    1.2.1 了解布局设计的基本理论

    布局设计的基本理论有以下几种:格式塔原理、网格系统、7±2法则、席克定律、费茨定律、奥卡姆剃刀原理、复杂性守恒定律。这几种理论中除了“网格系统”外,其余的理论基本都可以在知乎搜一下然后10分钟内了解吸收。这些理论相对比较底层,很难直接告诉你布局设计应该怎么做。但它们可以成为设计师心中的“标尺”和“依据”,会融入在你平时的设计工作中。

    入门交互设计的4个步骤(6000字长文)

    1.2.2 布局设计的基本步骤

    布局设计简单可以分为以下4个步骤:

    1. 列举:将界面中所需要的元素列举出来,比如:商品图片、商品标题、价格、优惠券、收藏、分享……
    2. 归类:将上述列举的元素归为几类,每一类就是一个模块。比如“收藏、购买、加入购物车”可以归为“操作模块”
    3. 排序:将上面归类好的模块进行排序,排序的依据一般是:用户场景中的浏览顺序、元素的重要性、业务期望
    4. 调整:布局排布的影响因素很多,最后需要综合其他因素对布局进行调整。并对各元素的视觉重量进行定义调整

    学会基本步骤后,可以通过“默写产品法”进行练习。比如把淘宝商品详情页的元素摘录下来,然后自行排布。最后和淘宝的设计进行对比,思考淘宝为何这么设计,自己是否有思考疏忽?

    1.3 流程

    界面中的元素有2种:内容和功能。内容是静态的,比如商品描述就是一种内容。功能是动态的,比如“加入购物车”就是一个功能。在交互稿中,展示一个功能的方式往往是“描述其交互流程”。比如在聊天APP中“接收文件”的交互流程可以描述为:点开消息→看到文件→点击下载→下载完成并打开。

    如下图所示:

    入门交互设计的4个步骤(6000字长文)

    1.3.1 流程设计的步骤

    流程设计的基本步骤是:

    • 确定“任务”;
    • 将“任务”拆成“动作”;
    • 将“动作”对应成界面。

    举个例子,如下图。比如我们做一个“群聊”的功能,群聊功能中有一个“添加群成员”的小功能。我们可以把“添加1个成员”看做是一个“任务”,用户想要完成这个任务,就必须有一系列“动作”。比如:找到群、找到添加入口、找到要添加的人、确定添加、确认添加成功。列出这些动作后,我们再针对每个动作(或多个动作)设计相应的界面,这就得到了交互流程。

    入门交互设计的4个步骤(6000字长文)

    入门交互设计的4个步骤(6000字长文)

    实际的交互流程会比这个例子复杂很多,不仅仅有“一条主流程”,还会有很多“支流程”。比如上述例子中,用户“找到群”的方式其实有很多,可以通过搜索,可以通过通讯录,也可以通过消息列表。用户“确认添加”过程中也不一定就会“添加成功”,也可能中途突然反悔了,也可能网络突然断了。这些都属于流程中的一部分,都需要体现在最终的交互稿中。

    入门交互设计的4个步骤(6000字长文)

    对于复杂的交互流程,需要在绘制界面前搭建“流程图”(如下图),这样可以让你思路更加清晰,表达更加清楚。流程图的绘制相对比较复杂,这里不展开讨论。(下图是移动端音视频通话的流程图的例子)

    入门交互设计的4个步骤(6000字长文)

    1.4 步骤1的小结

    以上我们介绍了入门交互设计的第1步“界面基础”(信息量有点大哈),其中包含控件、布局、流程3个部分。

    针对这3个部分笔者推荐一些实用的书籍(不是那种夸夸其谈的书):

    入门交互设计的4个步骤(6000字长文)

    学会这些基础后,基本就算是大概入门了,能够自己画一些交互稿了。

    步骤2:设计内核(内功)

    这个部分的内容会比较虚,也不太容易理解。但这部分的知识的确是一个交互设计师最“内核”的部分,所谓的“交互设计天赋”大体就体现在这里了。

    我们举个例子方便了解这个部分要讲的“用户”、“目标”、“场景”。如下图所示,这是某个银行APP的客服咨询功能,笔者当时想查询开户行,于是就输入了“你好,怎么查询开户行”。此时系统回复了“正在安排客服,当前排队人数为299人,请稍后。退出排队请输入【1】”。

    过了十几分钟,笔者有点不耐烦,于是又输入了一个“你好”。系统又给了一个同样的回复,只是排队的人数刷新了一下。这个例子中的控件、布局、流程都没有问题,但用户使用过程却会很痛苦,问题出在哪里呢?

    入门交互设计的4个步骤(6000字长文)

    入门交互设计的4个步骤(6000字长文)

    究其原因,设计师在设计过程中并没有“以用户的角度思考”,只是干涩地画出基本的交互,也就是没有考虑到“用户”、“目标”、“场景”。那么什么是“用户”、“目标”、“场景”呢?我们又该如何去学习?

    2.1 用户

    用户这个概念相对比较好理解,但真正了解用户却很难。尤其对于中国而言,各年龄、地区、阶层、文化的用户差异性非常巨大,所以在刚开始做某个产品的时候,最先应该做的事情就是去了解这个产品的目标用户。

    那么如何去了解呢?实际工作中最基础的几个用户调研方法是:用户访谈、用户观察、问卷。通过这些方法你可以收集到用户的基本信息,接下来就可以对其进行分类了。分类后可以进一步做一个事情,就是制定用户画像(下图就是一个用户画像)。用户画像可以简单理解为将“一群人”抽象为“一个人”。

    之所以要制定用户画像,是因为在设计时你很难去感同身受“一群人”的想法,但可以感同身受“一个人”的想法。

    入门交互设计的4个步骤(6000字长文)

    那么如何去学习关于用户的一些知识呢?

    “用户访谈、用户观察、问卷”这些用户调研方法可以去看《设计调查》这本书。“用户画像”相关的知识可以直接去知乎或公众号上搜索“用户画像”。“用户”相关的知识是很大的一个领域,比较大的公司中都会配备单独的“用户研究员”。

    所以作为刚入门的设计师,可以相对简单了解一下这些知识就可以,深入的专研可以等到比较入门后再进行。但平时可以注意多去观察身边的人怎么使用产品,建立一些基础认知。

    2.2 目标

    目标同样会影响设计,比如大家都知道,同样是聊天APP的“微信”和“钉钉”在设计上差异很大,微信打扰性很小/功能精简,钉钉打扰性很大/功能复杂。这是因为用户使用微信的目标是“生活中的轻松沟通”,而使用钉钉的目标是“工作中的高效沟通”。

    在交互设计的体系中,目标可以细分为“用户目标”、“业务目标”,因为设计师不仅仅要为用户服务,也要为公司业务服务。如果用户很爽但公司完全不赚钱那肯定不是长久之计。“用户目标”可以再度细分为“人生目标”、“最终目标”、“体验目标”,这3个细分目标的具体定义可以参考《交互设计精髓》第一大部分。如果想要初步了解下这3个目标可以参考下图的例子。

    入门交互设计的4个步骤(6000字长文)

    2.3 场景

    场景可以简单理解为“用户当时所处的情况”,如果交互设计师只能学习一个概念,那么一定是“场景”。

    场景有什么用呢?

    场景是设计师去理解用户需求最重要的一个工具。因为用户的需求是很难感同身受的,如果都不能感同身受那么如何为用户做设计呢?于是就有了场景。设计师可以把自己代入到“场景”中,去感同身受用户的想法,从而得到用户需求(细粒度的需求)。

    入门交互设计的4个步骤(6000字长文)

    一般而言,我们都会将“场景”和“用户”、“目标”整合到一起描述,也就是常说的“用户场景”。用户场景的通用结构是:谁?在什么情况下?想要什么?做了什么?结果如何?他的想法如何?

    下图中举了一个用户看新闻的例子,可以帮助理解什么是用户场景。

    入门交互设计的4个步骤(6000字长文)

    知道场景后真的对设计有帮助吗?答案是肯定的。当设计师将自己代入到场景中,思考每一个场景,过程中便能产出大量的想法,设计的创新/细节就都出来了,且最终的结果往往也是相对符合用户真实需求的。

    为了更易理解,我将“场景”应用到了上面提到的银行APP的例子中,描述了一下用户场景并提出了一些idea,如下图所示。你也可以把自己代入到这个场景中,看是否能体会到“场景”这个工具的奥妙。

    入门交互设计的4个步骤(6000字长文)

    2.4 步骤2小结

    掌握了“设计内核”(用户、目标、场景)后,就可以算得上一个初级的交互设计师了,做一些基本的交互设计没什么问题,甚至说可以上岗了。

    步骤3:专业能力(武功秘籍)

    在掌握了上面步骤1、2中的基础知识后,我们便要开始攻克专业能力,成为真正专业的交互设计师了。专业能力主要指的是:用户研究、竞品研究、设计理论、设计方法、用户测试、数据分析

    注意这里我所说的专业能力都是在实际工作中常用的,而不是全量的专业能力。下图中我将这些专业能力按照产品的研发流程做一下归类(红色是优先学习的,橙色是建议学习的,灰色是选择学习的):

    入门交互设计的4个步骤(6000字长文)

    这些专业能力的学习相对复杂,且不是“入门阶段”所应该优先接触的,所以笔者只介绍一些学习方法,不做具体的解释分析。

    下面笔者推荐这些专业能力的相关书籍(红色是优先学习的,橙色是建议学习的,灰色是选择学习的)。在此说明一下,这部分知识不太推荐大家仅仅通过公众号文章这种方式学习,因为它们大都有着很强的体系性,看文章只能学到皮毛。且这些文章的作者水平参差不齐(好坏都有),很难辨清哪些是真正可信的。

    入门交互设计的4个步骤(6000字长文)

    最后,大家在学习这些专业知识的时候需要注意一下契机,最好是学完能够立刻用上的,也就是说理论要搭配实践,不然很快就忘掉了。另外,书中的知识很多都过于理想化,实际的工作节奏是非常快的,所以在实践过程中必然会有很多简化和改良,这也是为何一定要理论搭配实践的原因。

    步骤4:赋能业务(闯荡江湖)

    交互设计是一个业务属性很强的学科,设计师只是把交互本身做好是远远不够的(尤其对于2年工作经验以上的设计师而言)。交互设计师想要赋能业务,或者是获得比较好的成果,必须要了解横向领域的知识:商业、产品、用研、视觉、技术、运营、市场、销售……

    举个例子,某位设计师朋友接到了一个“改版商品详情页”的需求,业务目标是提高购买转化率。这个设计师便找出了原来商品详情页中的很多体验问题,把购买体验、购买效率提高了很多,但最终的购买转化率并没有提高多少,只是略有增长。

    后来业务方提出了一个点,将商品包邮这个信息添加到界面中明显的位置(本身商品也是包邮的,只是没有明确展示),结果转化率一下子提高了很多。究其原因是今年业务的策略是要做拉新,于是市场同学在各个渠道中投放了很多低价引流商品,且这些商品都是包邮的。

    用户在决策购买这些低价商品时会担心是否包邮,当明确告知他们包邮后,转化率便自然而然地提升了。如果这位设计师朋友比较了解业务的策略、市场投放规则,我相信他一定能想到“把包邮信息放到界面明显位置”这个设计点,从而赋能业务,取得成绩。

    关于横向领域的知识,笔者并不算精通,只能给大家推荐一些公认比较不错的且阅读门槛低的书籍。如果经济比较宽裕,也可以考虑报一些网络上的入门课程。

    入门交互设计的4个步骤(6000字长文)

    最后

    交互设计是一个知识体系非常丰富且完善的学科,对于设计师而言这是一件幸福的事情,因为只有完善的知识体系才能让“个人成长”更有保障。另一方面,交互设计也是一个门槛很模糊的学科。有些人学了几年才开始做,有些人上了1个月培训班,甚至看了2本书就开始做。交互稿都能正常输出的,只是质量有所差异,就像每个人都能烧饭一样。

    每个人入行的姿势各异,自带知识体系因而不同。但不论如何,都建议大家能孜孜不倦地学习基础知识,成为一名专业性强的交互设计师,共勉!

    附录:各平台官方规范

    想要翻译版的可以网上搜一搜,我只有老的翻译版就不贴出来了

    iOS:https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes

    Android:https://material.io/design/introduction/#principles

    MacOS:https://developer.apple.com/design/human-interface-guidelines/macos/overview/themes

    Win-desktop app:https://docs.microsoft.com/zh-cn/windows/win32/uxguide/guidelines?redirectedfrom=MSDN

    Win-UWP:https://docs.microsoft.com/zh-cn/windows/uwp/design/basics/design-and-ui-intro?redirectedfrom=MSDN

    小程序:https://developers.weixin.qq.com/miniprogram/design/

    antdesign:https://ant.design/index-cn

    element:https://element.eleme.io/#/zh-CN/guide/design

     

     

    展开全文
  • 以创建xx品牌电脑官网为例介绍交互设计的具体步骤 1.分析目标用户、明确项目目标【xx品牌电脑官网要实现什么样的交互功能?】该官网需要实现的基本交互功能是:用户注册、电脑信息查询、购买、用户反馈论坛。开发者...

    以创建xx品牌电脑官网为例介绍交互设计的具体步骤

    1.分析目标用户、明确项目目标【xx品牌电脑官网要实现什么样的交互功能?】该官网需要实现的基本交互功能是:用户注册、电脑信息查询、购买、用户反馈论坛。开发者需要通过用户调研,即pact分析,充分了解用户心理。比如用户人群分布、用户选电脑时侧重点等等。
    2.概念设计、信息架构【创建xx品牌电脑官网信息框架】综合之前用户调研的结果、技术可行性与商业机会,为网页交互设计创建具体概念。如在实现电脑购买页,概念——子概念即为:xx品牌产品——xx台式机、xx电脑、xx平板、xx路由器;其中xx电脑再细分概念:xx电脑——a系列、b系列…
    3.制定规范的风格指南【一张网页交互设计师、开发师之间的“通用说明书”】这份风格指南确保网页交互设计更加一致,并确保参与者与使用者都在规范的框架内设计开发和使用。
    4.流程设计【网页雏形“诞生”前的最后一步】这一步是根据优先级依次将任务实现。比如确定好的创建流程是:(页面)产品页面—我页面—售后服务页面—论坛页面;(专题)组件化搭建专题—浏览专题——编辑专题—推荐专题。
    5.开发原型并测试【xx品牌电脑官网的实现与“内测”】原型是交互产品从概念到实体及最后产品化过程中最重要的方法、工具。原型大概分为3类:功能测试的原型、感官测试原型、实现测试原型。这些原型用于测试用户和设计系统交互的质量。
    6.实现方案、细节设计【为官网的视觉效果锦上添花】我们可以在原型的基础上改变一些按钮、线框的表现样式并添加一些特效。比如增添xx品牌logo、在新品电脑页面添加炫酷光影特效来吸引用户。
    7.场景检验、迭代优化【xx品牌电脑官网的“公测”与“升级”】现在的官网已经是一个成熟的交互网页了。已经可以向用户以及商户开放。在常年的使用反馈中不断升级优化网页、这也是一个不断提高交互产品商业价值和用户满意度的长期化过程。

    展开全文
  • 交互设计流程是怎样的?

    千次阅读 2019-04-18 13:54:34
    交互设计作为一门关注交互体验的新学科,在二十世纪八十年代产生的,它由IDEO的一位创始人比尔-莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(SoftFace)”,由于这个名字容易让人想起和当时流行...

    交互设计作为一门关注交互体验的新学科,在二十世纪八十年代产生的,它由IDEO的一位创始人比尔-莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(SoftFace)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(CabbagePatchdoll)”,他后来把它更名为“InteractionDesign”---交互设计。

    交互设计又称互动设计,(英文Interaction Design, 缩写IxD),是定义、设计人造系统行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的,努力去创造和建立的是人与产品及服务之间有意义的关系,目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求。

    为什么要进行交互设计

    1、使产品的界面更具有可用性

    2、让用户有良好的体验

    3、使产品能快速方便的完成任务

    交互设计的五要素

    人、工具、动作、目的、环境

    这五个核心元素可以作为考量交互好坏的标准

    交互设计师站在用户体验的角度,边思考边绘制,有条有序的梳理了产品文档中的各个需求点,认清了这些冷冰冰文字背后所蕴含的真正需求。

    一个完整的交互设计流程是怎样的?

     

    交互原型设计的的步骤:

    1、概念设计

    2、进行用户角色分析

    3、用户目标分析

    4、目标流程图

    5、与流程搭配的功能构架图

    6、原型图

    (一)、概念设计

    先讲清楚:这是一个什么样的产品(定位产品方向以及功能)

    举个栗子:陌陌

    陌陌是一款主打基于地理位置的泛娱乐和泛社交平台,是目前中国最成功的陌生人社交APP。它的业务主要涵盖了基于地理位置的陌生人社交、聊天室、社交游戏、视频和直播等。

    1、总有新奇在身边

    2、进入陌陌的世界,去结识那些陌生而有趣的人

    3、现在你不只可以发现附近的人,还能发现他们在关注什么话题,做什么有趣的事情

    4、聊天室:随时加入,想聊就聊,还可以邀请好友,让社交更有活力

    5、话题:创建你自己的最热话题,发现身边的人在关注什么

    6、附近活动:丰富的身边精彩活动,等你和小伙伴们一起加入

    分析他的维度

    竞品分析 目标用户人群分析 盈利方式 发展前景 产品的角度

    (二)、进行用户角色分析

    谁是用户

    用户的痛点是什么

    用户的使用场景是什么

    举个栗子:陌陌

    用户:

    第一层是学生(21岁以下),这阶段的人群只占陌陌用户的很少一部分。这部分人大多都没有接触过社会,所以对陌陌里的内容不会太感兴趣。由于学校的同学多,所以陌生人社交需求不强。由于周围同龄的异性很多,所以不太会用陌陌这类的产品帮他们脱单。他们还有一个特点就是钱不多。

    第二层是刚刚走向社会,但是还没成家的那一部分人(大致是22-27岁)。这部分人有一定的经济实力,但是经济能力不强,生活工作不稳定。这部分人中的许多人都没有一个稳定的社交圈子,有些人还没有对象。这部分人的陌生人社交需求相对其他层级是较强的,许多人也是空虚的。他们如果需要陌陌,是会考虑为陌陌付费的。

    第三层是已经步入社会一段时间,事业家庭都稳定下来的人(大致是27-35岁)。这部分人的陌生人社交需求不会太强、生活非常的充实、对新事物的接受程度高、经济实力也比较强。这部分人大多属都听说过陌陌,有些人也会去尝试陌陌。这个年龄阶段的人用陌陌主要是打发无聊的时间的,约炮的肯定是少数。他们的脱单需求应该不大高,因为他们之中大部分人都成家了,这部分人的付费倾向较强。

    第四层是35-50岁以上的人。他们大多都成了家,有稳定的社会关系和收入。他们对陌陌这类“离经叛道”的新事物的接受度不高,但是他们可以熟练地使用和学习互联网产品。这部分人中只有一小部分不传统的人可能会使用陌陌。他们中的大多数没有为娱乐APP付费的习惯。

    第五层是50岁以上的人。他们大多对互联网产品的接受度不高,但是他们有钱,这部分人几乎不可能用陌陌。

    用户的痛点

    用户痛点就是用户在日常生活或者某种行动中遇到问题,需要一种解决方案来化解生活或者行动中的阻碍。

    举个栗子

    一个本来喜欢吃香辣伙锅的美食爱好者,很可能因为怕上火而导致不敢吃了,这就成为了他日常生活中的一个问题,也就是我们所说的用户痛点。王老吉发现了这样一个普遍存在的问题,针对用户痛点,提出“怕上火,喝王老吉”,直指消费者的问题,直达消费者的痛点,如此一举获得大成!

    用户使用的场景

    考虑用户会在什么时间什么地点打开我们的软件去进行使用,从而根据场景去设想怎样能引导用户使用软件时有更好的体验。

    (三)用户目标分析

    分析用户打开软件后希望有什么样的期望和目的

    举个栗子:陌陌

    我要看附近的人

    我要聊天

    查看消息

    我要管理照片墙

    照片墙创建

    身边的照片墙

    拍照上传

    请求查看

    照片墙上的照片

    我要管理空间

    我自己的空间

    查看他人的空间

    我要注册

    好友

    通知(消息)

    (四)目标流程图

    绘制流程图 具体到每个功能

    一个完整的交互设计流程是怎样的?

     

    (五) 与流程搭配的功能构架图

    一个完整的交互设计流程是怎样的?

     

    (六)原型图

    一个完整的交互设计流程是怎样的?

     

    编辑:千锋UI设计

    展开全文
  • 交互设计流程是怎样的? 交互设计(Interaction Design):定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于...
  • 交互设计流程

    千次阅读 2015-07-22 22:50:58
    交互设计流程中,基本按照以下3步骤进行: 第一:初步的需求分析 在初步的需求分析当中,你需要做的是什么呢? 1、与需求方沟通,获取最直接的信息来源; 2、与PM沟通,了解产品的信息重点(PM负责...
  • Chapter5 交互设计测试与评估 第一章 为什么要开展测试与评估 用户测试:请目标用户使用产品来完成任务,观察并记录用户使用产品的整个过程. 用户测试的定义:也被称为产品可用性测试,指特定的用户在特定的使用...
  • 交互设计这个词大家应该都不陌生,那么到底什么是交互设计交互设计是做什么的呢?这篇文章我们就来简单聊一聊。 什么是交互设计? 首先我们来看看,百度对于交互设计的定义。交互设计(英文Interaction Design,...
  • 如果有需要视频资源的可以关注"AI产品经理人",回复关键字“网易交互设计微专业”获取下载链接~ Chapter3 规范信息架构与流程设计 第一章 信息架构设计 (一)认知产品信息架构 定义: 信息架构设计是对信息...
  • 交互设计基础

    2014-01-10 15:50:24
    交互设计的定义:  交互设计是一种如何让产品易用,有效而让人愉悦的技术。  它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。  同时,还包括了解各种...
  • 交互设计

    千次阅读 2014-12-13 20:19:54
    交互设计编辑 本词条缺少信息栏,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计...
  • 交互设计是指设计人和产品或服务互动的一种机制,以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦、符合自己的...
  • 尼尔森十大交互设计原则

    千次阅读 2019-04-21 12:16:30
    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实...
  • 交互设计师到底是需要做什么?      尽管很多谈及交互的书上都已经回答过了: 发现用户需要,建立明确需求 提出设计方案 制作设计原型 用户测试和评估  还是有很多对交互设计有兴趣的朋友会问...
  • 上面的几节中,我们反复在强调一个概念就是界面设计的...同时为了满足软件交互设计的标准化,我们总结出了一套交互式界面设计的过程。虽然界面的种类和用户群体各不相同,但是设计步骤是基本一样的。1.4.1 人机交互...
  • 分享一些设计模式,在交互设计学习过程中,这些设计模式有助于对产品结构的理解,比较成熟成熟的框架通常使用了多种设计模式,而且是可以复用的,让你的项目进程大大缩短,提高效率。 如果你熟悉这些设计模式,...
  • 什么是交互设计

    千次阅读 2014-11-24 17:25:45
    交互设计,又称互动设计,英文Interaction Design, 缩写为IxD,是定义、设计人造系统的行为的设计领域。 人造物:即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。 交互设计...
  • 交互设计 UI/UE设计 项目实战 入门到精通 手机APP */9 运动社交类web端产品交互原型...交互设计 UI/UE设计 项目实战 入门到精通 手机APP */9 注册页面分析 注册方式 手机注册 邮箱注册 注册过程的一般步骤 用户按照提
  • 综合各个相关学科的知识、技能,这些内容是:交互设计、人机交互、信息设计和网站设计的基础。 本书内容: 如何应用各种设计、评估技术,开发成功的交互式产品 结合实例,交互设计涉及的认知、社
  • 交互设计的规范

    千次阅读 2012-03-27 11:23:55
    【转】交互设计的规范  当产品规模大了之后就需要多个产品设计师协作完成整个产品,由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同,协作完成的产品往往会导致产品一致性差,质量参差不齐。  这...
  • 11个优秀的交互设计作品集

    万次阅读 2019-10-13 16:40:30
    本文转自墨刀编译自Vanschneider的10 inspiring ...虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来,但一个作品集对于交互设计工作来说真的很重要。 在交互设计作品集中,可以引导人们了解...
  • 交互设计的方法

    2017-11-14 14:50:00
    回到中国来亲身体会到不少同行,主要是交互设计师和视觉设计师对于交互设计的困惑,以及其他行业对于交互设计的误解和滥用。后来我在小范围内开设了一个关于交互设计的讲座;现在把它整理成文,希望与同行切磋,共同...
  • UI设计工作流程步骤详解,让你快速了解UI设计!其实在实际的工作中,ui设计师拿到项目后或者需求后所要做的工作步骤并非都一样,可能每个公司会因为人员配置的不同或者分工不同而有不同的流程。 所以,这里的话兔课...
  • 人机交互设计

    2020-12-03 21:38:58
    1.用户界面设计步骤 (1) 从系统的输入、输出及与用户的交互中获得信息,定义界面对象和行为(操作)。 (2)定义那些导致用户界面状态发生变化的事件,对事件建模。 (3)描述最终向用户展示的每-一个界面的状态。 (4)...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 173,040
精华内容 69,216
关键字:

交互设计过程步骤