信息设计和交互设计

文章描述:发现网页中的信息与交互.

两周前,在一家知名互联网媒体公司做内部沙龙交流。有朋友问我,做为产品设计、用户体验师或交互设计师,在设计网站时有哪些事情要做?

互联网发展到现在,各种产品形态种类繁多,眼花缭乱。但再复杂的网站都是由页面构成的,而无论什么样的页面,都只有两样东西需要考虑:一种是让人看的元素;另一种是让人操作的元素。我这样的解释比较通俗,也并没有很好的把概念抽象出来,目的是为了方便记忆。“让人用”和“让人操作”这两件事情,就是我们常说的信息设计和交互设计。

信息设计:

互联网虽然是个虚拟的世界,可我一直坚信任何互联网产品都可以找到现实版的映射。Win7新增的便签纸功能非常的方便,而它的现实版例证就是3M公司发明的及时贴产品。而设计类似京东商城的产品时,当我们无法找到正确的路径时,总会拿西单大悦城做类比。

不光产品可以映射,信息设计工作其实有点像现实中的杂志设计,编辑在制作一本杂志时。首先要在考虑各种因素后(包括:聆听用户、杂志定位、文章质量等),决定若干内容的排序和展现,例如:广告放在哪?名人的报道在第几页?专栏如何放?当这些问题解决后,还要考虑专栏放在某一个页面时,图文等元素如何排版。

总之,内容结构和内容布置的所有问题都可以归结为信息设计,也就是设计那些网站或页面中“让人看”的元素。信息架构是一门高深的学问,我只讲几点个人体会:

1.展现用户想看到的。页面中的信息,大部分要以用户为导向,用户想看什么,就提供什么。

2.展现你想让用户看到的。用户明确的需求一定要满足,但是很多人来到网站则只有预期没有需求,是来随便逛逛的。可以花些心思引导这部分人,把你最想给用户看到的内容展现出来。

3.符合人类的视觉系统习惯。人类的视觉是从左到右、从上到下的浏览习惯,眼球长时间看单一的文字,或单一的图片墙都会发生视觉疲劳等等。

交互设计:

交互设计指的是人机交互,人指用户,机就是网站系统。交互设计的工作量集中在能够被响应的区域。比如:超链接、按钮、输入框、单选多选、List选择等等,这些元素提供了人机交互的可能性,也就是所说的“能操作”的元素。交互功能是希望用户做某些事,或用户想达到下一个目标必须做的事情。

交互操作的成本是远高于流量页面的信息,所有转化率的损失是不可避免的。有一次看到某网站的首页,弹出率(用户只浏览了这一个页面就离开了)超过50%,我就对网站的产品人员和交互人员说只有两种可能:第一,网站根本找不到用户想要的;第二,交互设计太差,无法到下一步,于是选择离开。

1.别让用户思考。用户会说:你想让我做什么就直接告诉我吧。网站和软件是唯一没有说明书的产品(如果有说明书,也很少有人会看)。如果设计的交互功能不伦不类,用户研究了半天还是不知所云,那你就死定了。用户的离开是对糟糕交互设计的最大惩罚。

2.别让用户烦躁。5年前,在一个网站注册需要花超过5分钟,复杂的填写项目像是在办移民添表格一样,而且一旦填写错误,你就必须重来一遍。现在再去看看你能想到的网站吧,30秒钟就可以完成,只需要填写用户名和密码,其他类似生日、性别等“让人烦”的信息全部被去掉了。

产品经理或者交互设计师可以抽象出这部分是信息设计,那部分是交互设计,这样可以更好的分工和安排工作。但是用户全然不知这些,对用户来讲没有信息和交互的概念,每个网页对用户来说都是一个整体,要么满足需求、让我舒服,然后留下;要么不满足需求、让我烦躁,迅速离开。因此我们可以分开工作,但是从体验角度很多事情还是要统一考虑的。

时间: 2024-09-26 04:56:00

信息设计和交互设计的相关文章

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

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

用户交互设计:手机产品交互设计样式

文章描述:用户交互设计:手机产品交互设计样式. 很多人都说,手机产品交互限制因素很多,过小的屏幕分辨率,过低的系统性能,过慢的网速,过弱的电池续航能力等等.但是在限制中还能做出优秀的设计,才显得弥足珍贵,就像风靡Symbian平台的gravity一样. 其实,我认为手机产品交互设计还是有很多想象空间的,它不仅仅是界面交互,而是跟空间.跟时间.跟触觉.跟视觉.跟听觉.跟嗅觉的交互,而且随着技术的推移,相信界面的可扩展性也会越来越好,不管是电子纸(ePaper),还是投影技术应用到手机上,都会让手机

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

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

《信息可视化:交互设计(原书第2版)》——1.6节术语

1.6 术语本章主要介绍了信息可视化的定义.发展.用途以及用户在信息可视化过程中扮演的重要角色.虽然我们已经遇到了一些影响应用设计有效性的重要术语,但本章并未对它们做特别的解释.这些重要术语包括数据描述(representation,数据编码方法,通常是视觉的).数据表示(presentation,将已编码数据在一定的时间和空间内表示出来)和交互(interaction,用户为实现数据视图切换所采取的动作).在第2章中,我们将以汽车购买这一具体任务为例来展示信息可视化工具的设计过程并介绍以上三个

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

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

学习产品设计:绘制交互设计流程图

文章描述:绘制交互流程图. 学习产品设计初期肯定会遇到两个问题:第一,如何考虑更全面:第二,如何绘制交互流程图.开始产品设计前先要考虑所有可能性,如何才能以线性流程图的方法组织所需的设计元素.小郑老师的<交互设计表格>中已经介绍了非常实用的表格穷举法,适合初学者使用. 流程图是产品经理和交互设计都必须掌握的技能,一张流程图可以省去需求文档和交互设计文档的很多文字描述,让技术人员一目了然地明白设计意图,便于组织程序的逻辑顺序. 绘制流程图准从简单的原则,流程图是设计师的产出物,体现设计意图,主要

交互设计思考:交互设计元素的层级

网页制作Webjx文章简介:基础控件和交互设计元素的层级. 今天被jobs指出之前工作的方向性错误,才意识到构成最终产品元素之间的层级关系. 在现在的工作流程中,规范是大家熟知也都尽力执行的,目的是为了在保证产出物质量和一致性的同时,提高设计和工作的效率.不过规范还是由更基础的两个元素构成:基础控件和基础组件. 交互设计元素的层级 控件是互联网/软件产品的最小界面元素,包括按钮,单选框,复选框,滚动条等等. 而组件,是通过合理的组合和布局方式形成的比较通用,好用的控件组合. 最终的设计规范,则是

产品设计与交互设计之胡言乱语

引用heide格物致的话,交互设计是这样的:" 以人的需求为导向,理解用户的期望,需求,理解商业.技术以及业内的机会与制约,创作出形式,内容,行为有用,易用,令用户满意且技术可行,具有商业利益的产品." 交互设计的服务对象是产品,是为产品锦上添花.而"产品"这块"锦"则是发现用户需求或者创造用户需求,并为用户提供满足需求的途径或工具. 产品设计师就像造物主,为了地球不太寂寞,为了地球更加完美,从而造出了"人"这一终极产品.当然

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

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