IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

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

Catherine • 2017-06-02 10:59 • 交互设计

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

文章目录[隐藏]

  • 1. 过度追求创新
  • 2. 混乱的导航
  • 3. 没有条理
  • 4. 忽视对比
  • 5.忽视表单的风格
  • 结语

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

1. 过度追求创新

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

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

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

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

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

2. 混乱的导航

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

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

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

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

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

3. 没有条理

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

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

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

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

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

4. 忽视对比

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

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

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

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

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

5.忽视表单的风格

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

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

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

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

而如果你看到 mostlyserious.io 网站的表单的话,一定会对该网站的悬停与激活按钮印象深刻。另外,“别那么羞涩”的语句也为表单增添了幽默感。

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

结语

在测试上别偷懒!有些东西对你很重要,但用户或许不会这么看。用户在哪些点上最容易遇到麻烦?导航,花哨的平行元素还是加载缓慢的视频?测试最大的意义就是能让你以用户的体验为基准看待设计。不要限制你的创造力。只要要尽力避免这些创意让用户感到困惑或沮丧。

 

来源:视觉.me

译者:刘海静

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31692/

logosketchUX交互交互设计产品产品经理字体用户用户体验用户行为经验网页设计视觉设计设计师设计策略配色
赞 (0)
CatherineCatherine
0
生成海报
为什么你越来越爱用那些看起来丑而贱的表情?
上一篇 2017-06-02 09:00
我对QQ音乐的体验:关于探索音乐的故事。
下一篇 2017-06-02 12:07

相关推荐

  • 微信热点

    交互设计 | Tmall金妆奖 交互体验装置

    天猫金妆奖 · 体验交互装置中国上海· 3.04.2018***装置交互体验概念***Step 1: 待机状态Step 2: 装置检测到观众体验,即将展开体验流程Step 3: 系统提示拍摄区域Step 4: 实时检测体验者面部表情Step 5: 拍摄表情即将开始Step 6: 拍摄完成,正在为观众制作纪念卡***纪念卡设计***纪念卡/拍摄表情等级1:平静纪念卡/拍摄表情等级2:微笑纪念卡/拍摄表情等级3:开心纪念卡/拍摄表情等级4:...

    2018-03-15
  • 日期选择器设计总结 交互设计

    日期选择器设计总结

    本文是作者对时间选择器设计做的一个小总结。enjoy~

    2017-04-27
  • 网站设计:不如学用简约风格的原则 交互设计

    网站设计:不如学用简约风格的原则

    极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。

    2017-05-06
  • 微信热点

    交互设计——绘制流程图

    在上一篇文章中了解如何寻找接触点、梳理接触点,在这篇文章中主要就是如何来绘制流程图。现在普遍对流程图的分类有四种:业务流程图、页面流程图、功能流程图、程序流程图。在这主要通过现有的APP分析来进行区分不同流程图以及如何交互设计师或者产品经理选择应该使的流程图。何为流程图在上文中讲到了流程,流程是事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题。而流程图的核心就在于如何排布事物进行的次序,...

    2018-05-06
  • 前辈经验!聊聊新人设计师最容易遇到的12个问题 交互设计

    前辈经验!聊聊新人设计师最容易遇到的12个问题

    身为设计师,我越来越意识到只有整个设计师圈子的能力和氛围都起来了,我们每一个小分子才可以好起来,大家学习的积极性也比我大学时期(07年-11年)好太多,那时的我都完全没有要逛设计论坛学习的意识,所以当我看到谁年纪轻轻就已经那么牛逼了,我就很后悔,当年我为什么就没有逛论坛自我学习的意识呢,要不然我早就走向人生巅峰了,当年自己怎么那么井底之蛙,资源有限,信息闭塞,也没有人叮嘱我要怎么去做,也没人给我指出问题所在。现在有这么多好的学习平台和机会,而我也确实看到了很多设计师存在的问题,所以我总结下来,希望对大家有所帮助,不要像我当年那样活在自己的世界里,落后别人一大截。

    2017-05-26
  • 微信热点

    被忽视的重彩-交互设计验证

    每次评审,都是一场高效的讨(si)论(bi)大会...届时,需求、设计、开发也会上演争霸对决。作为身经百战的设计师该如何从评审会中顺利脱身,逃离这场没有硝烟的战役呢?小子很高兴地告诉你:你是绝对跑不掉的!定性、定量挖掘数据我们知道产品都有一定的周期性,开发期-成长期-成熟期-衰退期。在不同的产品周期中用户也会随着时间的推移,对产品的使用深度和理解广度有了深浅的层次变化,而不同的时期设计师采用的定性定量研究方法也是不一样的,如:访谈、问卷...

    2018-04-18
  • 语言的图形化表达,让百度“中文搜索”的设计更美 交互设计

    语言的图形化表达,让百度“中文搜索”的设计更美

    本次百度ACL会议主视觉设计主要进行了五个核心技术领域的海报设计以及物料设计。通过把甲骨文的象形文字表意特征结合现代设计语言,创造出最能代表百度“中文搜索”特质的作品,提升了公司在国际上的影响力和美誉度。

    2017-05-12
  • 当戒指也走向智能化 交互设计

    当戒指也走向智能化

    小编导语:这是这是一个不错的创新产品设计,特意推荐给大家看看哦。 这款叫做 Smarty Ring 的智能戒指使用了防过敏不锈钢材质,宽 13mm,厚度为 4mm,黑色给人一种酷炫高冷的感觉。 它不仅可以当手表使用,而且它…

    2015-04-11
  • 12个很不错的UI交互设计动效灵感 从零开始学交互

    12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 微信热点

    五个提升用户体验的分析要素

    原文链接:https://uxdesign.cc/analytics-for-better-ux-c0128c0da55e用户体验是区分产品优劣的核心元素。为了提高转化率,你会试着仔细的检查产品的用户体验,但是应该如何着手呢?你要如何找到痛点并弄清用户的真正需求呢?不去研究调查就编造借口,觉得你知道确切问题所在当然是很轻松的。但是你必须保持谦卑,机敏,通过客观的分析来得出结论。流行的分析软件挺多的,列举一些:Google Analyti...

    2018-03-02
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress