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

相关推荐

  • 交互设计

    【交互基础】你认为交互设计是什么?它是否有一个完整的定义?它的上升空间如何?交互设计又是如何应用的?

    交互学堂 微信号 IxDSchool 功能介绍: 从零开始学交互!国内最专业的交互设计学习内容资源。如需访问网站请百度搜索:交互学堂。 [alert_success]很多人问:你认为交互设计是什么?它是否有一个完整的定义?它的上…

    2016-02-19
  • 移动端下拉表单的更好选择 交互设计

    移动端下拉表单的更好选择

    在表单中使用下拉菜单看起来并不重要:它们在用户界面上占用的空间不大,它们自动验证输入,所有浏览器和平台都可以支持它们,它们实现起来容易且方便,用户知道它们的好。

    2017-04-28
  • 【译文】交互设计七大定律之席克定律(old) 交互设计

    交互设计七大定律之席克定律

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27
  • 2017年8个UI设计流行趋势,你需要知道 交互设计

    2017年8个UI设计流行趋势,你需要知道

    设计趋势变化的理由需要考虑各种各样的因素。让我们来一起看看2017年的设计流行趋势吧。

    2017-05-14
  • 微信热点

    交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21
  • 三个维度解析一个产品的交互设计 从零开始学交互

    三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • 微信热点

    用户体验 | 远大车用肺保一键清新,自由呼吸

    随着人们生活水平的不断提高,家用汽车已经成为大家的出门代步工具,开车上下班、旅游、走亲访友,基本上每天在车内都会呆上几个小时。汽车看似密闭的空气,但是由于交通的拥堵,车内空气不流通,空气质量越来越差,就会出现头晕、胸闷、咳嗽等症状,从这之后我也一直在关注着车载空气净化器设备。之前购买过一款车载净化器,但是效果不大,就一直在车内处于吃灰状态,今天我要和大家说的这款远大车用肺保FC3。是一款采用H13级别超大面积的PTFE超级过滤器,可以9...

    2018-02-02
  • 网站设计:单页还是多页好?别争了,看这里 交互设计

    网站设计:单页还是多页好?别争了,看这里

    当你的设计是为了追随时尚潮流,而不是为了满足用户的目标为目的,那你的设计就出现问题了。接下来,我们分析下单页面和多页面网页的UI设计,以便于做出更好的设计选择。

    2017-05-03
  • 设计一生要读的书汇总 交互设计

    设计一生要读的书汇总

    如果你是一名设计师,绝不要满足于从各个地方学来的小技巧,而忽略系统的学习。真正的设计高手,绝不仅是因为知道的招数比别人多,而是对 Photoshop和自我有深刻的、系统的认识。他们熟稔各种技巧,恰恰是因为他们…

    2017-03-08
  • 设计师你的创作工具如何让你的2016充满惊喜?Chapter 1

    IAMUE官方微博正在送书活动:点这里参加 搜@IAMUE 原标题:如何让你的2016充满惊喜?|Chapter 1                                                                                                             …

    交互设计 2016-02-20
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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