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

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 17:29 点击:

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

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

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

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

  项目前期的流程和节点:

\

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

 

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

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

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

  

\

 

  ①定义部分需求

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

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

  

\

 

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

\

 

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

  ②定义框架

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

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

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

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

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

  

\

 

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

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

  

\

 

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

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

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

  

\

 

  再详细规划局部导航:

  

\

 

  局部导航的层级可以不断往下延伸,通过树形目录或面

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1