导航:首页 > 万维百科 > 网页中的交互设计

网页中的交互设计

发布时间:2020-10-30 15:37:47

1、设计网页时,交互设计起到什么样的作用?

交互设计泛指人机交互,当一个软件或者网站需要通过与用户之间通过某些步骤,协助或者限制用户必须完成某些设定,达成某种目的,这个过程即可称之为交互,用户与用户之间也会存在交互,比如私信,留言,回复等。
那么问题来了,为何这些步骤和动作需要设计呢!
这是因为软件或者网站都希望用简单容易理解的方式,让用户获得最佳的用户体验,尽可能让这种“交互过程”愉悦,高效。因此交互设计被纳入课题,并让专业人士来担当审查该环节,于是交互设计师诞生了。

2、网站交互设计需要注意的几个方面

1、网站设计内容问题

内容是所有网站的灵魂,也是客户关心的东西,打开因特网看看企业网站,我们很容易发现,大多数中小企业网站栏目划分趋于一致:公司简介、产品介绍、联系方式等,在版式设计上也基本上是上下分栏、左右分栏等方式,在内容上要从客户考虑,要了解客户想从你页面上了解些什么,总之要贴近客户。2、网站设计技术问题

首先应该说明的是,我们并非鼓动企业在自己的网站中加大技术含量。实际上,最重要的是所使用技术在多大程度上实现了预期的功能,或者说所要的功能需要什么样的技术实现比较经济划算。而我们在与企业接触中,常常碰到这种情况:网站中使用了先进的技术,当然进行了大笔的投资,但实际上所实现的功能通过其他方式,很低的投入就可以实现!但是企业并不了解这些。3、网站设计交互问题

您的网站是否实现了与客户的交互,在多大程度上实现了这一功能,值得您仔细考虑,在我们接触的客户中,甚至有的客户抱怨:他的信箱至今还没有收到mail!经过我们的检查,是因为留言簿中有关信息提交的设置有问题!使得与客户之间的交流出现很大的问题,这也是很多企业应该注意的问题。另外在设计上应注意什么

1,对每一个超级链接点击之后采用新开窗口还是直接跳转,必须认真对待。如果用户点击一个link之后是要放弃当前页面开始新的体验,则应用直接跳转。如果用户点击link是要了解更多的信息,但是当前页面的信心仍然有用,则应新开窗口。

2,在每一个用户可能需要帮助的地方提供帮助信息或帮助按钮。完善的帮助系统是一个产品,网站成功很重要的因素。

3,承诺问题,不要轻易对你的用户承诺什么,但是一旦承诺了,就要尽最大努力去兑现。在首页规划和网站设计中最为突出的问题是:1)首页规划和栏目设置不合理。主要表现在栏目设置有重叠、交叉、或者栏目名称意义不明确,容易造成混淆,使得用户难以发现需要的信息。2)重要信息不完整问题。企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息,但为数不少的企业对这些重要信息不完整,尤其是产品介绍过于简单,有些甚至没有公布任何联系方式;上述几个问题只是企业网站设计问题中的部分问题,还有考虑浏览目标群体,从营销方式设计都应该是现在企业网站所在考虑的问题。每一个细微的不足和问题,都有可能失去用户,或者根本无法获得被用户发现的机会,结果最明显的表现就是访问量很小,或者由于得不到有价值的信息和服务,访问者的转化率很低,无法取得最终的收益。

3、什么是交互设计?

人机交互。比如网页上的一个按钮、表单怎么设计用户使用方便,放在哪更好等等。当然,也不仅仅指网页、APP之类的,日常其他物品也要研究。

4、交互设计做什么

Ⅰ、 先了解一下交互设计的基本概念:
交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。
Ⅱ、交互设计在项目流程中的位置和任务:
项目前期的流程和节点:

职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力。如果是为了走流程,每个环节都是任务式的交付,臃肿的分工除了增加成本和拖慢项目进度,没有实际意义。所以交互设计需要做的足够好,才能将这份工作做的有意义。
Ⅲ、交互设计的具体职能:
从上图中可以看出,交互设计主要干三件事:
①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素,制作原型demo

①定义部分需求
以前的惯性思维是需求应该由产品人员负责,设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求。在情感分析方面,交互专业是具有优势的,举个例子:
一个增值服务的宣传模块,业务模型可能是这样子:

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

上图仅仅是举个例子,真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型,还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候,交互设计师有责任对需求进行修订和完善,这样的目标导向设计才是完整的。
②定义框架
这部分的内容属于交互设计师的核心工作内容,也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱,接下来的界面怎么优化都是无效的。这好比大型超市的走道设计,如果路线规划的不好,再多再大的指引图标都是低效的。交互设计做什么?让用户快速完成目标,提升操作效率,这才是框架设计的意义所在。
破洛洛文章简介:本章主要详述一下交互设计的职能——交互设计师具体做哪些内容?
什么是框架设计呢?这要分成两部分内容:
1.关于结构导航的设计
把我们的产品想象成一个巨大的图书馆,我们需要帮助用户(有目的性的、目的不明确的,无目的性的)寻找他们感兴趣的图书,怎么帮助用户准确的寻找完成目标任务,这就是导航设计。导航的设计任务一般在新项目或重构项目。
导航大概可以分为三种类型:结构导航、关联导航、可用性导航

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

交互设计师的首要任务就是将业务内容信息组织分类,划分出主次关系,根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢?
回到第一个增值服务页面的例子(虚拟案例,非真实案例):
将需求梳理后(怎么梳理,请google抽屉整理法),我们可以确认全局导航:

再详细规划局部导航:

局部导航的层级可以不断往下延伸,通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。
2. 关于流程的设计
之前的案例我们已经基本上确认了模块需求有哪些页面,页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的,这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。
虚拟案例:

在流程的规划设计中要遵循:1.以业务目的为主要导向;2.兼容到用户的习惯;3.尽量让流程做减法,多一个流程就会丢一部分用户;4.任务是连贯和清晰的;5.考虑实现方式的复杂程度;欢迎补充…
③组织页面元素,制作原型demo
经过了需求的完善和框架的设计,之前的这些工作还是停留在抽象的想法阶段,怎么把想法转达给项目组的其他人员呢?交互还需要把想法和规划表达出来,那么最好的方式就是制作原型Demo。把Demo做出来,让产品,开发,测试直观的看到产品的雏形, 再广泛的接受意见,对原型进行不断的修正,改进,做简单的用户测试继续挖掘情感需求。
那么怎么去组织页面元素,制作原型Demo?哪些表现层面是交互设计师该重点表达的内容呢?原型的制作又有哪些章法可循呢?这个。.还是等下一个章节再讲吧!

5、什么才是网站正确的交互设计方式

交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。

交互设计(InteractionDesign)是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程,即定义人造物的行为方式。作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(SoftFace)”,他后来把它更名为“Interaction Design”――交互设计

交互设计师善于表达,以网页语言表达产品所要告诉用户的信息,同时显示用户的操作功能。

所以,凡是涉及到表达、传达的问题,都可以找交互设计师来做,也应该由交互设计师来做。产品经理考虑要做什么产品才有价值,交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现,还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达,而是使用网页语言表达。我们经常会讨论一个按钮的位置,讨论某个状态下光标的样式,讨论应该写成“登录”而非“登陆”等等:这些都是网页语言表达。

6、交互设计的具体职能是什么?

1、完善部分需求定义 

以前的惯性思维是需求应该由产品人员负责,设计版人员只是实现和改权善界面体验。而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求。

2、定义信息架构和操作流程

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

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

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

7、网站的交互设计主要是做什么?

①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功的产品首先要具备–可实现模型。 yixieshi

②产品做出来干什么?“方便用户,让用户玩的爽?”当然不是,产品的终极目标是盈利,你的领导也只关心这个。怎么才能盈利,而且是可持续的盈利。这需要具备第二个要素–业务模型。

③有了实现模型和业务模型产品就成功了吗?以前是,但如今时代不同了,大多数的应用已经不存在技术难题,在这个企业不缺系统,互联网不缺产品而用户不懂技术的时刻,你靠什么赢得用户?强大的运营队伍也只能推动一个峰值,最根本的还是需要产品的第三个要素–使用者模型,使用者模型像水一样,可以成就一个产品,让产品走的更远,也可以毁掉一个优秀业务模型的产品。

与网页中的交互设计相关的知识