UI设计概念及用户体验

UI设计概念及用户体验一：UI设计根本概念与流程目的UIUIUIUI范围l界面设计l此文档用于界面设计,本文档的读者对象是工程治理人员、售前效劳人员、UI人员、界面评审人员和配置测试人员。概述UI设计包括交互设计，用户争论，与界面设计三个局部。基于这三局部的UI设计流程是从一个产品立项开头，UI设计师就应依据流程标准，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反响阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并依据客户〔市场〕要求不断提升产品可用性。UI根本介绍A、需求阶段软件产品照旧属于工业产品的范畴。照旧离不开3W的考虑〔Who,where,why.〕也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应当明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用〔在办公室/家庭/厂房车间/公共场所〕。如何用〔/遥控器/触摸屏〕。上面的任何一个元素转变结果都会有相应的转变。客观的评价标准的。我们只能说哪个更适宜，更适宜于我们的最终用户的就是最好的。B、分析设计阶段通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。C、调研验证阶段实的反响。测试阶段开头前我们应当对测试的具体细节进展清楚的分析描述。调研阶段需要从以下几个问题动身：用户对各套方案的第一印象用户对各套方案的综合印象用户对各套方案的单独评价选出最宠爱的选出其次宠爱的对各方案的颜色，文字，图形等分别打分。结论出来以后请全部用户说出最受欢送方案的优缺点。全部这些都需要用图形表达出来，直观科学。D、方案改进阶段经过用户调研，我们得到目标用户最宠爱的方案。而且了解到用户为什么宠爱，还有什么圆满等，这样我们就可以进展下一步修改了。这时候我们可以把精力投入到一个方案上，将方案做到细致精巧。E、用户验证阶段为以后的升级版本积存阅历资料。UI设计是一个格外科学的推导公式，这个工作过程是设计过程。UIUI概述依据上述原则，分析公司产品的特点，制定符合软件产品〔或工程〕生命周期的UI设计流程。每个产品〔或工程〕的生命周期中，UI设计师应当严格依据流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。二：UI界面用户体验设计原则与标准1：应当遵循的根本原则无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的全都。这样得到的好处：1：使用户使用起来能够建立起准确的心里模型，使用娴熟了一个界面后，切换到另外一个界面能够很轻松的推想出各种功能，语句理解也不需要费心理解2：降低培训、支持本钱，支持人员不会行费力逐个指导。3：给用户统一感觉，不觉得混乱，心情快活，支持度增加做法：工程组有阅历人士，确立UI标准：美工供给色调配色方案，供给整体配色表界面把握程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用标准：控件功能遵循行业标准，windows平台参见《Microsoft用户体验》控件样式在允许的范围内可以统一修改其样式、色调参考其他软件先进操作，提取对本工程有用的功能，以使用，确定不能盲从，漫无目的。依据需要，设计特别操作控件，准则为：简化操作、到达确定功能目的界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满足，也会产生不全都的混乱)。重复叠代上述工作。建立合理化文档《UI标准》描述上述标准，强行界面设计者理解之，并作为开发准则，SQA人员进展监控开发人员是否遵循，准时告诫开发人员。2：(Color)颜色使用恰当，遵循比照原则：1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，依据工业标准，可以选取黄色，绿色表达环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等2：假设没有自己的系列界面，承受标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表3：色盲、色弱用户，即使使用了特别颜色表示重点或者特别的东西，也应当使用特别指示符，?quot;!，?着重号，以及图标等4：颜色方案也需要测试，常常由于显示器、显卡的问题，颜色表现每台机器都不一样，应当经过严格测试，不同机器进展颜色测试5：遵循比照原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景简洁识别，而在红色背景则不易区分，缘由是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特别场合，杜绝使用比照猛烈，让人产生憎反感的颜色。6：整个界面颜色尽量少的使用类别不同的颜色itop色表具体标准参考美术学统计学术标准。色表的建设，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。3：(Resource)资源一个多姿多彩的人机交互界面，少不了精巧的鼠标光标、图标以及指示图片、底图等。1：也需要遵循统一的规章，包括上述颜色表的建立，图标的建立步骤也应当尽可能的形成itopoutlookbar图标设计标准2：有标准的图标风格设计，有统一的构图布局，有统一的色调、比照度、色阶，以及图片风格3：底图应当融于底图，使用浅色,低比照，尽量少的使用颜色。4：图标、图像应当很清楚的表达出意思，遵循常用标准，或者用户机器简洁联想的到物件，确定不允许画出莫名奇异的图案。5：鼠标光标样式统一，尽量使用系统标准，杜绝消灭重复的状况，例如某些软件中一个手4钟不同的样子。4：(Font)字体使用统一字体，字体标准的选择依据操作系统类型打算。中文承受标准字体，“宋体”，英文承受标准MicrosoftSansSerif不考虑特别字体(隶书、草书等,特别状况可以使用图片取代),保证每个用户使用起来显示都很正常。字体大小依据系统标准字体来，例如MSS8磅，宋体的小五号字(9磅〕五号字〔10.5磅)。全部控件尽量使用大小统一的字体属性，除了特别提示信息、加强显示等例外状况ITopBCB，全部控件默认使用parentfont，不允许修改，这样有利于统一调整。·系统大小字体属性转变的处理。Windows系统有个桌面设置，设置大字体属性，很多界面设计者常常为这个恼火，假设设计时遵循微软的标准，全部使用相对大小作为控件的大小设置，当切换大小字体的时候，相对不会有什么特别问题。但是由于常常便利使用点阵作为窗口设计单位，导致转变大字体后，消灭版面混乱的问题。这个状况下，应当做相应处理：1：写程序自动调整大小，点阵值乘以一个相应比例2：全部承受点阵作为单位，不理睬系统字体的调整，这样可以削减调整大字体带来的麻烦。BCB/DELPHI中多承受这种方法，但是必定结果是和系统不统一。5：(Text)文字表达提示信息、帮助文档文字表达遵循以下准则：1：口语化、客气、多用您、请，不要用或少用专业术语，杜绝错别字2：断句逗号句号顿号分号的用法，提示信息比较多的话，应当分段，3：警告、信息、错误使用对应的表示方法4：使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应当统一规定。5:依据用户不同承受相应的词语语气语调，如专用软件，可以消灭很多专业属于，用户为儿童：这可以语气亲切和气，老年用户则应当成熟稳重。制定标准遵循之。6：(STYLE)控件风格，不要使用错误控件，控件功能要专一有设计好的同一风格的控件，假设没有力气设计出一套控件，则使用标准控件，确定不能不伦不类，杂乱无章·不要错误使用控件，例如：Button样式做TTable的功能，拿主菜单条显示版权信息，·统一类型的控件操作方式一样，例如一个控件双击可以执行某些动作，而同样控件，双击却没有任何反映·一个控件只做单一功能，不复用增加难度，只有用户生疏后才能理解。例如转变红色选项，左边的参数代表不同的设置，可能由于为了节约控件或者编程量，但是只有娴熟用户才回使用，这种状况下解决方法：1:分组，使用双份控件2TABLE页，给用户很明显的视觉变化==========================================================================总结起来就是：产品制作人，写产品打算书。用户体验争论员，作调查分析。信息建构师，设计产品架构。互动设计师，作出互动流程。视觉设计师和用户界面设计师，作出页面视觉设计。前台工程师，前台开发。后台工程师，后台开发。用户体验争论员，做用户测试确保质量。确认目标用户电脑入门用户的设计重点就不同。设计目标全都〔例如：假设以电脑操作初级用户作为目标用户，以简化界面规律为设计目标，那么该目标需要贯彻软件〔软件包〕整体，而不是局部。元素外观全都交互元素的外观往往影响用户的交互效果。同一个〔类〕软件承受全都风格的外观，对于保量方法。因此需要对目标用户进展调查取得反响。可用性原则可理解软件要为用户使用，用户必需可以理解软件各元素对应的功能。假设不能为用户理解，那么需要供给一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加具体的理解该元素对应的功能，同时可以取消该操作。可到达用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必需可以被用户把握。用被深深隐蔽〔4层〕那么用户到达该元素的几率就大大降低了。可到达的效果也同界面设计有关。过于简洁的界面会影响可到达的效果。〔参考简洁导向原则〕Quote[阶段一：分析]1、用户需求分析2、用户交互场景分析3、竞争产品分析这两者可以说是相辅相成的。UI需求是重要的UIUIUI需求就是本次设计的动身点。好的UI设计建立在对用户深刻了解之上。因此用户交互场景分析就很重要。型考察，但是UI设计人员在分析的时候确定要站在用户角度思考：假设我是用户，这里我会需要什么。竞争产品能够上市并且被UI设计者知道，必定有其特长。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。固然有的时候可以参考的并不愿定是竞争产品。[阶段二：设计]承受面对场景、面对大事驱动和面对对象的设计方法。UI设计着重于交互，因此必定要对发软件内置的大事。因此要面对大事设计。现在的程序开发主流承受的是面对对象设计。面对对象设计可以有效的表达面对场景和面对大事的特点。设计的四个要素：交互对象,数据对象,大事〔交互大事和特别〕,动作[阶段三：开发]case图〔说明用户和系统之间的联系〕用户交互流程图〔说明交互和大事之间的联系〕交互功能设计图〔说明功能和交互的对应关系〕最终得到UI的设计产品。[阶段四：验证]UIUI产品的验证主要从下面几个方面入手：1UI设计的再好，和需求不全都也不行以。2UI设计的最重要点就是有用性。3、用户焦点小组UI设计是否优秀的重要衡量依据。最终，说一点其他的问题。现在往往认为交互式设计和最终的UI是不行能的。QuoteUI设计流程以及设计师参与的环节败的关键。对于UI设计的工作流程，我觉得可以依据“市场分析－用户分析－架构－原型－界面－输出－完善”UI设计师都应参与其中。产品定位与市场分析这一类工作大多都是由产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。用户争论与分析架构设计转流程、构造、布局、信息和其他元素。原型设计本钱，可以把原型把握在“手绘－图形－FLA