加入收藏   在线问答
武汉青鸟国际CG教育

武汉青鸟国际CG教育 咨询详情

武汉设计培训:毁了交互设计的错误

录入:武汉青鸟国际CG教育  时间:2015/12/1
摘要: 交互设计从来不易。它需要对用户行为进行深入分析的同时,还要进行细致的计划。武汉青鸟国际CG教育为您详述如下:

尽管新的交互设计不断出现,但并未使它变得更容易一些。如何才能创建令用户满意的使用体验?如果你对交互设计中常见的错误有所警惕的话,无疑就会尽量避开这些错误,从而实现更完善的UX体验。

1.过度追求创新

网页设计需要创意。设计师总在寻求新颖的方式,以求自己的设计能脱颖而出。但在交互设计中,标新立异并非总是好事。甚至可能给网站带来负面效果。因为用户对某些模式已经习惯,通常会按既有的习惯执行操作。

别让这五种错误毁了你的交互设计

RandyJ.Hunt是Etsy公司的创意总监。他曾明确无误地告诫设计师:“设计师们,少卖弄一点自己的聪明吧。”在自己的一篇文章中,他详细分析了为何交互设计中不应过分追求创新的原因。以Iotorama网站为例。这个网站外观很漂亮,配的背景音乐很优美,尽管有这些有点,用户使用这个网站时依然会感到茫然无措。整个网站项目非常棒,非常富于创意,我也很喜欢这将设计游戏化的理念。但这个网站从可用性上来说,效果十分不理想。

再举一个例子。SafetyontheSlopes的交互设计页面意在提醒滑雪者可能遇到的危险。整个页面即十分有新意,同时也非常实用,迷人和有趣。

别让这五种错误毁了你的交互设计

2.混乱的导航

“别卖弄聪明”的法则同样适用于导航系统的设计。有些设计师为了追求原创性,刻意在导航中使用高冷的名称。在下面给出的Chijoff网站中,用户完全根本不会明白这个网站究竟是干什么的,也不知道该如何雇用它的设计师。用户可能要浏览好一会才会明白该网站网页上所说的“共同创造”(Co-Create)跟“服务项目”(Services)是一回事。即使是这样,用户读完整个网页的内容之后,依然会感到十分困惑,因为网页的结尾处的内容居然是请求用户注册以获得最新行业信息!整个网页都没有“联系我们”的项目,只有邮政地址和电子邮件地址。无论用户想要联系他们或雇用他们,都十分不方便。

别让这五种错误毁了你的交互设计

你能猜到MaisonMargiela网站主页上的“宇宙”代表什么吗?事实上它指向的是一个Facebook主页!对此用户会怎么想呢?

别让这五种错误毁了你的交互设计

而legworkstudio的网页则与此形成鲜明对照。它的主页极富创意。但该网站的导航却清晰,准确,不会让用户感到迷失。

3.没有条理

有一个时期,设计师试图把尽可能多的内容放在自己的网站上。虽然这种潮流早已过去,但仍有不少设计师重复这个错误。请看下面这个在线购物网站:

别让这五种错误毁了你的交互设计

设计师试图采用单一的配色方案,但仅仅不同颜色是方框,logo,字体就已经使用户感到眼花缭乱。搜索框中的“今日你有何期待”的语句令人心动,但网站整体的布局却相当过时。

Ebay作为全球最主要的在线零售商之一,网页设计也十分用心。它的主页十分简洁,只重点呈现它最想让用户看到的内容。而不是把所有的行动按钮,产品图片,促销活动等等都放在一起。

别让这五种错误毁了你的交互设计

4.忽视对比

对比是创建社拒绝分层和引导用户注意力的有效手段。在网页设计中,对比不仅涉及色彩,有元素的大小,形状和位置也息息相关。

请看下面的网页。网站的设计团队成功地做到了风格一致,但背景图片及网页中的按钮却无法吸引用户下订单。

别让这五种错误毁了你的交互设计

在请看下面的这个网页。两者的设计策略很接近,但效果截然不同。它创新的下拉式展示效果很好地呈现了产品的新奇特性。很酷,不是吗?

别让这五种错误毁了你的交互设计

5.忽视表单的风格

表单是用户体验中一个非常重要的元素。每个网站都有一个目标——或许是销售产品,又或许是提供信息。不幸的是,很多外观精美的网站却有着令用户厌烦到死的表单系统和验证图片。除非用户的动机很强,否则在遇到这些表单时他们便会放弃操作。借助像JCF这样的解决方案,现在我们完全可以摒弃丑陋的表单样式,为用户提供更有趣的表单填写经验。

别让这五种错误毁了你的交互设计

如果表单太有强制性或没有做足够的测试,也会使用户厌烦。例如sketchybusiness.io网站的一个表单将所有项目都高亮显示。尽管有些项目并非必填项。

 

上一篇: ui设计技能     下一篇: 武汉青鸟设计:室内设计发展迎新机遇

课程分类

在线客服

 方式一:电话咨询(8:00-21:00)

185-0711-9915

 方式二:在线报名 在线咨询

网上报名     在线咨询

 方式三:留言咨询(专业老师回复)

  • * 姓名:
  • * 电话:
  •  Q Q:
  •  内容:

学校动态

在线问答

学校首页 | 学校简介 | 开设课程 | 学校动态 | 学校师资 | 学校相册 | 在线问答 | 网上报名 | 联系我们
Copyright 2015 © 武汉青鸟国际CG教育 版权所有 all right resevied 豫ICP备12023013号 技术支持:91搜学网