UI设计观

发布时间: 2004-10-22	» 祝文宾供稿
[ 未经书面授权，严禁转载任何内容！][www.DOLCN.com]
（设计管理实战系列之--UI设计） -- 祝文宾 前言： 我们的今天的社会，从表面上看，大家身边的朋友还都是那些人，但联系人与人之间东西，却发生了质的变化！而人与人之间的联系，是人类这一生命形式能够不断强大和超越目前已知其它生命形式的最根本手段。 因为单个人，不足以战胜一匹狼，不足以比过一只麻雀，不足以敌过一条毒蛇--也就是说，但一个人是不具备改变自然的能力的。人类发展必须以群体，以社会的形式来集体进行。社会这种形式，也就产生了我们人类社会中所独有的种种关系。 经济、政治、军事、文学--而这些，归根到底，还都是一种人与人之间的关系，这些关系以这样的形式来解刨，我们会发现，人类活得真的很累！也活得很复杂！有事没事就搞出很多关系，很多概念和意识来，争得你死我活，打得天昏地暗！ 也许一个字就可以形容人类--累！ 人和人之间的关系语言；由于语言无法保存，于是就发明了结绳记事；再后来是书信、电报、电话、卫星通讯、手机，直到今天的因特网。其实想一想，正是人类不断地在改变着联系方式，从而构成了社会发展另一条的主轴线。 我在这里要探讨的就是有关这一联系人类新的内容。并且我们如何使之更好的发挥作用，是人类联系更够更加顺畅！ 一、趋势 1969年，美国国防部高级研究计划管理局建立了一个网络，虽然只连接了美国4个军事以及研究用的主机，但是虽也没有想到，这就是对人类有着重大影响的因特网。它以一种前所未有的力量改变了我们的生活，工作，学习，交流、经营、商务方式等。而且它的应用还在以人们所不能想像的速度在急剧扩展，以人们所无法理解的方式在不断改变我们的思想，行动。是很多不可能变成可能，是很多天方夜谭变成现实--不经意间，编制了一张囊括人类全部文明的网，让你的触角可以延伸到世界的每一个角落。 1999年，美国有近50%的资本投向信息技术，用美国本土的话说就是IT。这之后资本投向是以10%--15%的速度在递增。由世界经济火车头的美国资本投向我们可以很明确地看到世界发生了由传统"砖块、水灰"向"IT"的巨大转变。也就是说，新经济时代的到来，我进入到一个"有线"的时代，由"砖块"的堆积向"IT"的"点击"过渡。www.dolcn.com （图一因特网的利用模式之一） 与IT直接相关的就是因特网的发展。可以预见的未来，因特网将成为人类世界的一个崭新的时代，将等同于象石器时代、蒸汽时代、电气时代并列于人类进化史中。我们可以从因特网对于商业活动和消费者与日俱增的影响可见一斑。过去几年，人们通过互联网达成的交易额从微不足道的一个小数字一跃突破万亿美元大关，而且这一数字还在呈两位数字在急剧递增。并且这些交易额的80%还只是企业之间B2B业务往来，而存在巨大空间的B2C市场还没有真正被启动，其前途将是难以预料的。 在汽车刚刚诞生的时候，人们叫它"无马客车"，原因是人们在思想上还接受不了它，也不知道该给它一个什么名字。后来人们才给它起了一个名字叫汽车（automobile）,字面意思是"自己移动"。 让我们把目光转到现在的因特网，也许是身在局中，对于世界上的80-90%的人来讲，对于他想人们对待当年的"无马客车"一样存在着困惑和迷茫，我们不知道该怎么去对待它，让它为人类服务。 首先让我们从一个企业战略的层面来看它DOLCN.com 二、企业战略 企业战略三层次： 1、事业战略。指的是企业究竟选择什么作为公司的主业。 2、竞争战略。指的是在坚持主业前提下，我们将使用什么样的竞争手段来打败竞争对手获得较丰厚的利润。 3、功能战略。为了实现达到较快发展的目的，我们如何根据我们的团队特点，企业现状来制定我们的财务，人力资本，业务流程，技术开发，社会销售，公司管理等基本制度。 战中战略分类，是现在较为科学的分类，很多企业也是根据这种分类来做的企业战略的，在这里我放在文章第一页，目的是想让大家再看文章时就建立一个概念--UI设计应该属于企业面对新经济时代的企业战略的那一部分？这样将有利于更好的理解UI设计。 三、风动？幡动？心动！ 近来，"转型"这个词在各种专业杂志上出现的颇为频繁，从这个词中我们不难悟出现在很多企业正面临着一个很关键的时刻！而带来着这种变化的正式新时代的的到来所给企业的压力。 （图二，UI设计--公司主页） 在这方面，有一个很好的榜样！ 在很多产品领域，我们都能看到三星这个品牌，你是否会想到34年前，三星电子只是日本三洋公司的一个代工厂商，只是生产黑白电视机的企业吗？从生产黑白电视机到今天从事通讯、半导体、家电产品的开发与生产的大企业。这中间三星经历过的转型有多少次，恐怕连他们自己一时都说不清楚了。而沿着三星发展的轨迹，人们也看到产业的变迁：电视机利润趋薄、通讯事业的兴起、个人电脑的普及、手机的发展、数码产品的风行……尤其是这两年，三星抓住产业发展的机会，屡屡得手，品牌排名的跃升速度像火箭发射一样迅速。三星电子曾经提出成为"全球最大的电子公司"的宏伟目标。当时，有人说这是痴人说梦。而现在，它已经是一个年收入超过250亿美元，成为很多数码电子产品的一个领跑者。 是风动？幡动？还心动？无需多言！ 大企业战略非常重要，每个企业在这个方面都不可回避和马虎。但企业战略又不能成为圈，成为限制企业站在潮头上的咒。从三星的例子，我们不难看到，企业战略与社会发展相协调的的灵活性--战略也要不断的调整，才能保证企业的方向永远不错。 四、行动 既然新时代最大特征--互联网，它改变了我们的种种，那么我们企业所要研究的势必就是如何使自己的企业发展战略适合现在的大环境，进而调整战略的各个层次，使它在企业的发展中起到作用。 （图三 UI设计之-UI图形） 而作为工业设计--为企业产品创新服务的工业设计，也势必适时调整自己的方向，在设计管理中纳入最新的内容，为企业的发展做出贡献。从设计的角度讲，设计者的任务就是把不能直接为人服务的技术用设计的手段、技巧赋予他消费者能够接受的、和乐于接受的形式，以推广和应用新技术。 这种意义上讲，以特网技术本身也是不能为一般消费者所直接服务的，而它必须借助一定的媒介--UI界面，才可能为人类所直接服务。 1、概念--大系统 UI（user　interface）的本意是用户与产品界面的关系。 UI真正为人们所提及重视是基于电脑产品的诞生，人们为解决与机器的交流问题而诞生的新概念--现在人们经历的是图形界面时代，正是这种图形界面才催生了我们今天这个新的经济时代的到来，因为它的出现使计算机走出实验室，而且使互联网的出现成为可能。虽然这是一种基于硬件的应用开发，但不可否认的是，它给了我们无限想象的空间！你我都不可否认，再先进的技术，其技术本身是很难直接被应用于为人类创造愉悦的生活的。而必需借助于一种媒介，图形界面，我们现在讨论的UI目前所担任的就是这种任务。如果人们要想发挥出因特网，计算机，手机等这些高智能产品的价值，就必须研究UI，通过它来获得这些产品卓越功能普及应用。而且事实上，UI本身作为一种设计活动，像其它的任何设计一样，都没有一个唯一解。拿我们现在最好的UI产品图形界面--微软的windows系统来说，也不是我们这个世界上的唯一，因为还有像苹果的操作系统，金字塔操作系统、unix操作系统等。 （图四 UI设计--游戏推广）DOLCN.com 同样作为手机，如果把手机本身看作是计算机硬件，作为手机的显示器，或是PCB板是不可能给普通消费者已什么价值的，诺基亚、摩托罗拉、TCL、 华为--你能告诉别人他们有本质区别吗？除了品牌，也许人们都知道，大家所使用的芯片，硬件，cpu、电子电容，你似乎给不出太大的区别。这就是我们这个时代得意的特征--技术差异化越来越小，消费者的不断成熟，人们开始在真正关系产品与人的关系--UI。而广义上讲，产品界面，是一个很大的概念，我们周围的一切人造事物都归为产品，那么这些产品所传达给人们的第一视觉印象都应归属于产品的界面范畴。这种意义上讲，UI的真正起源是早于计算机而早已在人类生命中就存在了，所不同的是现在人们才真正开始认识到它的作用和意义，就像前面我们提到的"无马客车"一样，对于这样一个崭新的概念，现在人们还无法把它全部的内容都说明白，也只能给它一个较为粗略的定义来标示它。 那么从这个概念中"UI（user　interface）的本意是用户与产品界面的关系"，我们很容易推出断出，产品的造型、产品的包装、产品的装饰、产品的软件界面等都应属于UI这个产品界面与用户之间的关系。而如果把一个公司看作一个产品，那么同样，公司的形象，公司的CI战略等也属于公司这个产品与外界消费者关系的一种界面形象。 也许从UI的这种概念出发，人们更加容易理解现代企业的各项活动之间的有机关系和互动成分。因此在我们设计管理中的UI界面开发，坚持一个系统的，整体的的观点来协调和安排我们不同的技术开发和设计人员就变得越来越重要。 2、百家争鸣 由于现在还没有形成较为统一的UI 设计系统，现在各种软件和网站称为UI设计的最重要代表、就目前流行的图形界面风格WEB有三种方式：多窗体、单窗体以及资源管理器风格，而基于那些有形产品，像手持产品手机而言，也是这几种方式。而这种无序性，这种缺乏专家型的框框条条的鬼限制，和所谓的指导也正为UI设计留下了巨大的发展空间和操作领域，相信为各种优秀的设计留出了无比巨大的空间。 3、新的营销策略 但就现在的社会环境而言，很多商家发现自己投在广告上的大把银子，但自己的产品却还是照常积压，自己花了大把时间制定的战略，走了没几步却发现前面没有了路。大家开始找不到北，迷失在一个新的环境里面--原因是对新的环境认识不够。像现在的通信市场，在市场占有率突破50%的惊喜刹间，却集体迷失方向，个中原因除了对通信行理解不透，不清楚它对技术的依赖程度；也是牌照惹的祸--很多企业陷于利润，有牌照的保护，就万事大吉；再有就是对产品外观理解过于狭隘，以为好的外观就能使企业长盛不衰；还有就是对现在这新经济时代到来准备不足，没有足够的应对措施，以为现在的消费者还是那么好骗，一则广告，几条做秀的花边就能搞定，殊不知现在网络时代的发展，消费者由于和厂家甚至比厂家都第一时间获得各种产品的最新信息，大家都变成了行家，都变得越来越成熟，你骗人--买两块PCB，没有一点实际的效用，就想攒大家的钱，哪那么容易？还有就是过分依赖市场那个营销网络，而忽视了自主技术的重要性，忽视了产品升级换代的重要性，危机意识明显不足，当然还有其它原因，如此这些就导致现在整个通信业面临大缩水（主要是国内企业），反而是那些注重技术储备的，有着产品创新的储备的企业现在开始在这个市场崛起。那些没能在技术上有所储备，在产品创新上缺乏储备和远景，短视的企业，生存都成为严重问题。 （图五 UI设计--作品介绍） 就像我上面提到，奶酪不见了，我们自己赶在这之前改变自己，才可能不被这个行业所抛弃。那么从我们分析知道，广义的UI界面意义是非常之广泛的，而由此我们就知道UI的作用将成为下一张各个企业塑造自己产品差异化，完善自己企业形象，催生企业发展的一张新的王牌。 A、塑造产品本身的异化 前期，在企业面临技术同质化的时候，来自国外和国内企业时间得知--大家都加大对产品外观设计投入，有的企业并在此获得极大的发展。工业设计这一职业也因此在国内得到重大发展。也就是说工业设计在塑造企业产品差异化方面起到了关键作用，它将继续发挥它的这一作用，并将毫不动摇地长期存在。 但我们所不能否认的是，工业设计又可以叫做外观设计，如我们在进行的手机外观设计和UI界面设计，我们就不难理解为UI设计应该是外观设计的一个组成部分，这一工作应该归宿工业设计师和软件技术人员一起完成来完成。 （图六 UI设计 企业主页） 这样说是因为我们都知道产品外观本身，是不能给消费者带来产品本事的功能效果的，它的作用是易用，美观，环保和健康，但它还是不能把产品功能直接传递出来，还必须要靠UI界面来实现。UI界面在这里承担一种很微妙的双重身份，一是向消费者传达产品的美观，属视觉作用；而是向消费者传达产品易用方便的人性化要素；再有就是传达产品具有鲜明的特色的个性化；次之就是传达着一种产品的高质量，稳定性的高技术和品质感，也就是产品的功能能在这里得到实施，变成实实在在的效用而为消费者带来服务感受。 如此分析就不难明白，UI设计将成为企业塑造自己产品差异化的下一个必争之地。产品外观抓眼球，UI界面传达人性化、个性化、卓越功能。举个例子，同时一个品牌的相同款式的服装包裹下的两个美女，一样的细胞组成原理的两块肉似乎没有什么区别，但在这两块肉预装的UI界面也许就有了巨大差别，一个是windows xp，一个也许还是windows 97；一个是最新导弹防御系统，一个也许还是小米加步枪；也许--UI界面为我们的想象力插上翅膀，给我们无限的可能！必将成为产品获得新生命的新亮点！那就要看我们这些设计师的思想有多远了！ B、完善企业形象 上面我们提到，广义的的UI界面是包含任何软产品（所有的软件，网页等）的，而今天这个变化无常的数字时代，快得让我们无所适从。也许很多企业花了大把的钱进行信息化建设，但却不知道信息化到底为企业带来了什么，又如何让信息化建设为企业发展贡献力量？就像手机的塑胶壳本身并不能具备通信功能一样，信息化建设中那些网线，那些电脑，那些猫，那些--这些乱七八糟的硬件都不能为企业带来什么实际的效用，这些东西是不可能自己长出脚跑到消费者面前告诉他你是个卓越企业，你生产卓越的产品！达到这一效果的，靠的还是UI界面的作用--通过这一多重重身份的家伙，你传达给受众你的一切，而且你还要保证你真是优秀的，因为大家回去比较，回去选择！点击率成为你获取消费者认同的关键指标。而你在传统广告媒体上的投入，伴随这种发展和媒体的更加专业化多样化，会变得越来越没有效果，而消费者也会变得更加迷茫，不知道该信那个家伙！他最聪明的做法就是自己去比较，全选择，这时候你的UI的好坏，将直接影响上帝对你的评估结果。而这时候以更加关键的因素--品牌价值，知名度将变成消费者做出自我选择的一个参考值。这也就为那些喜欢投机的企业以最沉重的打击。 （图七 UI设计 文化传播） 分析到这里，也许就不用再往下走了，因为现在很多国内企业对信息化建设的水平还只停留在实现办公电脑化，而至于通过因特网实现企业形象的完善宣传，似乎还是个很遥远的事情。 C、企业文化建设的重要工具 因特网的方便在文化建设方面的作用，在这里就不赘述。 D、企业战略新内容 www.dolcn.com 曾有一个著名的理论--木桶理论，说得是一个企业要成功要具备的几个关键要素企业家--资源--资本--产业--管理，而在今天这个新经济时代，似乎这个木桶要翻新。因为新经济时代，传统的很多价值链条被拆分；原来的资本变成负债；垄断市场被无形的放开，而且面临多个选择；消费者转移成本有了明显下降；信息扩散变得很自由，消费者变得很博学；定价必须与精细的市场条件相匹配；供应商，生产商，分销商，以及消费者之间的关系已经发生了翻天覆地的变化，新的关系正在组合中。 有资料表明，当一项技术的使用者超过3000万时，就可以说它已经制度化与这个社会体系中。而因特网这一新技术，现在已经走进10几亿个家庭中，10亿这一数字不仅远远超出了"制度化"的指标要求，而且超出了任何一项技术得以加速影响社会的临界点，人类越来越深深地受其影响着。 基于这种前提，我们无法回避现在人们通过因特网即很容易注册一家公司，从而回避资本的的限制；通过因特网回避销售网络的限制；如此等等。因此对于这种新经济时代的新特征，势必成为企业改变企业战略的新内容。 4、UI设计中应回避的一些细节 A、易用性原则： 按钮名称应该易懂，用词要准确，屏弃那些模楞两可的字眼，要与同一界面上的其它按钮易于区分，能望文知意最好。理想的情况是用户不用查阅说明书就能知道该界面的功能并进行相关的正确操作。 易用性原则的一些细些要求： （1）、相同或相近功能的按钮用Frame框起来，以便于操作。（2）、常用按钮要支持快捷方式和硬件操作，如按Tab键或者是其它键能够实现的切换功能。 （3）、按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 （5）、重要信息的控件和指引性地内容最好有意识放在较醒目的位置。（6）、同一界面上的控件数不要过多，考虑使用分页界面显示多内容，以便也使用者使用观察。（7）、分页界面要支持在页面间的快捷切换。（8）、默认按钮最好能支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。（9）、可写控件要具备自动检测功能，在监测到非法输入后应给出说明并能自动获得焦点。 （图八 UI设计 页面设计） B、规范性： （1）、常用命令要有快捷方式。（2）、菜单前的图标能直观的代表要完成的操作。 （3）、菜单深度一般要求最多控制在三层以内。 （4）、工具栏要求可以根据用户的要求自己定制一些内容。（5）、工具栏中的每一个按钮最好有及时提示信息，特别是在手持产品中更加需要，而且这些提示信息可以根据使用要求决定是否显示。（6）、系统最佳状态应被设置为默认状态。（7）、工具栏太多时使用工具厢，而且工具厢要具有可增减性，由用户自己根据需求定制。 C、合理性原则： （1）、父窗体或主窗体的中心位置应该在对角线焦点附近。 （2）、多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。 （3）、错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。（4）、与正在进行的操作无关的按钮应该加以屏蔽。（5）、对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。 （6）、对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。 （图九 UI设计 产品推广） D、 美观与协调性原则： 界面应该在元素大小比例、颜色质感、形状语义、功能设置等方面适合美学规律，一般不要太突兀，亦不可太平淡（特殊需求的例外），塑造自己的独特性（界面设计的特色要与公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语大体一致）的同时，也争取塑造一种和谐舒适的美感。 E、安全性原则： 界面开发者应当尽量周全地考虑到各种可能发生的问题,并在设计中做到使出错的可能性降至最小。（1）、排除应用中那些非正常使用出现中止的可能，以增强稳定性。（2）、应当注意尽可能避免用户无意录入无效的数据。（3）、采用相关控件限制用户输入值的种类。（4）、对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。（5）对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。（5）、对错误操作最好支持可逆性处理，如取消操作。（6）、 在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。 （7）、在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS系统资源。 5、UI在手机产品中的应用 由上分析我们不难知道UI在手机产品中的作用，事实上，我们要做的就是坚持一个原则，那就是创新，解放自己的思想，实事求是地来不断解决产品中的各种问题，以团队的形式来解决各种问题。在产品前期规划、市场定位、产品战略、产品外观设计概念、外观设计方案确认、产品推广、产品包装、产品广告、产品说明书、产品售后服务等各个环节中，建立系统的工作机制，以此达到塑造产品产异化、品质感和提升产品附加价值的重要作用！DOLCN.com 五、无为而治 道可道，无恒道--，《道德经》第一段，就像我们传达了一个至高的思想--无为而治。 物质世界的本质是什么？人类社会的的方向到底在哪里？没有人会告诉你一个准确的答案！从有神论到地心说，从地心说到太阳中心说，到宇宙概念，到万有引力，再到相对论--，后面还有多少？我们所知道的，都是一个相对答案，因此面对任何一个新世界，我们都应该坦然地放弃旧世界，而自然的迎接新的，以适合新世界的规律和方式来从事我们的一切活动！ 从文章的这些附图--UI作品中，我们不难理解，现代企业所面临的一种新的竞争领域--UI设计。也消费者从来没有听过你公司的名字，从来没有看到过你的产品，但如果你有这样一个优秀的宣传阵地，再加上一些推广手段，那么你可能在保住原有优势的情况下拥有无限新的成功的机会。