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

相关推荐

  • 一项来自建筑学科的提案:如何运用交互设计手段扩展难民儿童的社会互动空间 从零开始学交互

    一项来自建筑学科的提案:如何运用交互设计手段扩展难民儿童的社会互动空间

    目前在德国官方接纳的难民中,接近半数(注1)是儿童或者青少年,这个严峻的事实已经使得德国成为世界上接收未成年难民最多的国家。根据联邦移民和难民局(BAMF)的官方报告,超过23万儿童难民处于令人难以忍受的居…

    2017-08-02
  • App界面设计风格 交互设计

    App界面设计风格

    设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》

    2017-06-05
  • 人机交互的四次重大变革【UXRen译#166】

    作者:Frank Diana   |  翻译:Chen Jing,校审:Duke     早在2013年,随着智能手机的普及,我写了一篇文章《下一代用户体验Next Generation Experiences》。文章从动态变化的视角来审视用户体验,会发现忽略基础…

    交互专题 2017-08-07
  • 聊一聊常见的登录交互方式 交互设计

    聊一聊常见的登录交互方式

    现在市场上面的APP种类繁多,而登录注册的方式也有很多,下文就简单来分析一下各种登录的交互方式,谈谈自己对这些方式的见解。

    2017-05-26
  • 四步解说,搞定吸引人的移动端详情页设计 交互设计

    四步解说,搞定吸引人的移动端详情页设计

    本文依然是关于详情页设计,涉及到了排版/构图/色彩/氛围点缀/字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路,兴许对你们有用!enjoy~

    2017-08-04
  • 交互设计的进展及未来趋势 交互设计

    交互设计的进展及未来趋势

    作者:Terry Cao   2015-5-7 10:05am    发表于DESIGN & DEV      译者:小媛 作为一种无形的设计,交互设计一直以来都是UX中最难的。以往,用户会被简单的交互吸引,如一个意料不到的动画。但现在的动画效果已…

    2015-10-16
  • 微信热点

    用户体验设计过程方法论的演变

    “用户体验设计”这一概念,是由唐纳德·诺曼(Donald A. Norman)创造出来的。我之所以会发明这个术语,是因为我认为人机界面和可用性太窄了。我想涵盖人们体验系统的所有方面,包括工业设计图形,界面,物理交互和手册。从那个时候开始,这个术语开始广泛传播,以至于它失去了意义。——唐纳德·诺曼但到了 2016 年,唐纳德·诺曼开始对这一术语的滥用大肆批判,他在这段简短的YouTube视频中谈到了这一点。这些天,他说他是一个人民设计师(...

    2018-04-06
  • 译文 | 微交互:设计优秀app的秘密 交互设计

    译文 | 微交互:设计优秀app的秘密

    好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师,在设计微交互方案的时候不仅要考虑视觉上的冲击力,还要想办法赋予其信息传递的功能。

    2017-05-26
  • Apple Watch应用设计案例-QQ空间 IxD案例

    Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15
  • 巧用9大服装穿搭技巧,助你轻松搞定专题页设计! 交互设计

    巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

    到目前为止,我已经写了好几十篇关于Banner设计的文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也为什么我会在前面那么大篇幅讲Banner设计的原因咯)。

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

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