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

撇开设计师的视角,普通用户是如何看待设计细节的?

Catherine • 2017-05-13 13:56 • 交互设计

做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁

文章目录[隐藏]

  • 排版与字体
  • 色彩
  • 按钮
  • 极简主义
  • 高清大图
  • 关于品牌
  • 关于可用性
  • 结语

做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~

撇开设计师的视角,普通用户是如何看待设计细节的?

设计师对于自己的网站以及APP产品的视角,和用户往往非常的不一样。设计师看到的常常是设计趋势、排版、细节,但是普通用户的关注点则完全不同。

我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁

用户更在意的是他们能否快速理解他们的交互对象。至于APP或者网站是如何运作运作的,它们是否让人愉悦,往往被用户所忽略。这是一个相当残酷的现实。

排版与字体

撇开设计师的视角,普通用户是如何看待设计细节的?

对于字体和排版,设计师通常非常着迷。漂亮的字母,柔美的轮廓,充满魅力的衬线,等等等等。

可悲的地方在于,用户根本不知道Helvetica 和 Arial,很少能分辨出两者的区别,谈及字体,他们更在意的是,这些内容能识别,能读么?

但是,用户的这种诉求并不意味着设计师在字体和排版设计上可以松懈,相反你需要更加在意它们。你需要通过设计勾起用户的兴趣,确保每个段落和标题都具备良好的可读性,而不需要用户费神去识别。

你的工作是确保内容的清晰,为用户提供良好的阅读体验,从字体的选取到行间距、字间距的调整,让用户在不知不觉间享受阅读的愉悦感。虽然用户很难说清楚排版有何突出之处,但是一旦出现任何设计缺陷,他们往往能够感知到。

色彩

撇开设计师的视角,普通用户是如何看待设计细节的?

绝大多数的用户并不会如你期望的那样那么在意色彩。设计师可能会在拾色器当中仔细对比三种蓝色的差别,但是对于用户而言,他们根本不会在意这些差别。

但是当色彩从蓝色骤变为黄色的时候,用户会注意到。所以,跟用户谈及色彩的时候,色调的大幅转变更容易引起他们的注意。

其实色彩感知本身就不是一个简单的事情。所以当你需要借助色彩传递情绪和情感的时候,只有一个模糊的、大概的方向,并且你还要照顾到色弱和色盲的用户群体,采用安全的色彩。

按钮

撇开设计师的视角,普通用户是如何看待设计细节的?

幽灵按钮是这几年一直都非常流行的按钮设计,但是幽灵按钮对于普通用户而言有一个致命的缺陷:用户在交互时常常会忽略它们。它和背景的对比度不够,可见性较低。

虽然随着时间的变化,幽灵按钮的接受度有所提高,但是它所存在的问题依然没有本质上的改善。这些时尚的设计元素和用户的预期有差异,这样的差异可能会导致转化率的损失。

而表单、按钮、链接这些涉及行为召唤的UI元素应该显而易见,遵循常见的用户模式,这样才更有效。用户的注意力大多时候是分散的,很少能够坚持不懈地“学习”一个非常规的设计。让你的设计对普通用户更友好一点吧。

极简主义

撇开设计师的视角,普通用户是如何看待设计细节的?

极简风是目前设计师最喜欢的风格之一,这个你得承认。

虽然许多用户确实很欣赏极简主义的设计风格,但是同样也从中感受到了强烈的单调与荒芜感。“那么网站的内容都在哪里呢?”这是用户常常会问到的事情。

尤其是在你设计的早期阶段,你常常会看到这样的反馈,这是一个不容易克服的困难。用户总会希望你在设计中加入更多的内容——图片、色彩以及更多的文本。

所以,最好在开放的设计空间和线条之间寻求一个平衡点,也许最后结果不是那么极简,但是可能对于客户和用户而言,会更容易接受。

高清大图

撇开设计师的视角,普通用户是如何看待设计细节的?

一个覆盖屏幕、有趣的高清大图,确实能够吸引用户的注意力,用户有时候并不承认这一点。

但是根据用报纸、杂志等平媒多年的经验,高清大图,视频和插画确实更能引人注意,而小的元素通常难以给予用户以持久的印象。所以,当你采取这样的设计之时,应当将你的想法灌输给你的客户。

你应当弄明白你的设计应该给予用户什么样的第一印象,帮助他们解决什么问题,他们想要什么东西,答案都在这些问题里面。

关于品牌

撇开设计师的视角,普通用户是如何看待设计细节的?

实际上,用户日常接触的品牌非常多,用户对于品牌的了解远超他们自己的想象。也许某个品牌重新设计了自己的VI,字体和LOGO色彩的变化之后,用户说不明白,但是会感知到。

所以,建立了品牌标识之后,任何改变对于用户而言都会带来混乱和迷惑,这就是为什么要遵循既定的规则来构建品牌视觉。如果你的品牌没有品牌风格指南,那么现在是时候开放一套了。

关于可用性

撇开设计师的视角,普通用户是如何看待设计细节的?

你的产品是否可用,用户很少会去关注其中的原理,如果它是可用的,那么他们会继续使用;如果可用性不强,那么他们会放弃使用,转向其他的同类产品。

所以,你应该领先于你的客户,尽量避免不可用的状况。一个好的用户测试计划能够很好的帮助你的产品。更重要的是,你的产品设计应当遵循那些最基本的设计规范,符合色彩理论,跟随用户模式,参考排版规则,甚至同类网站的访问和交互的规律。

结语

需要考虑的问题其实很多。也许你的初衷只是设计一些看起来还不错的东西,但是这不够。好的一面在于,绝大多数的用户都符合典型用户的特征,许多问题都有现成的解决方案。

 

原文地址:designshack

原文作者:CARRIE COUSINS

译文来自:优设

译者:@陈子木

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

logoPSUIUX交互交互设计产品产品经理产品设计字体极简主义理论用户用户体验经验视觉设计设计师设计规范译文转化率
赞 (0)
CatherineCatherine
0
生成海报
当卡片式UI不再流行,列表式UI将是王牌
上一篇 2017-05-13 12:55
帮你梳理:卡片式UI的设计最佳实践
下一篇 2017-05-13 14:58

相关推荐

  • 微信热点

    清华美院交互设计考研相关问答

    分享考研资料集:你的问题我来答!一考研资料福利贴这是新蕾北京公众号第001篇资料帖今天分享的是清美交互设计考研相关资料汇总针对此专业考研相关问题我们一一作出解答01进入通道报考清华大学美术学院交互设计研究生,可以报考两个方向,一个是信息艺术系的交叉学科硕士的交互设计方向,另外一个是信息艺术设计系的信息艺术设计的普通硕士,但是他们的考试内容有较大差异,进校后都可以学习交互设计,导师组基本相同,由于近年来大部分招生名额倾向于交叉学科,本文重...

    2018-04-28
  • 微信热点

    一款运动类APP的产品交互设计全过程(两万字干货)

    这次的分享是前不久完成的一次比较完整的交互设计工作,基本上涵盖了前、中、后期的完整流程,包括前期的定位分析、用户调研、业务需求分析、目标用户画像、用户需求分析、关键因素分解、路径分析,完整的交互设计文档,以及后期的可用性测试,希望对需求分析、交互设计或可用性测试感兴趣的朋友们有用。1第一卷 需求分析1概述1.1 产品目标以运动为主题,选定某一种运动形式,完成一款 APP 产品的交互设计,内容集中在统计和分享运动量方面。1.2 关键词分解...

    2018-01-31
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05
  • 科技每日早报20180507

    60秒读懂世界!1、深圳地铁“扫码过闸”将于5月8日正式上线:终于不用买实体票了; 2、特朗普重申支持拥枪 美国控枪人士:为换取选票; 3、中国要求美航企不得将港澳台标为"国家" 白宫横加指责:反对中国威胁与胁迫美…

    交互设计 2018-05-07
  • 【搞笑篇与交互无关】哈士奇究竟是怎样的“神犬”? 交互设计

    【搞笑篇与交互无关】哈士奇究竟是怎样的“神犬”?

    哈士奇一辈子不认识主人,它们可能会觉得你有点特殊,但是它们也不会细琢磨,毕竟它们被智商局限的死死的。 养哈士奇永远不要撒手,它们也不是逃走,只是傻,要跑出去玩几个小时才会发现"矮马!我家呢? 求求你别再…

    2015-04-19
  • 微信热点

    U+敏捷研发体系

    “研发是一项创造性的工作,卓有成效的研发需要优秀的研发团队来完成,优越的研发流程始终能够发现最佳的机遇,推出有竞争力的产品和服务,并以最快的速度把这些研发成果投入市场。”△ △ △ U+敏捷研发体系流程 △ △ △需求分析1研发体系中的第一个环节,这一阶段要求需求分析人员针对待开发软件提供完整、清晰、具体的要求,确定软件必须实现哪些任务。其中包含的敏捷建模,要求需求分析人员对现实问题的抽象想法构画出草图,以规避需求的不合理等问题。原型设...

    2018-03-30
  • 移动UX设计:如何设计好一条推送通知 交互设计

    移动UX设计:如何设计好一条推送通知

    你注意过么,每天从不同的 App 上收到的大量的推送通知与提醒,这些通知里有多少你真的有兴趣?

    2017-05-24
  • 探讨:对话式交互会成为未来主流的交互方式吗? 交互设计

    探讨:对话式交互会成为未来主流的交互方式吗?

    本文详细分析了对话式交互的优缺点和应用场景,适合产品经理、UI设计师和交互设计师来阅读。

    2017-05-07
  • 微交互的设计案例与思考(下篇) 交互设计

    微交互的设计案例与思考(下篇)

    在上篇中,我们聚焦产品中的用户流程行为,讨论为减少用户操作负担和优化等待而做的交互设计;在中篇中,我们从人的主观感受出发,讨论产品的礼仪和为舒适而做的交互设计;在本篇中,我们将讨论人的感知和目标,探究那些”人们其实已经知道,却没有被发现“,但伟大产品为此做的动人细节。

    2017-04-30
  • 交互专题

    2016年最值得关注的16个网页设计趋势

    设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都…

    2015-12-23
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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