视觉设计:重在视觉表现上,提高产品的用户体验

对于一个优秀的产品来说,视觉设计是重要的组成部分。译者注:有时候设计师会先收集一些图片文字之类的东西弄出一个合集,作为设计的参考和灵感来源,这类东西叫做moodboard。具体介绍可参考:点击查看


对于一个优秀的产品来说,视觉设计是重要的组成部分。

视觉设计:重在视觉表现上,提高产品的用户体验

视觉在整个设计流程中是一个两极分化的一环,它常被认为是对设计进行多余的雕琢,只不过是为了取悦老板们的糖衣炮弹。又或者,通常对于初级设计师,他们甚至认为视觉设计是伟大设计的终极目标:如果看上去很华丽,那就是好设计,如果看上去很丑,那用户肯定不会喜欢。

然而,视觉设计既不是一个无关紧要的部分,也不是一个作为衡量一个好设计的终极目标。视觉设计是通过特定设计的插画和图形去传达信息的一种手法,有意思的排版,让人共鸣的图标,有说服力的颜色,舒服的间距和布局,还有很多其他的“小却重要的细节”。

视觉设计是着力于视觉表现上来提高产品的用户体验。在概念上来说,这是非常简单的一件事,但是为什么我们不愿意在视觉设计上花那么多精力呢?然后谁应该在这个过程中参与进来?此外,我们应该从什么时候开始?现在就让我们从“为什么”开始,再从何时开始,以及如何开始进行阐述。

为什么视觉设计很重要

视觉设计的重要性源自方方面面。首先最显而易见的是,你的视觉设计决定了用户在使用产品时对其产生的第一印象。研究表明,用户只需要 50ms即可对一个产品产生第一判断。也许有些令人吃惊,然而,事实是视觉设计不仅是用户对产品的第一印象,甚至它可以被认为是对产品最重要的印象。

消费者研究发现,用户在看到网站时,视觉呈现比起其网站内容更加影响网站的可信度。此外,视觉设计是设计师建立品牌形象最重要的渠道。一个好的信息架构当然是重要的,但它却不能像精心考虑、非常聪明的视觉设计那样传达“星球大战”或者“Huggies”(译者注:Huggies 是一个婴儿尿不湿的品牌 )要传达的东西。

视觉设计:重在视觉表现上,提高产品的用户体验

案例一:多邻国网站(著名的语言学习类的网站),他的视觉设计向人传达了亲切、积极、可靠的的感觉。

视觉设计:重在视觉表现上,提高产品的用户体验

案例二:Galbally & O’Bryan’s 首页(律师事务所),作为一个坚持高质量且有一定声誉的法律机构。它的视觉设计是干净利落、优雅且高度专业的。想象一下要是与案例一的视觉系统交换一下,将会带来什么影响?

还有一个支持视觉设计重要性的现实原因。尽管做出一套糟糕的视觉设计可能是一个设计师在工作中犯的最不起眼的错误,然而这个错误却可能是最容易被人察觉的 。让我们从相反的角度想:如果用户感觉一个产品“土”,那么无论怎么讲,这个产品就是“土”的。用户不喜欢,就不太可能去买。仅管叫我万恶的资本家,但是我觉得这是非常重要的。(顺便说一下,我就是万恶的资本家)

视觉设计:重在视觉表现上,提高产品的用户体验

案例三:这个美国联合保健的网站的视觉设计真的有鼓励你去相信他们和你的医疗和财政信息?

基本上,你产品的样子将会是用户第一件重视的事情,这个一个非常容易抓住的点,我们要好好把握。

由谁来做

我们已经说明了视觉设计是设计过程中非常重要的一部分。此外,我们也非常同意设计作为一个过程,当东西完成时,不管是好的方面还是坏的方面,都是团队里每个成员的的成果。那么从这个逻辑上看来,视觉设计也能被任何一个人所影响。

然而,从某种程度来说,视觉设计是相比其他更有专业化元素的活儿。它需要更多的技巧——如何把自己的创意实现出来——像PS和Sketch这样的工具可是一点也不简单的,正因如此,让专业的设计师来做可能会比让普通人来做更好一些。视觉设计师使用的工具和技巧并不是很直观的,让那些非设计人员来做效率也不会高,我们可能会讨厌(就像在喝蛋黄酱和葡萄汁混在一起的饮料那样的讨厌)人们说设计师仅仅只是让东西做的更加好看,但是在视觉设计领域,我们并不会像平时那样显得无足轻重。

视觉设计:重在视觉表现上,提高产品的用户体验

案例四:对于普通大众来说Photoshop就像希腊神话一样遥不可及。

何时进行

视觉设计在什么时候很重要?一直。我们已经谈过这个。我们需要注意的是,无论是优雅的还是“联邦政府”似的设计,每个产品开发的整个生命周期都需要让设计参与进来。视觉设计也是设计的一部分,因此视觉设计应该从产品开发的第一天就参与进来,直到最终完成。

话虽如此,我们依然需要知道的是视觉设计在工作流程中是需要在后面才开始进行的,老实说,这样做才是明智的,因为:

  1. 视觉设计的交付物感觉永远也做不完,要做到像素级的完美是非常花费时间的。而且,当需要迭代和转变产品方向时,它的速度也完全没法和线框图阶段比,甚至没法和原型阶段比。
  2. 视觉设计是一个很巨大的部分,我们称之为“个性设计”。产品的个性将很大一部分影响该产品的视觉设计,然而从迭代和视觉设计都是一个非常花费精力的过程,一些精明的设计师将会节省在视觉设计这个过程中的产出直到产品开始有自己的框架结构。

怎样进行

这个执行的过程应该是经过认真的思考然后再去做的,在所有伟大的设计中,视觉设计几乎很少是偶然迸发出来的。然而在这里我也并没有时间去告诉你怎样去用PS或Sketch,和一些排版布局的规则与色彩理论。我会给你几个在设计过程中一点应该注意的地方,他们可能可以引导你做出一些好的视觉设计:

1. 搞清楚你面对的情况

尽可能早地从你的客户那里搞到他们的设计规范(style guides)或者品牌规范(brand guidelines),别浪费时间去做那些最后注定要返工的东西(连那些简单的视觉情绪版“moodboards”都不要去弄)。如果有的话甚至应该第一天就去问客户要这些东西,现在去要总不会比干了几个月再去要这些东西更难。

译者注:有时候设计师会先收集一些图片文字之类的东西弄出一个合集,作为设计的参考和灵感来源,这类东西叫做moodboard。具体介绍可参考:点击查看

2、找出你是在为谁设计

我知道你一直是这样做的,因为你是个优秀的设计师,优秀的设计师从来不会跳过产品设计的调研部分。所以提早了解了他们利益相关者和用户就可以在接下来的设计过程中知道怎样才可以博取他们的眼球。

3、提早的开始你的视觉设计

收集情绪板,建立出产品的个性,甚至是记下一些形容词,这些东西将成为你在后面再为产品进行视觉设计的基础。确保这些调研中得同时确保他们和客户的品牌保持一致(如果他们存在的话)保持一致,确保不在最后关头再来处理这事。

4、帮助客户理解你的视觉设计成果

视觉设计产出,是一个非常缓慢的过程,不要浪费时间和你客户的钱,去建立更多有需要的东西。搭建一个或多个原型,尽快开始编程实现(或是实物产品,如果你搞的定的话) 。告诉客户这些事临时的内部用的测试版本,真实的视觉效果已经在产品开发过程中了,而不是仅仅存在于PS的源文件里。

5、准备好为何如此设计的理由

还记得我们谈过研究阶段?在这个地方理解利益相关者,用户,市场将会派上用场。记住你的行为要像一个专业的设计师。如果你选择黄绿色作为按钮,那么黄绿色一定是这个按钮的最佳选择。 如果这仅仅是你的直觉,并没有什么理由,那么为它找到一个理由,如果这找不到任何可以支撑的理由,先想想你这么设计是否是对的,如果你确定是对的而且找不到任何理由的话,编一个吧,编的好点。

总结

视觉并不是设计的全部,但是他是优秀产品不可或缺的一部分。它传达了很多会让用户觉得舒适、迷人、令人满意的感受。可以让自己有目的性的早点开始构思这个过程。这能让你在设计的过程中保证质量,并且,可以提前准备好产品的发展方向。要将这些都做好,还有很长的路要走,那么上路吧!

 

原文作者:David Rhyne, Why Visual Design Is More Than Meets the Eye.

原文地址:https://uxmag.com/articles/why-visual-design-is-more-than-meets-the-eye

译者:Esic

本文由 @ Esic 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-13 02:27
下一篇 2017-05-13 04:39

相关推荐

  • 关于交互设计细节,这里一个Case 就是 Pinterest的APP端,我们一起解读一下吧。

    Pinterest有着极棒的交互设计细节,同时,它构建的交流平台有十分丰富的设计作品。要知道,绝佳的设计能吸引新用户去更好的体验产品。 Pinterest是我经常使用的一个App,在我同时关注的好几个有关于UI和UX设计平台…

    2015-01-26
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 【交互】做上进的设计师,交互设计大趋势!

    一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出在移动产品中会被广泛应用的十大交互设计趋势。希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验。|…

    2017-08-01
  • 创先争优|张迪:创业艰难,但梦想会让你永远保有对生活的热爱

    争先创优为全面贯彻党的教育方针,鼓励研究生勤奋学习、自强不息、积极实践、勇于创新,促进优良校风学风建设,培养德、智、体全面发展的高层次复合型人才,学校结合实际,研工部于2017年10月-11月组织开展了重庆大学2016至2017学年度研究生“争先创优”评选。为响应学校号召,UMD研究生网络文化工作室根据工作安排,特推出重庆大学“争先创优”优秀研究生人物志系列活动,从中挑选一批先进研究生代表,通过微博、微信、网站、电子显示屏等网络宣传平台...

    2018-03-01
  • 如何改版一个3亿用户的神奇网站

     #交互学堂#十年后的今天,随着58的业务越来越壮大以及一些创新产品的加入,单纯的形式越来越难以承载业务含义,统一的样式也越来越难很好地满足用户的需求。  为什么要改版 58同城自2005年创立以来在APP、M、PC主…

    2016-11-03
  • 掌握这10招,再也不愁公众号涨粉了!

    都说现在运营公众号非常难涨粉非常难别担心今天介绍10种强大的运营工具/技巧给你帮你解决下面这些问题帐号涨粉、爆文技巧、文章排版图片设计、数据监测、海报营销1运营公举小磊磊免费学习新媒体运营知识年收入上百万的全栈新媒体运营,全平台有10万新媒体运营关注,成百上千个自媒体大佬都是他的粉丝。公众号上有180万字的原创运营知识,教你写文章、涨粉、赚钱、提升运营能力。并且把新媒体知识梳理成了标准化的知识体系,让所有人都能免费学会公众号运营。长按识...

    2018-04-03
  • 用户体验地图(User Experience Map)制作过程中的一些误区

    作为一种新的产品设计以及用户体验设计工具,User Experience Map(用户体验地图)已经被越来越多的产品经理以及设计师们所接受;确实,在产品策略、功能设计、用户服务等一系列产品发展过程中,用户体验地图的建立可以直观的呈现用户在每一个目标任务下的行为、情感、思考过程,有效的为产品工作者提供各方面的信息。然而作为一种新的工具,铺天盖地的方法论将产品工作者淹没在前进的路上。大家都热衷于建立一个这样庞大而系统的“图片”,都不约而同的将注意力放在如何产出这个Map上,甚至是依葫芦画瓢根据国外的产出物反推这个东西是怎么制作出来的。基于这种现状大多产出的Map都会“徒劳无功”,着急产出的同时你已经忽略了很多原则性的东西。下面我们就从以下几个方面来聊一聊这个过程中容易进入的误区;

    2017-05-26
  • 选择爱情与用户体验

    用计算机思维的视角来看爱情和用户体验。一、做结婚教练的互联网产品经理最近发现一个心理咨询师现在转型做了一个结婚教练。她是我的一个心理咨询师朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。那么这个结婚教练以前是干什么的呢?她以前也是做过一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何...

    2018-02-03
  • 用户至上——何为用户体验

    在这边学习笔记中,主要将讲用户体验是什么、UCD的设计原则、设计原则在项目中的应用和市场、商业、用户不同需求的区分这四个方面。第一:何为用户体验用户体验设计协会将用户体验定义为“用户与产品、服务和系统交互过程中感知到的全部要素。用户体验设计包含构成界面的全部要素,例如页面布局、视觉设计、文字、品牌、声音和交互等。可用性工程协调各个要素之间的关系,并为用户提供最佳的交互体验。”另一个虽然可能不是最佳答案,但是简单有效的回答——就是让技术变...

    2018-04-24
  • 在交互稿完成前,记得开一场需求评审会

    需求评审会是交互稿完成之前,最为重要、参与成员最多的一次会议。

    2017-05-11