浅谈视觉设计与用户体验的统一.pdfVIP

浅谈视觉设计与用户体验的统一 Dribbble ，国内比较追捧的媒体。上面聚集了很多项 的视觉设计图 ，有的配色很漂亮 ，有 的表现手法很新颖 （一定程度上会激发我们灵感的火花 ），但我们在不了解设计场景、 标 的情况下是无法判断出这样的视觉设计是否最终解决了用户的问题。脱离业务场景的设计是 没有生命力的更谈不上产品体验、服务体验 ，只有视觉和体验统一起来才能更好的占有市场 ，设计才具备了商业价值。 一、什么是视觉设计 人所获得的信息近80%来自视觉 ，是一种官能。 随着时代的进步 ，视觉设计从传统行业走向互联网时代 ，环境的变迁使视觉设计的流行趋势经历了 从商业美术、工艺美术、印刷美术设计、装潢设计、平面设计、界面设计等几大阶段 ，从关注数觉 表现到关注视觉传达 ，生死点从展示手段到是否得到并留住用户。 视觉已然成为一种沟通现实与虚拟的媒介 当我们拿到一个app时 ，第一眼看到的是有形的视觉即界面 ，我们通过界面上的按钮和页面跳转完 成我们的操作 ，当它能够满足我们操作的时候 ，我们会说这个app还行 ，如果能很顺手或者超出预 期的完成我们想要的操作时 ，我们就会对app产生依赖。反之 ，我们会觉得这个app好烂 ，删掉、 再见。然而当我们对一个app不满时 ，我们一般会觉得app/产品不够好 ，而不是视觉不够漂亮。这 个时候视觉已然不是单纯的视觉 ，它背后承载了产品功能和数据逻辑。 好的视觉设计能够做到视觉传达与产品目标的统一 传统行业 ，当设计出来的一个水杯没有购买时 ，不能带来商业价值 ，这个水杯的设计就没有价值。 互联网行业 ，当一个app设计出来 ，没有能力去吸引用户或者留住用户 ，这个app的设计就是失败的 。想要赢就必须要了解用户 ，了解什么样的功能才能满足用户 ，这些功能要怎么样通过视觉正确效 率的传达给用户 ，至关重要。 要做出好设计 ，功能和视觉都要有 ，并且做到结合的唯一 才能走的更远。 举个简单的例子 ，t b购买流程中 ，如果通过视觉强化突出购买功能做到视觉传达和产品 标一致的 。醒 的橙色提交订单按钮一 了然。 但实际工作中往往过于强调设觉 ，而忽略了产品本身 ，这样很容易陷入炫技的误区。锤子设置语言 的设计就是一个很好的反例。对于设置语言这样一个非常少用到的功能 ，却用了如此明显的视觉表 现方式 ，致使整个界面的重心失衡 ，虽然对于切换语言这个问题的解决方案的处理还不错 ，但视觉 表现重心和产品重心不一致。 二、什么是用户体验 用户体验 ，UE/UX ，用户体验是一种纯主观的在用户使用一个产品 （服务 ）的过程中建立起来的心 理感受。 简单来说 ，产品体验是场景＋用户 ＋任务过程产生的 ，牵扯到内容、用户界面、操作流程、功能 设计、服务等多个方面的用户使用感觉。这也是一个产品成功的主要因素。 （来源于互联网 ） 互联网时代初期人们对用户体验的理解更倾向于产品体验 ，随着竞争激烈的日益加剧和产品差异化 越来越小 ，人们对体验的要求也越来越高 ，视觉设计也从单纯的满足产品需求上升到服务于用户设 计的高度 ，产品体验也更为广阔的上升到创新体验。比如为什么支付宝的生活圈和微信的朋友圈如 此之像 ，就是没人用呢 ？ 这里还是提一下 ，用户体验的5要素 ，视觉的比重20% ，而且越来越和业务、交互、体验融为一体 。界面一旦被功能串起来变产生了交互 ，在交互的过程中也就产生了体验。一个优秀的设计师就是 能够将界面、交互、体验融为一体去考虑 ，权衡布局、简化设计、清晰梳理判断整体页面结构 ，而 不是陷入一个单角色里不能自拔。 三、视觉设计为什么要与用户体验统一 好的设计总是能带来好的体验 ，默默无闻地为用户服务的 ，比如iO S键盘能够动态的调整触摸热区 ，使每个按键上下左右的间隙都成为了该按键的有效触碰面积 ，从而提高了输入精确度。这个设计 默默地每天为每一位用户服务着。 通过苹果键盘设计的案例 ，我们可以看出设计表现随着对模块功能设计 的的清晰而与体验越来越 统一。彻底解决了用户抱怨苹果键盘误操作严重的问题。 再看一个列表的案例 任何app中都少不了列表 ，设计师在设计列表的时候也是绞尽脑汁想设计的新颖独特一些 ，可以理 解漂亮的视觉在一定程度是可以讨好用户 ，但是是不是漂亮的视觉就可以留住用户呢 ？答案是否 定的。设计 的是为了带来更好的用户体验 ，而不是仅仅好看。 为什么要有列表 ？ 展示商品 ，实现转化 ，这是最终的商业 的。没有商业价值的设计是没有价值的。 展示商品是个重要