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

相关推荐

  • 聊聊动态效果在体验设计中的应用 交互设计

    聊聊动态效果在体验设计中的应用

    首先,为什么要动?可能你会想到以下几条理由:呵呵,你要这么想就完了。

    2017-05-22
  • 干货!如何做一个让人闻风丧胆的Html5页面 交互设计

    干货!如何做一个让人闻风丧胆的Html5页面

    Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

    2017-06-03
  • 微信热点

    “桥”的创想——中安创谷“创业者之桥”设计全球征集于中科大正式启动

    📌 编辑 | P.S3月15日,中安创谷创业者之桥设计全球征集启动会于中国科学技术大学西区成功举办。标志着全球征集活动正式启动。来自中国科学技术大学、合肥工业大学、安徽大学、安徽建筑大学的师生、本地孵化机构负责人、创业团队、媒体代表等近200人参加了启动会。中安创谷科技园是中国当下以“众创空间、孵化器、加速器、产业基地和基金集群”为主要业态的科技园代表之一,“创业者之桥”作为连接一期、二期园区的重要纽带,对园区的整体性及交通流线起着重要...

    2018-03-17
  • 微信春晚摇一摇项目经验总结 交互设计

    微信春晚摇一摇项目经验总结

    [关键词一:用产品说话] 春晚,虽然每年收视率逐渐下降,但是30%的收视率相对于其他晚会或电视剧的1-2%的收视率,依然是电视界的霸主。倚靠这个媒体,微信要做什么?打硬广?植入软广?都不是。用电视行业的话说…

    2015-02-28
  • 声明:关于微信号"交互设计学堂 ID: jhsjxt"中的收费课程与本网站没有关系 交互设计

    声明:关于微信号"交互设计学堂 ID: jhsjxt"中的收费课程与本网站没有关系

    现在赚钱真容易,随便抄点内容可以开班授课了。

    2016-11-03
  • 一篇文章读懂用户体验(下) 交互设计

    一篇文章读懂用户体验(下)

    前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章节逐渐整理发出,希望能对行业尽一份绵薄之力,同时也作为一种仪式,好让自己重新出发。举个栗子:假设我是个潮人,同时我也是个医生,那我就有两个角色。如果给我设计一款音乐播放器,应该给我一款酷炫的,我会喜欢。但当我坐在办公桌边,给病患开药的时候,我电脑的开药软件需要很酷炫吗?我一边摇晃脑袋踩着节奏,看着充满特效的界面开出来的药,你敢吃吗?所以医院的软件需要简洁,保证开药的准确度。(然而需要强烈的视觉表达情绪的设计例外)。

    2017-06-01
  • 交互设计延伸阅读:格式塔心理学5项法则的学习与思考

    格式塔心理学5项法则的学习与思考 最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非…

    交互设计WiKi 2015-08-27
  • 微信热点

    用格式塔原理增强用户体验

    来源:简书用户 cherri二哈(授权发布)心理学和设计包与用户体验密不可分。每当我们的目标是解决需求的时候,我们的专业就需要有同理心。随着我继续深入研究心理学进入设计领域时,我偶然发现了格式塔原则。什么是格式塔原则?格式塔心理学是一种将人的思想和行为视为一个整体的思维学派。当试图理解我们周围的世界时,格式塔心理学建议我们不要只关注每一个小部分。相反,我们的头脑倾向于将对象视为更大整体的一部分,并将其视为更复杂的系统元素。这个心理学院在...

    2018-04-11
  • 交互设计

    Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • 4款视频app交互设计浅析 交互设计

    4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

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

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