网络上最常见的交互设计错误
来源:
广州天荣信息科技有限公司
日期:2018-03-25 15:05:12
点击:5262
属于:网站建设
设计交互从来都不是一件容易的事情。它包括对用户行为的深入分析和细致的规划。随着新技术和交互设计模式的出现,事情变得越来越难。
用户很难用光滑的图像、平滑的悬空效果和意外的动画来给用户留下深刻印象,但是这个难题仍然是一样的——你怎么能创造出一种令人愉快的用户体验,并伴随着用户的微笑产生转换呢?如果你意识到常见的设计陷阱,你就不太可能制造它们。
为了让你更容易——也许是让你知道你不是一个人——这里有一个关于最常见的交互设计错误概念的综述。
1。不知所措与创新
网页设计师是一个有创造力的人。我们想通过我们的工作来表达自己。我们一直在寻找创新的方法让设计脱颖而出。然而,当谈到IxD时,创新并不总是有效的。它甚至可能对你的网站不利。用户渴望熟悉,并且经常关注特定的操作方式。
Etsy的创意总监、《网络产品设计》(Product Design for the Web)的作者兰迪·j·亨特(Randy J. Hunt)清楚地指出:“嘿,设计师们:别再想那么聪明了。”在这篇文章中,他更详细地解释了为什么在设计网络时不应该过分追求创新。
以Iotorama网站为例。它看起来很漂亮,音乐很有灵魂,但是随着所有这些球的移动,用户就不知道该怎么做了。别误会我的意思,这个项目太棒了,太有创意了!我喜欢这个游戏化的想法,但它与直觉相去甚远。
不知所措与创新
这是另一个例子。在斜坡项目上的安全人员想出了一个简洁的交互式网站,告诉用户冬季运动的危险。它是创新的,同时也是直观的,沉浸式的和有趣的。
欧文
2。令人困惑的导航
“不要太聪明”的规则也会影响到导航。一些设计师试图通过尝试不同的名字来做原创。例如,Chijoff网站让用户不知道他们到底提供了什么,以及如何雇佣他们。要想知道“共同创建”页面应该等同于“服务”,需要一点浏览。”,即便如此,在阅读整个页面后,用户仍想做什么…页面的最后有一个小表格报名参加最新的行业新闻和技巧!“联系人”页面上也没有表单,只有邮政和电子邮件地址。他们只是不让人们容易与他们取得联系,或者雇佣他们。
Chijoffco
你能猜到在Maison Margiela网站上有什么“宇宙”吗?它实际上链接到他们的Facebook页面。谁会想到呢?
Maisonmargiela
相比之下,看看legworkstudio的网站。它具有惊人的创造性和与众不同。导航是清晰和明确的。用户不可能迷路。
3所示。杂乱
曾经有一段时间,网站试图把所有可能的东西都放在上面。那些日子一去不复返了,然而许多网站还是犯了这个错误。把这个在线商店:
Flipkart公司
设计师试图坚持一个简单的配色方案,但在这个页面上,不同颜色的盒子、标识和字体的数量足以让用户感到震惊。搜索栏很醒目,“那么,你今天想要什么?”“文字,但是整体的外观和感觉的布局是相当过时的。
EBay是一家主要的在线零售商。eBay并没有将产品图片、促销活动和多次行动的要求塞满网站,而是将其保持干净和简单,突出显示他们希望用户首先看到的内容,并明确提示下一步要做什么。
易趣
4所示。相反,宝贝!
对比是建立视觉层次的最重要手段之一,并将用户的注意力吸引到特定的元素上。在网页设计中,对比并不仅仅意味着颜色的使用,还包括尺寸、形状和定位。
最简单、最生动的例子就是这个网站。他们成功地保持了一致性,但是当涉及到订单时,背景和按钮的一般外观是不吸引人的。
现代的主题
比较。颜色选择很接近,但结果却截然不同。此外,创造性的滚动效果平滑地介绍了新的惊人的产品特性-反光材料。酷,不是吗?
Bjornborg
5。忽视形式样式
表单设计是用户体验的基本组成部分之一。每个网站都有一个目标——无论是生成线索、直接销售产品还是提供信息。不幸的是,有很多网站都有光鲜的主页,他们更喜欢用冗长的表单和复杂的验证码来烦死用户。除非用户有强烈的事前动机,否则他们就会离开。
使用JCF这样有效的跨浏览器解决方案,是时候忘记丑陋的默认表单元素了,并转向更有吸引力的用户体验。
扫一扫,加我微信
用户很难用光滑的图像、平滑的悬空效果和意外的动画来给用户留下深刻印象,但是这个难题仍然是一样的——你怎么能创造出一种令人愉快的用户体验,并伴随着用户的微笑产生转换呢?如果你意识到常见的设计陷阱,你就不太可能制造它们。
为了让你更容易——也许是让你知道你不是一个人——这里有一个关于最常见的交互设计错误概念的综述。
1。不知所措与创新
网页设计师是一个有创造力的人。我们想通过我们的工作来表达自己。我们一直在寻找创新的方法让设计脱颖而出。然而,当谈到IxD时,创新并不总是有效的。它甚至可能对你的网站不利。用户渴望熟悉,并且经常关注特定的操作方式。
Etsy的创意总监、《网络产品设计》(Product Design for the Web)的作者兰迪·j·亨特(Randy J. Hunt)清楚地指出:“嘿,设计师们:别再想那么聪明了。”在这篇文章中,他更详细地解释了为什么在设计网络时不应该过分追求创新。
以Iotorama网站为例。它看起来很漂亮,音乐很有灵魂,但是随着所有这些球的移动,用户就不知道该怎么做了。别误会我的意思,这个项目太棒了,太有创意了!我喜欢这个游戏化的想法,但它与直觉相去甚远。
不知所措与创新
这是另一个例子。在斜坡项目上的安全人员想出了一个简洁的交互式网站,告诉用户冬季运动的危险。它是创新的,同时也是直观的,沉浸式的和有趣的。
欧文
2。令人困惑的导航
“不要太聪明”的规则也会影响到导航。一些设计师试图通过尝试不同的名字来做原创。例如,Chijoff网站让用户不知道他们到底提供了什么,以及如何雇佣他们。要想知道“共同创建”页面应该等同于“服务”,需要一点浏览。”,即便如此,在阅读整个页面后,用户仍想做什么…页面的最后有一个小表格报名参加最新的行业新闻和技巧!“联系人”页面上也没有表单,只有邮政和电子邮件地址。他们只是不让人们容易与他们取得联系,或者雇佣他们。
Chijoffco
你能猜到在Maison Margiela网站上有什么“宇宙”吗?它实际上链接到他们的Facebook页面。谁会想到呢?
Maisonmargiela
相比之下,看看legworkstudio的网站。它具有惊人的创造性和与众不同。导航是清晰和明确的。用户不可能迷路。
3所示。杂乱
曾经有一段时间,网站试图把所有可能的东西都放在上面。那些日子一去不复返了,然而许多网站还是犯了这个错误。把这个在线商店:
Flipkart公司
设计师试图坚持一个简单的配色方案,但在这个页面上,不同颜色的盒子、标识和字体的数量足以让用户感到震惊。搜索栏很醒目,“那么,你今天想要什么?”“文字,但是整体的外观和感觉的布局是相当过时的。
EBay是一家主要的在线零售商。eBay并没有将产品图片、促销活动和多次行动的要求塞满网站,而是将其保持干净和简单,突出显示他们希望用户首先看到的内容,并明确提示下一步要做什么。
易趣
4所示。相反,宝贝!
对比是建立视觉层次的最重要手段之一,并将用户的注意力吸引到特定的元素上。在网页设计中,对比并不仅仅意味着颜色的使用,还包括尺寸、形状和定位。
最简单、最生动的例子就是这个网站。他们成功地保持了一致性,但是当涉及到订单时,背景和按钮的一般外观是不吸引人的。
现代的主题
比较。颜色选择很接近,但结果却截然不同。此外,创造性的滚动效果平滑地介绍了新的惊人的产品特性-反光材料。酷,不是吗?
Bjornborg
5。忽视形式样式
表单设计是用户体验的基本组成部分之一。每个网站都有一个目标——无论是生成线索、直接销售产品还是提供信息。不幸的是,有很多网站都有光鲜的主页,他们更喜欢用冗长的表单和复杂的验证码来烦死用户。除非用户有强烈的事前动机,否则他们就会离开。
使用JCF这样有效的跨浏览器解决方案,是时候忘记丑陋的默认表单元素了,并转向更有吸引力的用户体验。
标签:
本文来源:天荣科技,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!
扫一扫,加我微信
上一文章:十大错误让你的网站看起来不专业
下一文章:静态网站生成器的全面指南