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

相关推荐

  • 微信热点

    “创造完美的用户体验。” 中国最当红工业设计师 —— 杨明洁

    Designer100是+86设计共享平台推出的中国高端设计师第一推广品牌,致力于设计师推广的全球巡展、设计师大奖、视频计划、沙龙论坛的社会公益项目。杨明洁YANG DESIGN及羊舍创始人福布斯中国最具影响力设计师同济大学及南京大学客座教授融合了德意志逻辑思维与中国人文精神的设计理念,也使得杨明洁成为了包括波音、奥迪、宝马、博世、飞利浦、英菲尼迪、可口可乐等众多国际顶尖品牌的合作伙伴,从眼镜箱包到飞机内舱,从消费电子到交通工具,从茶具...

    2018-02-26
  • 交互设计

    澳洲科学家完成时间旅行模拟

    2009 年 6 月 28 号,世界闻名的物理学家史蒂芬霍金在剑桥举办了一场趴体,香槟美酒应有尽有。霍金邀请了每一个人却无人出席。对此,霍金并不意外,因为他在趴体结束后才寄出邀请函。他说,那是 " 对未来时间旅行者…

    2014-09-05
  • 初级交互设计师的自省:基础知识能力很重要 交互设计

    初级交互设计师的自省:基础知识能力很重要

    在交互设计师参与的各个阶段都会有不同的挑战和着重的考察点,希望大家都能打好基础,不要让基础的知识能力的欠缺影响甚至阻碍我们综合设计能力提升。

    2017-05-16
  • Android VS iOS:多数PM忽视的5个交互设计 交互设计

    Android VS iOS:多数PM忽视的5个交互设计

    本文简单介绍了5个Android和iOS设计不同的地方,可以说大部分PM都可能会忽视这些细节。不是大盘点,只是作为思考的引子。

    2017-04-30
  • APPLE WATCH 中文手册:通知--有关通知的一些要点 交互设计

    APPLE WATCH 中文手册:通知--有关通知的一些要点

    如果您的 iOS 应用支持本地或远程通知,Apple Watch 也会同步显示这些通知。当某个应用的本地或远程通知抵达用户的 iPhone 后,iOS 将会自行判断显示该通知的设备(iPhone 还是 Apple Watch)。对于发送到 Apple Wa…

    2015-06-15
  • 设计师如何使用用户研究优化A/B测试

    作者:Jennifer Cardello; 编译:霍诗雨@ 点融黑帮   一、A/B 分类测试 A/B分类测试使得网站可以通过比较同一网页的不同设计,来决定其中哪些设计将产生最好的结果。在A/B测试中用到的指标是微观和宏观的转化率。 …

    交互专题 2017-08-07
  • 一份全面系统的渐变色自学指南 交互设计

    一份全面系统的渐变色自学指南

    踏入新创科技业以来,总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽(糟糕),要码是设计师常常抱怨工程师没有 美感,不重视设计细节,或是连Guideline都不读完就来跟我讲该怎样设计( → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完,这是基本啊!!基本啊!!在线已经有满坑满谷的翻译文章啰,所以别再拿看不懂英文当借口啰);另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家,把写程序当成写国字(Framer会红的原因?!)或是总是有着过于天马行空的设计想法。

    2017-05-22
  • IxD案例

    阿里巴巴技术架构首次曝光 | 站在双11的肩膀上看阿里云企业级互联网架构

    2015天猫双11全球狂欢节以912.17亿元的答卷完美收官。 双11当天14万笔/秒的交易创建峰值和8.6万笔/秒的支付峰值双双刷新了世界纪录,相比首届双11,订单创建峰值增长了350倍,支付峰值增长了430倍。 天量数字的背后…

    2015-11-18
  • 微信热点

    Axure教程:实现类网易云音乐APP播放效果

    整体效果截图首页:视频播放:我的音乐:朋友:音乐识别:音乐播放:实现本原型实际效果可以在预览地址查看,本文将重点讲述播放器界面的实现过程。1.原型共有11个独立页面:依次为:首页,排行榜,FM,视频,我的,朋友,账号,音乐识别,音乐播放,每日推荐,歌单页面。2.音乐识别界面效果实现分析:1.音乐识别效果由首页左上角麦克风图标点击后触发,进入识别页面时开始识别同时效果自动开始。由于音乐识别和首页分别在两个不同页面,所以可以考虑通过全局变量...

    2018-03-24
  • 线上广告更加吸引人的5个思路 交互设计

    线上广告更加吸引人的5个思路

    今天说讲述的5个思路是不同的,内容决定设计,留白,故事都和这种填鸭式的广告不是一个路子。而线上广告和传统广告最大的不同在于,它可以创造体验。

    2017-05-04
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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