童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

视觉设计如何造就优秀的用户体验(UX)?

2月18日 先锋客投稿
  这篇文章中,我们来看看为什么人们更喜欢有吸引力的界面,它会说明我们作为人类,以及用户体验的从业者如何利用这些知识来创造更好的用户体验。
  唐纳德诺曼(DonaldNorman)在《情感化设计:我们为什么会喜欢(或讨厌)日常事物》(EmotionalDesign:WhyweLove(orHate)EverydayThings)一书中描述了一个他发现的研究“系统美学的好坏,会影响后续使用对美观和可用性的感受,但是实际上可用性没有这样的影响”,换言之,视觉设计对整个体验的影响与可用性一样。
  视觉设计可能比用户体验更重要这个想法,听起来好像不对,但是它不应该让我们感到诧异,人类被他们觉得美的事物所吸引。
  有研究表明:大人和小孩都更容易相信他们觉得有吸引力的人(morelikelytotrustsomeone)。相同的理论对应用程序和网站来说似乎同样如此:人们更容易暂时相信吸引人的应用所说的话。
  在这篇文章中,我们就来看看为什么人们更喜欢有吸引力的界面。它会说明我们作为人类,以及用户体验的从业者如何利用这些知识来创造更好的用户体验。
  何为吸引?
  在讨论UX中的美学之前,我们需要回答一个问题。什么意味着,这个事物存在客观的吸引力?
  从字面上看,这是划时代的问题,哲学家们可以追溯到毕达哥拉斯曾经问过什么是美,毕达哥拉斯的追随者认为“美是表现和谐,像数学上的黄金分割一样”。从此许多数学家、哲学家开始试图量化美。
  另一方面,伏尔泰认为,美是不可被界定的,这也许会引发“情人眼里出西施”这种说法。经验主义者遵循这种观念,把美类比于快乐,就像人看到美好的事物所表现出的样子
  有一些科学家认为:能让我们赏心悦目的是那些最有益于我们健康的事物。因此,疾病使得人们看起来“没有魅力”,像浆果之类对我们有益的东西,同样给我们视觉上的愉悦感。这个理论有很大的漏洞(想象下美丽的毒性青蛙),但理论本身也许有一定的优点。
  另外,一些人争论说美来源于社会和文化的倾向。事实上在美国,绝大多数孩子在很小的时候就看迪士尼电影,他们加深了女巫和恶人都长相丑陋,然而英雄和女主角都长相俊美的想法,然而远不止这些。
  如今,由于受我们周围媒体日益的影响,大量的时尚产品,美容美发趋势(facialhairtrends),甚至体型都被认为是有吸引力的;十年后,那些相同的趋势看起来可能会让人感到尴尬或不屑。随着文化倾向的变更,文化对美的定义也会跟着变化。
  我们将观点同理到用户体验设计中,或许因为我们将某些交互或者网站元素与可用性联系了起来,让我们感觉很有吸引力。同时,有很多网络趋势和视觉资源现在看起来很吸引人,但是几个月或几年过后就没那么大影响力了。
  例如:曾经有一段时间漫画字体成为了一种优选字体,还有就是动画启动页成为了精心设计的网站的一种象征。
  在用户体验设计中的视觉设计
  基于没有一个人的审美观是“完美的”的认知,我们现在可以深入研究视觉设计在用户体验设计中的所起的作用。毕竟,它不仅仅是使东西变得好看。
  usability。gov上将视觉设计定义(usability。govdefinesvisualdesign)为“战略性的实现图片、颜色、字体和其他元素”,目的是用来增强设计或交互,并吸引用户。
  视觉设计不同于交互设计,交互设计侧重于完成任务所需的功能性。视觉设计则是吸引用户,通过大小、颜色和留白的使用来引导用户注意到正确的功能和排列页面中事物的优先顺序,甚至是通过使用视觉线索增加品牌信任。
  在某些方面,视觉设计可以看做是平面设计和用户体验设计的结合(graphicdesignanduserexperiencedesign)。事先声明随着这些领域的不断发展,客观来说,平面设计通常是指静态的图片或视觉效果的设计。
  用户体验设计包含了交互设计和用户界面设计,所以注重交互。视觉设计正好位于中间,包含了以改善交互和可用性为目的而设计静态的图片和视觉效果。
  视觉设计实际上可以极大的改变用户看屏幕的方式(一语双关),用户甚至会期望从外观上吸引人的屏幕里获得:更好的功能性、更实用、更人性化。
  相关性
  谷歌的产品总监卢克弗罗布莱夫斯基(LukeWroblewski),曾经花费数年时间探索视觉设计和用户操作之间的相关性。在他2008年“论视觉层级”(CommunicatingwithVisualHierarchy)的报告中,卢克阐释了视觉设计在用户体验中的作用。他认为“视觉层级”2(VisualHierarchy)(即如何安置和突显屏幕上的项目)帮助我们:
  传达消息;
  指示操作;
  组织信息。
  紧接着卢克分享了许多技巧和建议,意图在于激励设计师们去思考他们应该在哪以及怎样显示信息。一个具备吸引力的视觉层级,同时也是可用的那个。
  然而七年至今,视觉设计在用户体验工作中的重要性仍然很少被提及。
  在StackExchange中(OveratStackExchange),讨论还在继续。
  某个用户指出:
  一方面研究表明,UI的样式是真的会影响到体验吗?通常,人们会通过封面判断书籍。
  另一方面提醒我们,如果视觉设计很重要,那么你如何解释微软(Microsoft)糟糕产品的惊人成功?我已经使用Outlook将近20年了,并且在我看来Outlook从来没有两次相同的界面(不,我不是一个傻子)并且它一直有很高的市场份额!
  这是什么意思?
  在旁观者眼里是漂亮的,有些用户觉得微软(Microsoft)很漂亮,或者视觉设计毕竟是一件好事,并不是一个碰运气的事儿,正如LuckeWroblewski所定义。
  一个StackExchange用户似乎要取得平衡:
  ”视觉设计影响整体用户体验的一个或多个方面,在帮助用户实现目标的过程中,它可能不一定是最重要的部分,但是必将与用户的感知有关。”
  当然,他补充到:
  “做好的或坏的视觉设计真能影响UX?我认为你将会同意答案是对的,但它以什么方式?这是一个很难回答的问题。”
  合理的假设一个视觉上有吸引力的网站,得到同等的好处就像是一个着装得体的人在一次会面中。收益是不用怀疑的,当用户来到一个没有吸引力的网站,如果他们有一个好的体验,他们仍然会高兴。
  然而,如果那是一个卡顿并没有吸引力的网站,用户可能会尽快离开。当一个网站有吸引力的时候(无论是以经典的方式还是现在流行的方式),用户本质上更相信它,并且准备给第二次机会。
  这对用户体验设计师意味着什么
  对于用户体验设计师来说,有两个主要的点。
  首先,不要仅仅依靠视觉设计来挽救一个糟糕的体验。最有吸引力的视觉效果,并不会修复对用户来说是错误的或结构不完善的特性或功能。
  其次,不要忽视视觉设计。我们都有竞争,视觉设计可以成为鼓励用户重视一个应用程序,而不是另一个同样可用的应用程序至关重要的竞争优势。
  来自UXPin的杰瑞曹(JCao)在CBloq和FCompany的文章,都为视觉设计提供了规则列表帮助。
  对于想入门的用户体验设计师来说,这是最好的选择:
  保持一致(Stayconsistent),不一致甚至会把最漂亮的设计变成丑陋的烂摊子,这是一个感觉引导视觉的领域。如果用户对网站感到困惑,那么这种感觉将会使网站在他们眼中显得丑陋。
  测试视觉概念和纸张原型(Testvisualconceptsaswellaspaperprototypes),正如杰瑞(Jerry)在CBloq上告诉我们的那样:“当人们上网时,他们说他们正在‘看’一个网站,而不是‘与之互动’,尽管后者更准确。”我们对视觉效果有强烈的反应,良好的品牌形象会影响我们对交互的信任和反应。
  不要被潮流左右(Don’tgetdistractedbytrends),黑色的小礼服在过去的100年里一直流行是有原因的。它很简单,它很干净,它很经典。同样的,一个简单、干净、经典的视觉设计会随着时间的推移以趋势无法预料的方式保持下去,例如:扁平化设计的某些方面很有可能会继续存在。总的来说,在之后的几年里很有可能会有很多应用程序看起来“那么的2015”。
  名词解释:
  1、视觉层级(VisualHierarchy):在二维平面上利用颜色的变化、符号的大小、线划的粗细对视觉的不同刺激而产生的远近不同层面的视觉效果。〔百度百科〕
  
  原文作者:MarliMesibov
投诉 评论 转载

9例UI设计规范模板本文先为大家整理了设计规范中的分类情况,UI设计规范有几大分类组成,分别是:Logo、标准色、字号、段落设置、图标、图片、间距、圆角值、大小、阴影、组件等。作为UI设计师……7个案例解析:复选框vs切换开关本文是在一些设计表单体验时,决定这两个控件之间的指导性原则和案例分享。7个表单设计案例:用户界面设计中的切换键和复选框表单提供了几个可以更轻松收集用户输入的控……如何打造金融核心链路的轻量级交互?文章介绍笔者在金融业务中总结的“轻量级交互”的思路和方法,主要体现在4个方面:减少操作步骤、降低操作难度、提升操作意愿、提高容错率,并介绍了如何切入探索期金融项目对业务的核心链……深度解析:APP界面设计中的隐喻在用户界面设计中,一些学者提出隐喻的概念为:将一个熟悉的非计算机领域的术语或概念,用于描述用户界面中的计算机功能和客体。目前许多软件产品在它们的界面设计中都大量使用隐喻,这种隐……APPUI结构:首页相关(上)今天想跟大家聊的是和首页相关的一些内容,内容很多,我给分成了上下两部,文章有点略长,还希望诸位拿出一点耐心能够看完,相信大家会有所收获,也不枉我辛苦码字一场。先来看一下整……从交互角度,理解如何从用户行为到产品目标?交互的本质是研究和设计用户行为,那交互设计师是如何通过用户行为的设计去满足产品的目标的呢。经常有人问起,交互设计是做什么的?面对这样一个问题,有时候很难回答。不是答……谈谈交互设计中的反馈设计相信大家都非常清楚设计中需考虑反馈,但反馈的即时性往往容易被人忽略,因为大家都觉得我的反馈已经够即时了。十二生肖在小船上游玩,它们轮流说笑话,如果不能把所有生肖逗笑,表演……视觉设计远不止“好看”这么简单好的设计往往能够根据产品的性格和特征来量身打造,而做到这一点却很难,能做到这一点的设计师同样比较稀少。我们需要明白的是,视觉设计远不止“好看”这么简单。设计师和理发师其实……如何利用微交互来增强用户体验设计?在用户体验设计中,微互动是一种积极与客户互动的方式,以一种令人愉快的方式。这些交互不仅指导用户,而且对他们正在完成的任务提供即时反馈,它们还提醒我们,它们不只是与机器打交道。……视觉设计如何造就优秀的用户体验(UX)?这篇文章中,我们来看看为什么人们更喜欢有吸引力的界面,它会说明我们作为人类,以及用户体验的从业者如何利用这些知识来创造更好的用户体验。唐纳德诺曼(DonaldNorman……经验之谈:如何思考和审查你的设计?在设计过程中,我们常常需要去思考和审查我们的设计是否是一个好的设计,在文章中,作者提供了一个去思考和审查设计稿的框架,这个框架不仅还能让设计思路更加清晰,可以弥补设计漏洞和逻辑……谈谈高级色彩《延禧攻略》的莫兰迪配色为什么高级?颜色的使用是否得当,其本质区别在于如何在不同的使用场景下对品牌、产品或者用户使用体验产生正面的影响,传达出正确的品牌价值观。最近有部宫斗剧播一半就火了,没错,是《延禧攻略……
有关重置密码的设计,我从Apple学到的以及要吐槽的图片也要“高颜值”,但它们不只是美丽的像素块互联网电商平台个性化智能推荐系统设计难在哪里你写的PRD开发看了吗?Facebook为什么会选择蓝色?唯物Facebook如何改造点赞按钮“企业一定要做电商”是个伪命题Twitter的这种信息分类技术,在社交媒体中怎么用最有效?修改手机号之前,我把手机里的APP的修改手机流程都跑了一遍6个方法,找到定位用户核心需求如何进行产品的功能设计?从成本、用户和产品说起,PC端和移动端有哪些区别?女人心内衣秋冬新品火热上市辛勤的园丁作文500字家长要注意让孩子远离铅中毒不会忘记歌词不会忘记歌词全文皇子全部被勒死,忠臣被杀后扔入黄河,唐朝灭亡时有多惨?2015高考满分及优秀作文赏析(浙江卷)遗失的童真同学情天赋有多重要?中国足球不从民间选队员的根本原因是什么如何塑造圆润丰满的美胸最新的励志人生格言座右铭怎么追水瓶座女生水瓶女喜欢什么样的男生有关写感恩母校的作文700字集合八篇

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界