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

  交互设计的具体职能:

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

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


  ①定义部分需求

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

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


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


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

  ②定义框架

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

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

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

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

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


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

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


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

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

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


  再详细规划局部导航:


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

  <2. 关于流程的设计>

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

  虚拟案例:


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

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

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

时间: 2024-11-03 04:03:35

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

交互设计入门&#8212;交互设计的职能

上个章节讲了了解交互设计,本章主要详述一下交互设计的职能--交互设计师具体做哪些内容? Ⅰ. 先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的.交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验. Ⅱ.交互设计在项目流程中的位置和任务: 项目前期的流程和节点:职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力.如果是为了走流程,每个环节都是任务式的交付,臃肿的分工除了增加成本和拖慢项目进度,没

网站设计分析:关于交互Demo设计的一些建议

为方便产品经理.设计师.开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图.思维图.纸上的草稿.甚至高保真演示稿. 这里简单分享下自己在项目过程中的交互Demo设计的一些心得. Axure 制作交互Demo的软件有很多,个人比较喜欢且习惯的就是Axure.Axure操作简单明了,对于初学者来说,非常容易上手;它也拥有强大的交互演示动作,对于高级使用者来说,制作非常高保真的演示Demo,

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

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

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

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

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

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

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

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

信息设计和交互设计

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

交互设计心得:交互设计师的考核标准

首先是跑题的部分,最近听到"交互设计师的危机"的说法.这个话题已经有了不少讨论,比如Cooper上的文章"交互设计前途渺茫"(Alan Cooper,被誉为交互设计之父,见www.cooper.com,它的"concept Projects"我认为是情景应用于设计表达的一个良好范例).DavidW同学做了翻译,并有感而发的写了一些文章如"交互设计师如何提高自己的能力"其中颇具讽刺的语言风格很让人喜欢.又如Mark Blythe

交互设计实例:创造设计中的优雅与节奏

首先是跑题的部分,最近听到"交互设计师的危机"的说法.这个话题已经有了不少讨论,比如Cooper上的文章"交互设计前途渺茫"(Alan Cooper,被誉为交互设计之父,见www.cooper.com,它的"concept Projects"我认为是情景应用于设计表达的一个良好范例).DavidW同学做了翻译,并有感而发的写了一些文章如"交互设计师如何提高自己的能力"其中颇具讽刺的语言风格很让人喜欢.又如Mark Blythe