一名UI设计师眼中的用户体验

一名UI设计师眼中的用户体验

 

         最近在面试寻找设计方面的工作，因我的职业规划偏向于视觉、用户体验方面。在面试过程中，大部分的面试官都会问我：你怎么看待用户体验？

         一直以来，我对用户体验和交互设计有点概念模糊，都是关乎产品好用、易用的两个点，到底有什么不同或关联？视觉设计又在其中扮演怎样的角色？这三者之间剪不断理还乱的复杂关系，经常被业界专业人士比对、挤兑。那么，今天，我仅代表我自己，以视觉设计的角度，也来梳理一下。

        首先，我要从概念和定义去做一下理解和分析。

         视觉设计

       视觉设计是针对眼睛官能的主观形式的表现手段和结果。相对于web产品来说，我的理解是，视觉设计就是设计师用主观的创意或想法，用图形、文字等元素，用艺术的表现手法，设计并呈现出产品需求的表达方式。美观、可视性是它被评判的常用标准。当然，产品的视觉设计，要建立在有意义的需求提供，合理的交互设计之上。

        交互设计

        根据百科上的词条定义，交互设计是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。我的理解是，交互设计要做的工作，就是怎样把产品经理提出的需求进行二次的加工和整理，结合产品装载的硬件环境、使用情景、用户行为习惯等综合因素，有条理的进行分析和理解，能使用户快速、有效的达成目标任务的方法。可用、易用是交互设计的评判标准，但这要建立在严谨的任务逻辑、合理的信息架构之上。比如，某些产品为了达到安全的目的，可能会使操作步骤复杂化，但这是有必要的。

 

         用户体验

         用户体验（User Experience，简称UE）是一种纯主观在用户使用产品过程中建立起来的感受。我之前的邮件签名是用户体验设计师，但我现在却认为，用户体验本身是不能被设计出来的，体验是一个动词，用户体验产生的结果是其主观的心理感受，而我们每一个人因为对事物的认知差异，所以，所感受到的结果，也是有所偏差的。一个有着良好用户体验的产品，应该是用交互和视觉的设计等方法，尽可能的减小这种差异化，满足大部分用户的使用感受和心理预期。

         产品的成功关键，以下几点要素不可缺失：清晰的产品定位、合理的需求诉讼、可用、易用的交互设计、美观大方的视觉设计。如果这些步骤都能完成的不错，那产品的用户体验也肯定靠谱！！

         对于用户体验来说，在保证对的产品需求方向上，交互设计和视觉设计无疑是其发展和延伸的基石。这三者的关系，若要打个比方来说，我觉得用房子最恰当不过了。交互设计是楼房、视觉设计是装潢、用户体验者就是住户咯（产品需求就是地基）。住户住的舒适与否，要看楼房搭建的是否牢固、楼层里房间是否布局合理、方便，房间装潢是否美观、整洁。如若住户对房子的户型设计不满意，可以在保证施工安全的情况下，经行局部的修缮，对装潢不满意，也可同样如此。甚至重建、重新装修都可以。不过，成本问题可就大发了。产品问题也不过如是。

         对于房屋住户的个体来说，每个家庭成员可能都会有个性化的需求和安排，可想而知，用户对于大众化的产品使用该是有多么的挑剔！？

         一个好的产品，需要有高效的用户体验。强势的产品经理、屌丝般的交互设计师、苦逼的视觉设计师、还有固执的研发工程师（我严重的以偏概全了），都有责任和义务，共同的努力与配合，去达成这项目标任务。

 

 

        互联网发展到今天，完全创新的产品凤毛麟角，产品的同类化很是严重，但正是有了这些竞争，我们才会有更好用的产品和网络体验！这对于我们产品的创新设计，提升用户体验是不小得挑战。是压力，也是动力！一个新产品的创造产生，首先要多学多用同类产品，分析竞争对手产品，并学会从中参考和借鉴别人好的方式、方法。从中获取灵感，拓展思维，结合产品需求，进行创新性的设计和改进。

         

         当然，用户体验的改进和提升不是参考、借鉴那么简单，它是多门复杂综合学科的集成。在需求分析、交互设计、视觉设计进行过程中，交互设计师要有一定的审美趣味、在做原型时要有视觉空间预期，视觉设计要有交互设计意识，避免华而不实。这些工作都需要很多灵活的技巧、严谨的方法去反复验证、调整、优化，才会有高效的用户体验产出。

          每一个参与产品研发的角色，都要有独立的思考能力、解决问题的能力，提升用户体验的自发意识，这，同样重要！

 

网页设计与审美

“爱美之心，人皆有之”

       如果一个要臭美，却遭到别人说笑时，我总会想起这句话。这一句简单明了，众人皆知的俗话，一直在生活中被我们提起。对于美的追求，我们从未停止过，但对于美的理解，却一直随着时代的不同，被不断的重新释义。

       现如今，被设计出来的美，也正通过不同的载体，在进入大家的视线。网络作为应用最广泛的传播媒介之一，也承载着重要的美的分享与学习，用户通过网页，学习各种不同的知识，获取五花八门的信息、体验超前的科技成果等。但在使用和学习的同时，也会在体验中评判着网页的设计。

       那么怎么认定一个网页设计是好看的呢？相信每一个人心中有都有不同的答案，但多少又有着相同的认知。因为我们这个时代对美的认识，有一定的趋势和指标，但又不是绝对的。所有美学教育家都承认，人们的审美来自耳闻目染，来自家庭熏陶，来自社会影响。审美是带有主观偏向性，受不同客观事物等因素影响所具有的差异性行为。生活中，我们不喜欢平俗，却又终不免被人冠以平俗。这都是因为个体审美都有别于他人。

网页设计的好看与否，主要取决于网页设计师。当然了，产品经理、交互设计师、程序研发工程师也脱不了干系，就像盖新房，地基打不好，盖的再漂亮，房子早晚还是要塌掉的。网页设计的审美趣味，直接（用户感官）体现了网站的整体气质（找不到合适的词L），第一时间就能把行业气息传达出去，比如，教育类的网页设计风格要体现希望、美好、快乐等意念。

设计师不能把同一种美传达给所有人去接受，但可以根据网站的定位不同，把美的元素通过设计表达，与所有用户去分享。这种美的表达方式，也是可以“有迹可循”的：

1、 布局合理，排版简洁
布局要合理，让用户不管从哪里点击都不会觉得难以下手。   
尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。对内容进行很好的分类与优化，做到信息查看的主次分明，是很重要的。　

2、 风格统一，整体性好
网站的整体性凸显是在好的设计风格中体现出来的。　

3、 创新性的视觉特色
不要因为别人都穿了牛仔裤+衬衫，你也要一样做，也许你穿上西装会更好看。
根据网站的定位，善于做创新性的视觉设计，让你的设计在同类网站中脱颖而出，让用户更喜欢。 

4、 色彩协调
   色彩给人心的心理感觉很直接，所以色彩使用要合理且大胆，突显网站主题与品调。

5、易用性
       网页最终的用途是要给用户学习与使用的，所以好用、易用在设计中也是非常重要的。在设计过程中要始终贯穿这种思想，让美的页面建立在易用的基础上，才会更有魅力。

       以上几点，一定不是能让所有用户雅俗共赏的设计妙招，但却也不失为好的的设计建议。

      对于用户的中肯评判，网页设计师要以散播者的态度，虚心接受与倾听，让美的设计更好、更广的传达出去，与所有人分享。

这是件快乐的事情，不是吗？

 

我们的设计小组，经常会为网站或产品做界面，为公司各个活动宣传做Flash、画册、平面广告等，在设计过程中，风格定位是你产出的设计作品好坏的关键，它是否符合当前用户的审美观、色彩搭配是否和谐、版式排布是否易读、易识别、操作是否便捷等各细节都是要考虑的。

那么，对于一个网站来说，你是怎样确立设计对象的风格？怎样把握整体设计风格的统一？

不同设计风格应用于不同的设计对象

生动活泼 、有趣味的、适合于玩乐性质的网站

时尚、前卫适合于化妆品、服装品牌等网站

清新、阳光适合于学生类的网站

专业、严肃适合于科技科研类的网站

平易近人、具有亲和力适合于门户信息类网站

关于设计的几个要点

关于简洁

简洁是目前大部分设计师所推崇的一种设计风格，“简洁但不简单”是此种风格表现的重点。细节的表达尤为重要。

关于色彩

一个设计作品，色彩给人的感觉也很重要，不同的颜色可以给人不同心理感受，从而让人对此设计作品所传达的信息品质做出判断。

网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。对于网站的色系，应该要在网站开始制作前，做好规划及设计，才不会到着手制作网站时，难以搭配，甚至造成混乱的设计。 

关于版式

版式最基本的一点应该是贴合使用者的浏览习惯，排布主次分明，导航清晰、分类集中，易读取识别。

关于留白

提升到艺术的高度来看待留白是通过视觉上的手段，留白也可以给人带来心理上的轻松与快乐，也可以给人带来紧张与节奏，通过这种手段可以向使用者表达出设计者的心理感觉。 

关注设计细节

设计的细节可能包括对齐方式、字体的统一应用、小图标的应用等。

细节更能体现设计的品质。

 

一个好的设计作品，它不是形式的累加，不是潦草的拼凑，它是一种态度与责任！

对待设计的态度

我们常说，对待一件事情，如果你真正的喜欢他，才能把他做好，那么设计工作也是一样的。如果你本身没有抱着一种好感，来对待这份工作，时常有一种浮躁的心态来做，那不会有好的结果产生。

对设计的认知

设计是感性的，是曲线型的，它可以是天马行空的狂想，也可以是细水长流的冥想，设计的境界就是自由的发挥具有个性特色的创意，并付诸实施！

数学的1+1=2，那是一定的，可是一个设计里面，1+1可能会等于更多，比如，两句话的广告设计，它不但但只是两句话，它要用到修饰的色彩、图片、线条等辅助的设计去表现。所以不要局限于框条规则之中，你随时可以打破它！

设计的知识储备

无论是哪种行业的设计，自身的文化修养是不可或缺的组成部分，一本好书、一部电影，又或是一首歌曲、一段旅行见闻，都将会是触发创意与灵感的开关，它们对设计有一种潜移默化的影响。有了文化修养的基础，你的设计才更多可能的避免空洞与形式主义。

 

最近几周，我们的美工团队一直有在讨论定制设计规范的事儿。结果呢，还是没有结果。我们的确是做了一些工作，但是还不够到位，远不够完善。我个人一直在怀疑与坚定中摇摆，不知道是否可行。而且也一直没有遇到需要开头炮执行的项目。喔，对了，我们这里说的规范，不是针对一个网站来说的。而是针对整个公司的所有网站产品来定制一套规范。光想想就挺让人纠结的吧？


    下面，我必须先要来个自问自答，理清一下自己混乱的大脑。我是自愿接受自问，而且我保证，我说的每一句话，都可以作为“呈堂供证”，来接受任何人的讯问。不论我说的对错与否，我都是字由心声，而绝不会字是心非。（废话真多~orz~）


    我们部门是做什么工作的，各团队成员是怎么工协作的？


    我们的部门叫美工部（虽然大家都不喜欢这个名字，可是whatever？），我们的日常工作就是为市场所驱动的所有在线产品，设计界面并制作页面。然后，再把这些页面交付研发人员，最终协助完成产品开发。


    我们的团队成员，平时都有负主责的项目在持续跟进，工作多时也可以相互调配进行协作，共同完成某一项工作。

    我们为什么要定制设计规范？

    现在公司所有的在线产品，界面的风格设计、色彩应用、前端代码编写都各不相同，各自为站。

    打个不恰当的比方说，就是一对夫妇养了好多个孩子，虽然都是亲生的，但不论是长相还是性格都各不相同，这当爹妈的就郁闷了，这难道是谁的意外吗？

   还有一点，就是设计师每个人的工作方式都不一样，而且每个人，每天都可能在用不同的方式在重复做同一件事情。这样导致的结果，就会使原本可以一样的东西却变得大不相同，间接导致工作效率降低。

    这个上面所说的孩子问题可能很难几乎不能解决。但我们的产品却是可以人为改变的。那就是，我们想要通过制定规范的方法加以改善，让看起来五花八门的页面设计，能在统一的规范框架内，有一个整体观感的视觉形像示人。同时，也促使我们对团队的工作流程加以梳理，使之效率更高，更加方便快捷处理日常工作。

    我们准备从哪方面入手去定制规范？

据我目前的观察与思考，再综合我们团队老大的战略方向，我们已经在代码编写上实行了一些规范，接下来是要从色彩使用、图标应用等方面切入。
问完了，我还有不清楚的吗？嗯，思考就像海绵，用力想一下应该还是有的。不过，现在的状况就是这样了。

    那么，接下来，如果真定制了规范，执行起来会不会真的好用呢？我对此不置可否，因为这是我第一次参与这样比较特殊的规范定制。但以下几个问题，是我们在制定规范过程中，应该需要注意的地方。


   遵循CIS
   我们是以设计工作为主的部门。产品界面的设计，是用户在使用产品时，最直接的感官体验，也是企业形像间接的面向用户的直观体现。因此，设计规范的定制，要建立在公司CIS的基础上，通过对CIS的延伸使用，能使公司的精神面貌、品牌价值等各方面的延伸与传承，用视觉方式的直观展现，得以在产品中体现、统一。

    规范定制的灵活性
    我们定制的规范不是规定，不能是刻板的循规蹈矩式的套用，不是用来限制大家的想像力及创意的发挥，而去生产模样相同的模板。它对我们工作的指导和参考才是最大的实用的价值。规范的使用与完善需要团队成员集思广益的添砖加瓦，在使用过程中，要根据情况加以调整，不断优化。使各成员之间达成统一的共识，那就是，我们一致认可，是可以在这样一个规范的指导下，可以做出更好，更有品质的设计作品。
当然，对于一些固定的项，我们还是需要对其进行强制性的统一，例如：版权的书写方式要按统一的规范去执行等。

    规范的整理
    空口无凭，规范的形成，一定要用文档、图表等方式整理出来，记录在案。使团队成员使用时，可以随时查阅。规范的介绍与使用标准，文字介绍一定要简洁，便于浏览。

    规范的执行
一套规范，就算做的再好，如果没有很好的监督执行，那也只能是一文不值。所以，在达成共识的情况下，如果我们都能够做到，做每一个项目时都能够遵循设计规范，在规范的指导下完成工作，那么我们统一的目的就指日可待了。

    我要说的，目前想到的，就是这样了。

一直担心规范会变成“紧箍咒” ，套在每个团队成员聪明的头脑上，让最好的想法、最好的创意被扼杀。这是我们大家都不愿看到的，也是违背定制规范初衷的。所以，我是多么的希望，不被规范左右也能做出规范的工作啊，这样可以吗？ 哈哈