第13章样板工程设计——UI决策产品

第13章样板工程设计——UI决策产品经过设计团队的不懈努力，终于在公司内部建立起了一定的声誉。面对我们的不仅是荣誉，还有更困难的挑战。本章将向你揭示如何在一个设计团队内部，培养起产品设计的整体感觉与设计思维。出于市场和技术的原因，我们目前的大多数手持设备产品设计都是先硬件后软件，先设计后推广的模式。那么，作为UI设计师的你，是否想过由UI设计师来主导一款产品？这对于公司来说，不仅仅是投资与投入的勇气，更是设计团队难以跨越的屏障。是什么干扰了设计作为主导方式的落后？在设计主导产品的过程中，设计师和设计团队又将面临什么样的困难？本章介绍的正是这样一个虚拟项目的继续升级。我们将从UI设计团队出发，来主导一款产品的策划、市场研究、用户分析、具体产品的界面设计和其他产品环节的管控。作为UI设计师的你，就算你的公司和部门还没有建立起这种意识，也是应该有所了解的，毕竟这样的情形正在全球快速地发展着。13UI进化论——移动设备人机交互界面设计26413.1产品策划过去的经验是，当我们谈到产品策划的时候，会由专业的策划人员跟随策划部经理，与市场共同讨论目前的流行趋势、客户反映、观察到的现象以及调查公司的数据。然后根据成本、风险、供应链、目标市场等因素，规划一个产品的初级模型概念，再根据这个概念输出策划文档，然后由老板签字通过，进入正式的开发流程。现在我们仍然可以使用这样的流程，但是绝对会失败！为什么呢？因为我们是以设计团队出发的，无论设计师觉得自己是如何的伟大和高尚，但在大多数中国的企业中，设计师总是和艺术家、技术白痴等词语联系到一起的。为了获得统一的价值观，使得产品的策划推行更为成熟和顺畅，我们需要改变角度和方式。在产品策划开始之前，我们要对所有项目组成员进行一次设计方面的培训，以让大家明了设计团队在做什么样的事情，并推动我们的设计理念。或许你觉得这样的事情难以想象，但是只要你细心观察便会发现，所有由设计团队主导的产品设计过程都显得非常困难，这其中有设计团队不够成熟的原因，更多的情况是设计团队不知道如何控制整个产品的设计—产出的过程。13.1.1PPT演示文档的作用解决流程中的不顺畅最有效的办法是通过有效的沟通，第一步，我们需要一个基础的，但是能够完整传达设计概念和设计工作过程的培训，我们来看看这份培训文档：一份PPT演示文档最重要的就是简洁、清晰，主题突出，首先给人专业和主题鲜明的印象会让与会者感觉他们没有在浪费时间。我们进行的是一次基础知识和设计理念的培训，因此标题可以定义得比较窄一些。有结构层次的目录会让参与培训的人更快地理解这次培训的中心任务，比如我们这次的结构采用了渐进性的结构。首先告诉大家用户体验设计有何价值。（我们为何要以UCD设计思想为这次项目的核心？）用户体验要重视哪些方面。（一些关键性的特征）如何进行设计？（这样的设计理念各位需要带入到自己的工作中）手机产品的用户体验。（具体到手机产品的关键因素）。用户体验的现状。（行业中，其他对手，全球文化背景下，用户体验的设计思想在如何发展?）首先让被培训者建立完整而正确的概念，这些概念可以通过日常的疑问来解释。让所有人都知道一个产品的体验意味着什么。当你说到一个设计思想的好处时，大多数人会嗤之以鼻，但当你说到如果不这么做会带来的后果时，大多数人会显得比较关注。举例说明积极的和消极的体验是如何影响用户的。UI进化论——移动设备人机交互界面设计268有的被培训者会非常感兴趣这些话题，他们希望有更专业的培训空间和机会，把这些机会介绍出来，通过建立共同的愿景达到设计思想传播的目的。各种更专业的培训看看别人是怎么做的，我们可以借鉴很多优秀的经验，在项目中我们需要很多外来的知识以帮助我们减少错误。学习别人的做法对了，我们可以考虑建立一个实验室，对于我们这样一个技术导向的公司来说，正规的实验室是代表你的专业的有效证明，而且在公司级别考虑，一个实验室不仅可以节约大量的协同研发经费，减少验证时间，同时也是一个公司的对外形象。Oracle公司的实验室也许会有人看不起用户体验的设计价值，不用担心，看看成功的企业、成功的产品，他们背后都有怎样的专家和多年从业经验的人员在支撑着，相比起来，我们真的是刚刚起步。全球知名的专家如果你说你可以不重视用户也能把产品做得很好，某些情况下，我认同，但是我们看看那些卓越的公司和产品，他们是如何发展用户体验的设计过程的，你就应该知道为什么你的公司会有那么大的差距。全球知名的品牌好了，在培训的最后，推荐一些合适的入门读物吧，让有兴趣的朋友尽量保持他们的兴趣，并从这些优秀的文字中逐步更新自己的思维，我们需要做的只是一个引导。推荐读物第13章样板工程设计——UI决策产品269【要点】该份PPT请浏览光盘中第13章文件夹中“用户体验浅析.ppt”。在经过培训以后，相信该项目组的成员已经对用户体验的设计思维有了一定的认识，但是你别指望他们会马上以身作则地投入到工作中。事实上，大部分的课程培训最后的结果都不是令人满意的。如果你希望这些知识真地被记忆和应用，你应该保证培训的有效性。因此我们需要制定一份针对培训的试卷，一方面巩固培训的知识点，一方面让被培训者真正地参与到这部分的工作交流中。下面是我们针对这次培训制定的试卷样本，仅作参考。13.1.2《用户体验浅析》培训课程试卷一、选择题（可单选或多选，请在选项上打“√”）1.用户体验的全称是？(A)userexercise(B)userexperience(C)userexpert(D)usereducation2.用户体验是一种纯主观的在使用产品（服务）的过程中建立起来的？(A)心理感受(B)物理感受(C)消费感受(D)意识形态3.对于一个产品来说，常见的用户有哪些？(A)消费者(B)职员(C)访问者(D)竞争对手4.建立积极的用户体验，有利于什么？(A)信誉(B)盈利能力(C)购买意愿(D)满意度(E)口碑(F)回访意愿5.用户体验最重要的三个因素是？(A)以人为本(B)用户至上(C)为用户设计(D)任何环节都是体验6.用户体验的工作包括？(A)体验设计(B)定义问题(C)项目管理(D)架构技术(E)产品策划7.以下关于用户体验的描述哪些是错误的？(A)用户体验不能100%满足用户的需求(B)我们需要满足至少50%的用户的需求(C)以用户为中心的设计就是对待用户像上帝一样(D)用户研究的定量数据不是唯一的衡量标准8.以下哪些现象是手机产品中用户体验的杀手？(A)运行速度慢第13章样板工程设计——UI决策产品273产品概念规划UI进化论——移动设备人机交互界面设计274那么，回头来看看，我们在产品策划阶段进行这样的工作流的经验是：通过培训建立统一的项目团队价值观（有时候这▪种培训不只一次，而且是长期的）。树立一个准确的设计思维（UCD设计思想走在▪技术的前面）。确立相同的知识背景和设计角度（通过沟通、交▪流、会议使项目各环节信息流通顺畅）。提出细致的产品概念，而不是一些定性的描述▪（某些专业术语和细节要求能够被理解）。13.2项目会议在产品概念提出以后，我们可以开始召开项目会议了。这次会议我们需要解决三个问题。这是一款大概什么配置的手机？（请注意，我们并没有开始定义产品的配置）在一个产品的初期，它的硬件环境是我们首先要考虑的，基于ID和结构部成员的意见，我们提出了以下的设想方案。芯片：MTK智能芯片6238▪硬件▪3.0-3.216:9宽屏LCD•PDA直板机11mm左右•3.0MegaCamera•特效IC(YAMAHA)•容量40MUI20M+铃声20M•CAT02(M21)内的喇叭Φ15两个•轨迹球（UI配合时需软件可设置快慢•调节）G-sensor•手电筒与闪光灯共用•震动喇叭Φ184mm•功能▪按键←→触控板•全触控屏•按键方式通过背灯进行变换•按键时震动•灯光的运用（手电筒、跑马灯、激光笔功•能）滚筒（轨迹球）•喇叭震动有轻重的配合（软件控制）•用户可自主转换主题•提供用户方便共享的功能•形态▪整体电池盖•金属元素•材料▪橡胶漆•闪粉漆•外设：迷你音箱外挂▪全套主题：铃声▪高科技•迷幻风格•中性（清脆唯美）•UI+GUI:娱乐机型，3D图标，交互参考(LG▪风格)它的交互和界面应该达到哪种水平为了更好地解释我们需要的界面技术，这里演示了一套FlashUI界面作为交互特效与界面效果的演示。FlashUI演示文件【要点】所有FlashUI文件演示请浏览光盘中相关章节下FlashUI文件夹。第13章样板工程设计——UI决策产品275当我们以UI作为产品的主导方向时，我们需要同时考虑ID、软件能力和最后的交互特效部分，由于这些是最直接面对客户的产品部分，我们需要更多的关注设计。这款产品应该解决哪些问题作为设计团队从设计角度出发来规划产品，第一步的工作是保证这次的设计不会再出现之前产品犯下的错误，从经验来看至少有30%的UI设计错误（或者说是不引起重视的交互缺陷）是不会得到重视的，我们的机会来了，就从现在开始改变这种局面。而在动手之前，我们需要一份详细的整理文档，以总结问题并提出对应办法，然后将这些UI设计的要求总结为软件实施的基本规范，导入到现在的项目中。产品定义输入文档《项目定义书》　《UI设计数据输入表》　《菜单树》/《UI交互设计》参照文档完成具体功能设计。功能要求指令统一手机查询版本号：*#18375#测试模式：*#166*#工程模式：*#13646633#自动音频测试模式：*#458#　开关机软件需集成UI提供的开机默认LOGO及开关机动画及铃声有客户文件则集成客户提供文件界面在拨号界面左软键定义为选项，包括保存号码和发送短信功能；待机界面中时间与日期的背景为半透明纯色处理，待机元素排列顺序为：主卡运营商名称–主卡本机号码–副卡运营商名称–副卡本机号码–时间–日期–星期　在信号强度小图标的左下角显示SIM1和SIM2，方便客户看对应SIM卡的网络信号　OPPO界面快捷菜单/电话本界面菜单/电话本——但单卡项目左软键进去是菜单，OK键进入还是菜单，双卡项目左软键对应菜单但实际是通话记录。建议修改成OPPO形式还能解决双卡项目的误区问题　电话本手机端存储容量为500条；SIM卡容量最大支持300条　手机端存储容量为1000条；SIM卡容量最大支持300条市场部新提出，待评估是否修改数量电话薄记录中可直接发送短信/彩信　双卡双待机型需支持主卡、副卡、本机电话号码的混合列表　UI进化论——移动设备人机交互界面设计284支持TV-OUT功能的接口；•概念中的ID外观13.3.2测试LCD由于我们采用了一块非常高端的触控型touchlens作为显示的机制，那么我们就需要对这块LCD屏的显示效果做一个测试，这个测试不是基于工程技术的，LCD提供商一般会为我们提供这套LCD的详细规格参数和工程数据，我们这里测试的是真实的图形设计效果和人眼感受。在我们制作测试图片的时候，直方图部分是我们需要关注的。在一张图片的直方图中，横轴代表的是图像中的亮度，由左向右，从全黑逐渐过渡到全白；纵轴代表的则是图像中处于这个亮度范围的像素的相对数量。在这样一张二维的坐标系上，我们便可以对一张图片的明暗程度有一个准确的了解。在Photoshop中，依次单击“图像→调整→色阶(快捷键:Ctrl+L)”即可打开色阶调整框，对图像的直方图进行调整，以此控制图像的明暗变化。对比度的提高可以使图像细节清晰，相反，对比度的减小可以隐藏图像的细节，在一定程度上使图像柔和。我们观察和调节直方图的目的是保证图片对比度是符合人眼感受的，在工程数据上是准确的，这样的测试图片才有意义。直方图首先需要制作一套基本色彩的测试图片，然后再制作设计原型的测试图片（这个部分的图片请直接浏览光盘中的文件）。下面是使用Patone基于电子出版的标准色板来做的颜色测试图片。Patone标准色测试第13章样板工程设计——UI决策产品285这里说到的黑场概念，不是曲线调节中的黑场背景设置，而是一张完全黑色的BMP无损测试图片，这张图片主要用于测试LCD的显示坏点和闪烁情况。黑场测试相反，我们