地址: 上海市静安区共和新路4718弄10号楼2楼
热线:400-166-3538
电话:13122077371
邮箱:sales@shyuanzhen.cn
交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析,然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现,事情就变得不是那么容易了。其实大家遭遇的困境都很相似,用户已经很难被单纯炫酷的图片、流畅的悬停效果和出人意料的动效所打动,真正能让他们露出微笑的是持久、令人愉悦的交互设计和用户体验。如果你对于日常的设计中的常见的误区有所了解,自然会有意识地绕过这些坑。
为了更好的设计,我们为你简单总结了一下最常见的5种交互设计的误区。
1、过度的创意
网页设计师 绝对不缺少创意。我们希望借工作表达自己,也一直在试图寻找能让产品脱颖而出的优秀创意。但是当涉及到交互设计的时候,推陈出新并不一定总是好的,它甚至 会对你的网站和产品产生不利的影响。的确,许多用户渴求新鲜的创意,但是在操作和交互上却往往希望协调可控,所以他们更倾向于熟悉的交互。Etsy的创业 总监Randy曾经撰文探讨过这个问题,文中直言“设计师们不要在此(交互设计)自作聪明了!”在这篇文中,他详细解释了为什么你不应该走极端去设计充满大量创新交互的网页。
以Lotorama的网站为例子,漂亮的页面和柔和的音乐都非常的赞,但是用户进来之后会迟疑,想知道这个网站要如何操作。不要曲解我的意思,如果你是纯粹处于炫技,那么这种华丽而充满游戏性的网站绝对称得上是创意无限,但是对于普通用户而言,他们的直觉失去效果,茫然无措会成为网站浏览的障碍。
下面是另外一个案例,这个名为Safety on the Slopes 的项目是为了说明冬季运动的危险的,整个网站的设计整洁,交互也直观。网站设计也有所创新,但是同时是以用户交互直觉为先决条件,以身临其境为目标。
2、令人迷惑的交互
“不要自作聪明”的规则也应当应用在导航设计上。一些设计师试图运用别具一格不同寻常的名称,以活动更富有实验性的导航。比如这个Chijoff网站, 就让前来应聘的用户充满困惑。如果你是网站的访客,需要来回折腾一阵子,才能搞清楚这个名为“Co-Create”的页面实际上也就是常见的 “Services”页面。最纠结的是,即便是你将整个页面都看完之后,仍然高不清楚要怎么办,因为这个页面的底部仅仅只有一个表单,展示行业新闻,并且 仅仅提供一个注册入口!至于联系页面就更简单了,仅仅提供了一个邮政编码和一个邮件地址。总而言之,他们用各种手段让用户无法直接快速有效的联系上他们。
在看看这个案例。你猜猜看,Maison Margiela 的页面上的“Universe”这个分类是干啥的?这个炫酷的链接,实际上是链接到他们的Facebook页面的……
反例当然也有,看看legworkstrdio的网站吧,他们的创意非常不错,导航清晰明确,用户也不会在导航中迷失。
3、杂乱无章
曾经有过一个阶段,设计师试图将所有的内容全都塞到一个页面当中去。虽然这个时代已经过去了,但是很多网站依然在犯这个错误,甚至在我们自己设计的时候,有时候也会身不由己地想这么做。看看这个在线商店的设计吧:
设计师试图使用简单的配色方案,但问题是页面中大大小小的框、复杂多变的字体破坏了整体的风格,用户也在大量繁复的信息中懵逼。搜索框中“那么你今天想得到什么呢?”文案还是挺时尚的,但是页面风格却完全是过时的设计。
反观EBay的设计,在设计上则更为克制,保持清爽而简单的设计,凸显用户关注的内容,并且明确地提示用户下一步该怎么做。
4、要有对比度
对比度是构建视觉层次最重要的手段之一,也是让视觉元素吸引用户的绝佳方式。在网页设计中,对比度不仅仅是通过色彩来呈现的,尺寸控制、形状设计、位置调整也都能表现出对比度。
最简单也是最生动的案例,就是下面的这个网站。设计师在网站的一致性上做的颇为不错,但是相对复杂的背景和文字内容、按钮等前景元素之间的对比不明显。
相比之下,这个网站也采用了深浅色(黑白)的对比来进行设计,但是结果却截然不同。另外,充满创意的滚动效果也引入了颇为不错的视觉效果,很酷吧?
5、忽视表单样式
表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标,不论是销售产品、呈现信息还是提供沟通平台,然而许多设计漂亮的网站总会给你一个令人感到无聊到死的复杂表单,除了那些极其想加入会员或者想参与问卷调查的那些访客,许多用户(比如我)会直接关闭页面,离开网站。
有了JCF这样的跨浏览器解决方案之后,你就可以同丑陋的默认表单样式说再见了,你可以设计更优秀更人性化的表单那设计,来提升交互效率和用户体验。
另外一个恼人的情况是,表单要求太多,想法不成熟,或者并未经过良好的测试。比如sketchybusiness.io 这个网站中,表单突出了所有的空白字段,即使有些是不需要填写的。
反观mostlyserious.io的表单设计,你会喜欢表单中的鼠标悬停提示。另外,其中“Don’t be shy”的提醒为整个表单增添了人性化的元素。

网站想要提升用户体验有很多方法,人机交互内容就是其中之一。在前些年,由于一些技术的限制,导致这一内容的添加具有很大的困难,但现在随着各项技术的兴起,人机交互的设计已经不存在很大的障碍,很多网站的人机交互方面做的非常完善且的题,这可以为网站的营销带来极大的帮助。但值得注意的是,人机交互并不是一个只有正面作用的事情,事实上,如果处理不当,很可能会带来一些负面的影响。我们认为,人机交互既然作为一项提升用户体验的设计,那么就一定要基于用户体验来设计。
一、人机交互在设计时应注意交互效果不是越多越好
很多人在进行一项操作时往往会简单的选择大量的堆砌,如SEO优化过程中对于关键词的堆砌。在交互设计时,也往往会出现这一现象。一些交互人员可能由于主观的认为,更加绚丽的鲜果就可以让网站给用户带来良好的观感,所以会将交互效果制作的十分复杂,或者说是效果的简单堆砌。但其实对于用户而言,这样的设计并不一定能够带来良好的体验,虽然可能大部分用户对于密密麻麻的大段文字不感兴趣,但这并不意味着他们能够接受过多或是过于炫技的美术效果。
交互设计的初衷是让用户获得更好的观感,也可以让页面显得更加生动,但如果美术效果过多,就会在很大程度上影响用户的视线,甚至会造成眼花缭乱的效果,同时也会让用户无法集中注意力于网站的中心内容上,如果交互设计做成这样,那么很难说这是一个成功的设计。
二、页面交互应与营销相配合
提升用户体验的直接目的其实就是为了提高网站的转化率,所以在交互的设计时也应该与营销相配合以达到提高转化率的目的。如果能够将网站上的重点内容做好交互,无疑就可以让用户更加关注这些你想让他们看到的东西。比如在线客服等功能,就可以通过一些精巧的设计引起用户的关注,来引导他们点击。
另外,如产品展示环节,也可以通过精美的交互设计来吸引用户的注意力,让他们对你的产品产生浓厚的兴趣,这也可以给用户留下非常深刻的印象。总而言之,单纯的交互设计的作用并不明显,一个优秀的交互设计应该达到的效果是有效的提高网站的转化率。只有让用户更加关注网站中的核心内容,才能够显示出交互设计的意义。
三、保证加载速度不会太慢
当然,人机交互设计的再好,也难以避免的一个缺陷就是会使网站的加载速度变慢。因为基于B/S技术的网站,是必须要通过预加载到客户端计算机才可以运行。所以网站上的每一个元素都要通过客户端浏览器的解释之后才能够显示。
所以我们可以得出,越复杂的交互设计,无疑就会给网站的加载速度带来越多的负担,如果人机交互效果设计的过于复杂,在这些内容呈献给用户之前,首先让用户感到的是网站加载时的迟缓,这是网站的一个非常严重的减分项。所以,在设计人机交互时,应该尽量合并JavaScript代码和CSS样式代码等以避免资源的堵塞。而在图片方面,也要在保证清晰度的情况下尽量的缩减大小,这样才能够尽可能的让网站的加载速度不会受到太大的影响。
人机交互出现的目的就是为了让用户体验更进一步,所以在进行交互的设计时,也一定要以用户体验出发,只有这样,才能让交互效果真正的给网站带来正面的能量。
• • • • | 公司名称:上海缘震网络科技有限公司 开户银行:中国工商银行上海市彭浦支行 银行账号:1001 2508 0930 0206 455 |
总部:上海市奉贤区金海公路6055号29号3楼 分部:上海市静安区共和新路4718弄10号楼2楼 商务官网:www.shyuanzhen.cn 彦蓁科技:www.shyanzhen.cn | 缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今! |
