交互设计入门—交互设计的职能

上个章节讲了了解交互设计,本章主要详述一下交互设计的职能——交互设计师具体做哪些内容?

Ⅰ. 先了解一下交互设计的基本概念:

交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。

Ⅱ.交互设计在项目流程中的位置和任务:

项目前期的流程和节点:职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力。如果是为了走流程,每个环节都是任务式的交付,臃肿的分工除了增加成本和拖慢项目进度,没有实际意义。所以交互设计需要做的足够好,才能将这份工作做的有意义。

Ⅲ.交互设计的具体职能:

从上图中可以看出,交互设计主要干三件事:

①定义部分需求      ②定义信息架构和操作流程      ③ 组织页面元素,制作原型demo

①定义部分需求

以前的惯性思维是需求应该由产品人员负责,设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求。在情感分析方面,交互专业是具有优势的,举个例子:

一个增值服务的宣传模块,业务模型可能是这样子:

考虑到情感因素后,需求模型会不断完善:

上图仅仅是举个例子,真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型,还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候,交互设计师有责任对需求进行修订和完善,这样的目标导向设计才是完整的。

②定义框架

这部分的内容属于交互设计师的核心工作内容,也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱,接下来的界面怎么优化都是无效的。这好比大型超市的走道设计,如果路线规划的不好,再多再大的指引图标都是低效的。交互设计做什么?让用户快速完成目标,提升操作效率,这才是框架设计的意义所在。

什么是框架设计呢?这要分成两部分内容:

<1.关于结构导航的设计>

把我们的产品想象成一个巨大的图书馆,我们需要帮助用户(有目的性的、目的不明确的,无目的性的)寻找他们感兴趣的图书,怎么帮助用户准确的寻找完成目标任务,这就是导航设计。导航的设计任务一般在新项目或重构项目。

导航大概可以分为三种类型:结构导航、关联导航、可用性导航

在框架设计的阶段,交互设计师主要关注于结构导航的设计。

结构导航分两种:全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类,方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。

交互设计师的首要任务就是将业务内容信息组织分类,划分出主次关系,根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢?<尼玛!感觉写不完了,再写下去就可以出书了(┬_┬)>

回到第一个增值服务页面的例子(虚拟案例,非真实案例):

将需求梳理后(怎么梳理,请google抽屉整理法),我们可以确认全局导航:

再详细规划局部导航:

局部导航的层级可以不断往下延伸,通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。

<2. 关于流程的设计>

之前的案例我们已经基本上确认了模块需求有哪些页面,页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的,这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。

虚拟案例:

在流程的规划设计中要遵循:1.以业务目的为主要导向;2.兼容到用户的习惯;3.尽量让流程做减法,多一个流程就会丢一部分用户;4.任务是连贯和清晰的;5.考虑实现方式的复杂程度;欢迎补充…

③组织页面元素,制作原型demo

经过了需求的完善和框架的设计,之前的这些工作还是停留在抽象的想法阶段,怎么把想法转达给项目组的其他人员呢?交互还需要把想法和规划表达出来,那么最好的方式就是制作原型Demo。把Demo做出来,让产品,开发,测试直观的看到产品的雏形, 再广泛的接受意见,对原型进行不断的修正,改进,做简单的用户测试继续挖掘情感需求。

那么怎么去组织页面元素,制作原型Demo?哪些表现层面是交互设计师该重点表达的内容呢?原型的制作又有哪些章法可循呢?这个..还是等下一个章节再讲吧o(∩_∩)o

源地址:http://www.54xiaomeng.com/?p=270

时间: 2024-10-07 20:24:22

交互设计入门—交互设计的职能的相关文章

网站交互设计入门—交互设计的职能

交互设计的具体职能: 从上图中可以看出,交互设计主要干三件事: ①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素,制作原型demo ①定义部分需求 以前的惯性思维是需求应该由产品人员负责,设计人员只是实现和改善界面体验.而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求.在情感分析方面,交互专业是具有优势的,举个例子: 一个增值服务的宣传模块,业务模型可能是这样子: 考虑到情感因素后,需求模型会不断完善: 上图仅仅是举个例子,真正的产品人员不会将业务模型想的如此简单.举这个例子就

为什么要有交互设计和交互设计能够解决什么问题

文章描述:之前写过类似的文章,想写的东西太多,结果什么都没讲明白.所以重新写一套入门的教程,分「了解交互设计」.「交互设计的职能范围」.「交互设计的常用方法」--几个章节把我对这门行业的理解和经验做个分享. 之前写过类似的文章,想写的东西太多,结果什么都没讲明白.所以重新写一套入门的教程,分「了解交互设计」.「交互设计的职能范围」.「交互设计的常用方法」--几个章节把我对这门行业的理解和经验做个分享. 下面开始正题(为什么会有交互设计,交互设计能够做什么): 1.成功的互联网产品有哪些要素? ①

WP7应用开发中交互设计和UI设计的几点建议

文章描述:WP7交互特性浅析及APP设计探究. Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场.Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能.在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性. 本文索引: 涅磐重生的WP7(以及它的历史简介) WP7对比iOS和Android WP7设计风格 WP7内容和结构框架及特有名词解释 WP7交互特质分析 WP7

交互设计在产品设计中的工作流程小议

当产品的用户体验要求越来越高时,交互设计师的职责也越来越明晰了.交互设计师除了自身的基本功外,还需要有一个规范的流程,才能够使工作完整有序. 图1 交互设计在产品设计中的流程图 一.版本计划 版本计划是指在产品或项目立项时,对产品的一个总的规划,通常包括产品的需求与目标,比如能够实现哪些功能,性能上如何.这一过程,交互很少直接参与,或者列席一下发版立项,对计划情况有所知晓.交互可以纵观一下历史版本,对比行业内外的相关产品,以及满怀未来产品的一种期待:实用.方便.美观-- 二.需求分析 在版本计划

Windows Phone 7 界面设计与交互指南第二版中英译本

自微软揭开Windows Phone 7 以来,已经受到外界大量关注.其与众不同的Metro设计风格使它个性十足.而诺基亚与微软的合作也让大家拭目以待. 去年微软发布了第二版Windows Phone 7的界面设计与交互指南.笔者本以为这只是对此前发布的CTP(微软内部的预览版)版本做了些许补遗,于是打算快速做一个中文增订本.可是入手以后才发现这次的第二版增加了大量新内容,并且对之前的内容做了大幅修改. 于是两周之后,这本全新的中英对照的Windows Phone 7设计指南才得以问世.本指南详

交互设计:衡量交互设计品质的重点

文章描述:注意力与交互设计. 以人为本的设计,不能不考虑普通人在一般任务执行中的耐受力问题.因为人的精力有限,再强大的需求,无力去完成也是枉然.精力的有效转化率,是衡量交互设计品质的重点. 1.公式 精力一般由脑力和体力构成.针对互联网产品,脑力居前(非生产类网站的体力消耗很低).而脑力的组成又分为注意力.理解力和记忆力.本文将尝试以注意力为例分析交互设计的特点和注意事项. 注意力本身可以集中.分散和转移.集中一般出于明确的需求.潜在的兴趣:分散则由于信息干扰和不可控的时间:转移一般发生在需求探

界面设计师经验分享:界面设计与交互设计

文章描述:从商业角度看,聊聊为什么企业需要界面设计与交互设计? 我是学商科出身的,所以我有个常用的思维方式,做一件事情会思考对企业的价值.对客户的价值,成本和收益是什么.感觉业界流行的是如何做好界面设计和交互设计的博客与书籍,但很少能够看到"企业为什么需要界面设计与交互设计"这种话题的文章. 好像显而易见做界面和交互设计是为了用户体验,其实不是这么简单可以一言即止,还是有多个层面来看,其产生的价值和意义. 1.为了客户第一印象和形象 "食色"是人的天性,食物需要颜色

信息设计和交互设计

文章描述:发现网页中的信息与交互. 两周前,在一家知名互联网媒体公司做内部沙龙交流.有朋友问我,做为产品设计.用户体验师或交互设计师,在设计网站时有哪些事情要做? 互联网发展到现在,各种产品形态种类繁多,眼花缭乱.但再复杂的网站都是由页面构成的,而无论什么样的页面,都只有两样东西需要考虑:一种是让人看的元素:另一种是让人操作的元素.我这样的解释比较通俗,也并没有很好的把概念抽象出来,目的是为了方便记忆."让人用"和"让人操作"这两件事情,就是我们常说的信息设计和交互

区别交互设计,产品设计与用户体验设计

文章描述:交互设计,产品设计与用户体验设计. 交互设计,产品设计和用户体验设计经常被混淆,而实际上完全不是一个概念甚至不是一个纬度的概念: 一直认为交互设计与互动设计很接近,互动设计这个词更多用在flash设计中,维基百科中的交互设计的定义也证实这个想法: 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互 设计在