佛山高端建站:5个Web上最常见的交互设计错误

2019.08.16 mf_web

182

设计互动从未如此简单。它涉及对用户行为的深入分析和细致的规划。随着新技术和交互设计模式的出现,事情变得越来越容易。

用户更难以留下光泽的图像,流畅的悬停效果和意想不到的动画,但这种困境仍然是相同的 - 你如何创造一个令人愉快的用户体验,产生转换以及用户的微笑?如果您意识到常见的设计缺陷,那么制作它们的可能性就大大降低。

佛山高端建站为了让您更轻松 - 也许是为了让您知道自己并不孤单 - 这里是最常见的交互设计误解的综述。

1.对创新不堪重负

网页设计师是一个创意很多。我们希望通过我们的工作来表达自己。我们一直在寻找创新方法,使设计脱颖而出。然而,当涉及到IxD时,创新并不总是有效。它甚至可能对您的网站有害。用户渴望熟悉并经常调整到某些操作方式。

Etsy的创意总监兼网络产品设计作者Randy J. Hunt 明确表示:“ 嘿,设计师:不要试图这么聪明。”在这篇文章中,他更详细地解释了为什么你不应该过火创新的网络设计。

以Iotorama网站为例。它看起来很漂亮,音乐是深情的,但随着所有这些球的移动,用户不知道该怎么做。不要误会我的意思,这个项目太棒了,超级有创意!我喜欢游戏化的想法,但它远非直观。

欧文

2.令人困惑的导航

“ 不要太聪明 ”的规则也会导致导航。一些设计师试图通过尝试页面的不拘一格的名称来成为原创。例如,Chijoff网站让用户想知道他们究竟提供了什么以及如何雇佣他们。需要一些浏览才能确定“ 共同创建 ”页面应该等同于“ 服务”。“即便如此,在阅读完整页后,用户仍然想知道该怎么做......页面末尾有一个小表格,可以注册最新的行业新闻和提示!“联系”页面上也没有表格,只有邮政和电子邮件地址。他们只是不容易让人们与他们取得联系或雇用他们。

Chijoffco

你能猜出Maison Margiela网站上的“宇宙”是什么吗?它实际上链接到他们的Facebook页面。谁曾想到?

Maisonmargiela

相比之下,请查看legworkstudio的网站。这是非常有创意和不寻常的。导航清晰明确。用户不可能迷路。

凌乱

有一段时间,网站试图把他们可能的所有东西都放在首位。那些日子已经过去了,但许多网站仍然犯了这个错误。拿这个在线商店:

Flipkart

设计师试图坚持一个简单的配色方案,但是这个页面上不同颜色的盒子,徽标和字体的数量足以让用户感到震惊。搜索栏有吸引人的“那么,你今天想要什么?”文字,但布局的整体外观和感觉已经过时了。

eBay是一家实现这一目标的主要在线零售商。eBay不是用产品图片,促销和多个号召性用语填充他们的网站,而是让它保持干净简洁,突出显示他们希望用户首先看到的内容,并明确提示下一步该做什么。

易趣

对比,宝贝!

对比度是建立视觉层次结构并吸引用户注意某些元素的最重要手段之一。在网页设计中,对比度并不仅仅意味着颜色的使用,还意味着尺寸,形状和定位。

最简单生动的例子就是这个网站。他们成功地保持了一致性,但是在下订单时,背景和按钮的一般外观并不吸引人。

现代主题

与此相比。颜色选择很接近,但结果完全不同。此外,创意滚动效果平滑地引入了新的惊人产品功能 - 反光材料。很酷,对吧?

Bjornborg

5.忽略表格造型

表单设计是用户体验的基本部分之一。每个网站都有一个目标 - 无论是生成潜在客户,直接销售产品还是提供信息。不幸的是,有很多网站都有光泽的主页,他们喜欢用长形式和复杂的CAPTCHA让用户死亡。除非用户有强烈的先前动机,否则他们就会离开。

通过有效的跨浏览器解决方案(如JCF),是时候忘记丑陋的默认表单元素并转向更加身临其境的用户体验。

Dkkma

另一个令人恼火的事情是表格太苛刻或没有经过充分测试。例如,sketchybusiness.io表单突出显示所有空白字段,即使它们不是必需的。

Mostlyserious

如果你看看mostserious.io表单,你肯定会喜欢悬停和活动按钮状态。此外,“别害羞”的注释增添了甜美幽默的感觉。

最后…

不要太懒于测试!对您来说重要的事情可能与对客户无关。他们在哪里遇到问题而陷入困境?是导航,花式视差效果还是长载视频?用户测试的最大好处之一是,您可以深入了解用户,关注他们的需求并进行改进。不要试图抑制你的创造力。请记住,网站访问者可能会感到困惑和沮丧。

这是另一个例子。“ 斜坡安全”项目背后的人们想出了一个整洁的互动网页,告知用户冬季运动的危险。它具有创新性,同时具有直观,身临其境和有趣的特点。

佛山高端建站

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP