互联网的交互设计


  一、交互设计是做什么的

  一些朋友和同事都在问交互设计是不是做的就是逻辑,互联网的交互做的最多的就是点击和跳转,这听起来似乎没错。但是交互设计做的就是逻辑吗?交互做得就是点击、跳转,纯理性高逻辑的活儿吗?

  拿给力加速器为例:

  加速器第一版就是给一款游戏(魔兽世界)加速。大致的流程:登录 > 打开界面 > 直接加速 >运行游戏 。后来经过多次改版,现有很多游戏选择,选择对某一款游戏加速。需求大概是用户可以选择游戏/区服 > 开始加速 > 运行游戏,其中用户分为使用过并加速过游戏和首次使用未加速过游戏的。

  大致的流程图


  低保真的线框草图


  猛一看,觉得简单清晰的流程,用户不该产生疑惑吧,但是这看似没有破绽的流程只是我个人的思路逻辑,用户未必照单全收。

  对于目标明确的用户来说,线性的设计效率很高,但是对于目标不明确的或许给他看到某个推荐,可能因为喜欢就选用了。

  信息架构把用户分为三种类型:

  一、明确目标也确定叫什么的

  二、有目标但不确定叫什么的

  三、随便逛逛的用户

  第一类用户,他们明确要找的东西,也确定名称叫什么,搜索就能满足他们的需求。

  第二类用户,知道要找什么,但不确定叫什么的用户,有时候需要给他些建议。常见的有类目导航和搜索提示

  第三类浏览型用户来说。推荐信息或是热门信息更能吸引他们的眼球。

  迅雷看看首页基本同时满足三种用户


  红色部分的搜索区域是为第一种有明确目的且知道叫什么的用户设计的;绿色区域的类目是为了有目标但不确定叫什么的用户设计,引导他们分类选择;蓝色区域就是为没有目的、浏览型用户推荐的。

  总结:交互设计是通过对界面和操作行为的设计,并关注设计合理性、提高产品可用性。(其中还包括信息架构和交互的细节)

  二、交互设计的细节

  用户的本能 = 交互设计的本能

  1、理解你的用户:

  要把用户看作崇尚简单的、挑剔的、迟钝的、很忙的:能少键入就少输入,能少点击就少点击,能少思考就少思考。

  2、充分理解,引导用户的行为流

  一方面要了解用户可能的点击流程,另一方面产品要有好的信息架构,操作引导要高逻辑,但要 好理解(整个操作的完成有引导说明,让用户知道自己完成到哪里了,还要做什么,除此还要方便用户的返回,后退,反悔,回到起点)

  3、易理解的表达

  易理解的表达不仅包括视觉和文字,交互操作也要做到透明(反馈原则)

  主观感受是靠不住的

  其实有时候做交互设计或是做产品设计的。你以为用户会按你的思路走,其实真不见得。

  请在高逻辑、清晰理解设计产品之后,回头欣赏下你的产品,加入不同用户的行为去感受。

  有的时候要数据说话!

  操作前,结果可预知(包括用户习惯)


  操作时,操作有反馈


  操作可识别


  操作后,操作可撤销


  让用户知道自己身在何处


  模式化窗口是恶魔


  图标的使用


  介绍一些页面表达原则

  主次原则


  最佳实践:内容比较多,可放空间少,主要的内容先显示,次要的内容搁置在“更多”里。

  注意:到底放什么,取决于我们要重点的内容和通过数据分析得出的内容的相结合。


  最佳实践:面临好几个操作时,我们也要分清主次,分清哪些是我们提倡用户操作的,哪些是我们不提倡用户操作的,同时,对于提倡用户操作的也要进一步分清主次。

  直接原则


  最佳实践:单一字段的编辑建议在当前页面直接完成,不要单独设置一个浮动层,即使设置浮动层,也尽量允许浮动层能被拖动。总的来说,能在当前页面完成操作的尽量在当前页面完成。

  统一原则


  最佳实践:样式确定后最好全站保持统一,降低用户的认知难度,即不要出现几种不同样式。

  少做原则


  最佳实践:尽量准确把握用户的心理预期,揣摩用户的心智模型,进而实现用户的心理预期。

  反馈原则


  最佳实践:尽量对每个操作能做到人机交互反馈,让用户清楚知道目前的状态,减少疑惑。

  三、介绍交互设计的书籍


  文章来源:迅雷用户体验设计中心

时间: 2024-08-17 04:06:12

互联网的交互设计的相关文章

互联网产品交互设计:保证用户不在网站中迷路

文章描述:交互设计实用指南系列(7)–避免迷路. 任何位置都能明确"我在哪里?这里有什么?从这里能去哪里?" 迷路可不是一件好玩的事情,试想你驾车行驶到高速公路分叉口时,却看不见任何路牌,那该会怎样地困惑.沮丧.愤怒和恐惧.为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事情上,极具创意. 在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体验下降.任务不能完成,用户流失等.我们可以通过良好的导航系统来避免这个情况发生.好的导航

互联网产品交互设计:出色的操作入口设计

文章描述:交互设计实用指南系列(1) – 操作入口明确. "操作入口明确",就是指产品的任何一个功能都要有明确.合理的入口."操作入口",指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件.输入框.文字链等都属于操作入口:"明确"指的是入口的视觉感是清晰的.可识别的:"合理"是指入口的出现是符合用户操作逻辑的,适时的. 之所以要提出"操作入口明确",是因为用户在使用产品的过程中,往往遵循的是

设计分析:交互设计的事件分类

挖坟 交互设计(Interaction Design)产生于二十世纪八十年代,在1984年一次设计会议上,大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念,作为一门关注交互体验的新学科而存在并发展到今天,他一开始给它命名为"软面(Soft Face)",由于这个名字容易让人想起和当时流行的玩具"椰菜娃娃(Cabbage Patch doll)",他后来把它更名为"Interaction Design"――交互设计. 思考 交互设计是

互联网产品交互事件分析

挖坟 交互设计(Interaction Design)产生于二十世纪八十年代,在1984年一次设计会议上,大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念,作为一门关注交互体验的新学科而存在并发展到今天,他一开始给它命名为"软面(Soft Face)",由于这个名字容易让人想起和当时流行的玩具"椰菜娃娃(Cabbage Patch doll)",他后来把它更名为"Interaction Design"――交互设计. 思考 交互设计是

互联网产品设计:交互设计和感性用户

文章描述:交互设计的理性Vs.多样的感性用户. 和一位视觉设计师讨论UED分工的时候,他说:"交互设计做的就是逻辑."听起来似乎没错:互联网交互做得最多的就是点击.跳转.无论target到另一个page是_self还是_blank,无论信息架构的sitemap,还是导航,似乎交互做的就是一个纯理性.高逻辑的活儿. 直到有一天向臭鱼请教一个产品的设计时,我才意识到被忽视已久的问题. 这个产品大致需求是这样的: 一个图像上传产品.用户可以设置一张显示,也可以设置一周自动轮换.每个选择会为用

细节决定成败:互联网网站文字交互设计

文章描述:细节决定成败:互联网网站文字交互设计. 如果你是一位"细节控"设计师:认为"细节决定成败",界面上每个像素.每个图标.每种字体都该受到专注,那产品的每个文案亦是重要的. 什么是产品文案?你标注一个按钮的名字是"提交"还是"保存":"新建"还是"创建":用一般举例,还是详细阐述:用什么样的语气说明--这些都是文案. 百度百科这么描述产品文案的由来:产品设计阶段,UED成员需要大量

互联网产品的交互设计方法

目前交互设计在互联网产品中的应用状况 "交互设计可以提高产品可用性."在国内的互联网行业中,建立在这个认识基础上,交互设计得到了普遍的接受."产品设计开始的时候应该先交互啊~~""你这个项目没交互过啊~~"这类的说法越来越多当然是好的信息,但是,交互设计工作到底应该怎么做才能提高产品可用性?通常的互联网产品研发中,交互设计工作是处于没有方法的状况. 理解交互设计 交互设计是一个设计工作. 交互设计是一门技术. 交互设计在目前阶段的主要使命是提高产

互联网交互设计体会:交互设计师和产品经理

文章描述:产品经理与交互设计师的对话 需求是如何变成产品原型的. 在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节.说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节. 相对比之下,产品经理更关注的是产品的内部逻辑.操作流程.策略等:而交互设计师更关注的是产品的易用性.流畅度和操作感受.总的来看,似乎可以认为,产品经理是从一个更加宏观的角

交互设计影响因素:用户精力与注意力的应用

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