软件用户界面设计

1.软件用户界面设计的重要性1.1发展趋势软件用户界面的发展经历了从简单到复杂、从低级到高级的过程，用户界面在软件系统中的价值比重越来越高。如果编程之道是完美的，那么操作系统就是完美的；如果操作系统是完美的，那么编译程序就是完美的；如果编译程序是完美的，那么应用程序就是完美的。于是，用户满意之极，和谐应运而生。——《编程之道》开篇语1.2开发竞争得益于互联网的发展和普及，软件开发的技术门槛在不断下降，大部分软件企业的技术手段也趋向于雷同，“软件设计”变得越来越重要。当大家都掌握了相似的技术和需求信息后，企业之间的开发竞争“比的就是设计”。–软件用户界面设计要综合考虑“易用性设计”、“艺术设计”和“技术实现”，很有挑战性。1.3用户挑剔用户界面在很大程度上影响着软件的命运，因为广大用户对软件的评价主要来源于他们操作用户界面的感受。同类软件越多，选择余地越大，购买者对软件用户界面就越挑剔。–尤其是互联网的软件和服务（免费或收费）。1.软件用户界面设计的重要性iPodiPadiPhone:iXX在消费类电子产品领域无往不胜的利器,就目前的AppleInc.来说,绝对是超一流的人机界面设计,无论是外观还是易用性.Apple的优点不光是绚丽,而且常常好用/非常好用上周三，苹果的市值终于超过了微软的市值。投资者们终于以实际行动认可了消费者的观点，即微软不再是科技行业的领头羊了。就在上个月，微软的市值还比苹果市值高出大约250亿美元，但是现在，苹果已经反超微软了近30亿美元。2.现状、问题和原因2.1不容乐观的现状尽管国内有很多技术出色、聪明过人的软件工程师，但是不少人开发出来的软件产品却既难用又难看，客户很不满意。导致经常要修改软件的用户界面，造成极大的生产力浪费。到处是用户界面设计缺陷：–不可原谅的过失！（小偷和神父的故事）–界面措辞含糊，甚至有错别字。连简单的消息框都设计不好，可能存在文不对题的语病。–界面布局混乱，缺乏逻辑，凡是能放的东西都堆集上去，让用户不知从何下手。–没有防错处理，不对用户输入的数据进行检验，不根据用户的权限自动隐藏或者禁用某些功能。执行破坏性的操作之前，不提醒用户确认。总之，如果用户执行了错误的操作，那他活该。–不提供进度条、动画来反映正在进行的比较耗时间的过程，对于重要的操作也不返回结果，让用户干着急。–我们见到的用户界面缺陷不胜枚举……2.现状、问题和原因2.2问题和原因之一：教育缺陷国内绝大多数大学的计算机学科没有开设软件用户界面设计的课程，也没有开设相关的如人机工程学、美学、心理学等课程。理工科人士天性喜欢钻研技术，不太关心用户需要什么。由于学生们接受的教育几乎全是科学与技术，他们不知道怎样才能设计易用、美观的用户界面，很多人甚至想都没有想过。当他们毕业后真正参与软件产品开发时，只好凭着个人的经验与感觉设计软件的用户界面，这样产生的界面往往得不到大众用户的认可。建议：–任何人，只要在工作中发现了自己的知识缺陷，他都应该及时学习，弥补不足。同时，企业应当设法邀请软件用户界面设计专家给员工们培训，努力在最短的时间内有效地提升员工们的用户界面设计能力。2.现状、问题和原因2.3问题和原因之二：服务对象错位开发人员在设计用户界面方面不仅存在先天的教育缺陷，更加糟糕的是还常常犯“错位”的毛病。他以为只要自己感觉用户界面漂亮、使用起来方便，那么用户也一定会满意。俗话说“王婆卖瓜，自卖自夸”。当开发人员向用户展示软件时，常会得意地讲：“这个软件非常好用，我操作给你看，……是很好用吧！蛮漂亮的吧！”用户出于礼貌可能会不断地点头，但点头并不表示赞同。用户总不好意思说他还没有看明白怎么回事，请开发人员慢慢地再演示一遍吧？总不能在别人面前显得自己很迟钝吧！2.现状、问题和原因2.4问题和原因之三：混淆网站与Web软件的用户界面Web软件和网站的运行环境和技术几乎完全相同，但是两者的用途和特征很不相同。网站主要用于浏览信息，面向大众用户，主页面的内容随时会更新，不存在统一的网站用户界面格式。因此“个性化”和“不断变化”是网站的用户界面的特征。Web软件本质是软件，只不过它在Web环境下运行、以页面的方式展示功能而已。软件用于处理有固定流程（逻辑）的业务，而不是仅仅让人们浏览信息用的。软件用户界面的设计要素有合适性、可理解、一致性、出错处理、及时反馈信息、最少操作步骤、合理的布局和色彩等等，所以软件与网站的用户界面的特征是有很大差异的。–不少企业都有自己的网站，也有不少基于Web的管理系统，例如人力资源管理系统、办公自动化系统、ERP系统等等。开发人员看惯了网站，不知不觉地把网站的用户界面风格套用到Web软件上。结果Web软件的用户界面上到处是花花绿绿的超级链接和闪动的图片，让人不知如何下手。–网站并不关心业务流程，几乎没有出错处理，倘若Web软件也没有业务流程、没有出错处理的话，试问谁乐意用这样的Web软件？2.现状、问题和原因2.5谁来设计软件的用户界面毫无疑问，应当由用户界面设计师来设计应用软件的用户界面。问题是目前国内大学没有用户界面设计这样的专业，软件行业还没有形成“用户界面设计师”这样的职业。–职业化的用户界面设计通晓“易用性设计”、“艺术设计”和“技术实现”，很难寻觅此人才。–所以在目前，所谓“用户界面设计师”还只是一种“角色”而不是“职业”。如果软件企业里没有专职的用户界面设计师，那么请软件开发工程师和美工人员共同设计用户界面。建议如下：–相比较而言，让软件开发人员学会用户界面设计，要比美工人员学会软件开发容易得多。–对软件开发工程师进行用户界面设计的培训，然后让软件开发工程师负责应用软件用户界面的设计和实现，请美工人员做锦上添花的美化工作。很多人有疑虑，让软件开发工程师从事用户界面设计，他们能做好吗？–回答是肯定的，只要软件工程师不自我封闭，追求上进，那么他肯定能够学会用户界面设计，绝对比他原先做的用户界面好。–软件工程师的智商都不低，只要他不懒惰，勤于学习、实践和思考，那么他就能够成为某些领域的行家乃至专家。3.用户眼中的好软件3.1“好”的软件意味着“实用、易用、美观”如果软件的功能不实用（不能为用户解决问题），那么不管该软件是否易用和美观，用户一般都不愿意购买该软件，除非用户没有选择余地。如果两个软件的功能和价格都相似，那么用户会挑选更加易用的那个软件。如果两个软件的功能、价格、易用性都差不多，那么用户会选择更加美观的那个软件。3.2谁来评价“好或差”用户才真正有资格说软件“好或坏”。如果用户对软件很不满意，开发人员不要有逆反情绪：从哪里找来的笨蛋用户！其实不是用户笨，是自己开发的软件太笨了。当用户真的感到软件很好用时，一股温暖的感觉油然而生，于是就用“界面友好”来表扬这个软件。–软件行业很少发生那么感动人的场景：用户热切地握着开发人员的手，连声称赞“你们开发的软件真是好用、真是漂亮啊”。可是我们看到的大多是相反的场景：用户满腹牢骚，开发人员垂头丧气。3.用户眼中的好软件3.3应当站在用户的立场看待软件很多公司都在宣扬“以人为本”，可笑的是人力资源部往往最不懂得“以人为本”，能够不“与人为敌”已经不错了。开发机构宣扬“以客户为中心”，但是却撇开客户只顾忙碌地开发软件，做出客户不会用的东西。很多软件开发人员不能够一次性地完成某些开发任务，主要原因不是技术水平低下，而是他们没有真正理解用户的需求，也没有站在用户角度看待软件。如果用户不满意软件的功能和界面，那么开发人员将被迫重新开发。重新开发的代价显然要比修改Bug大得多。如果软件企业能够真正重视并且下功夫提升“需求分析”和“用户界面设计”的能力，通常会显著地提升软件生产率和客户的满意度。4.软件用户界面设计要素4.1界面适合于展现功能，并且符合市场需求软件的功能需要通过用户界面来展现。毫无疑问，用户界面一定要适合于软件的功能，这是最基本的要求。如果用户无法通过这个界面来使用软件，“易用性”根本就无从谈起。–例如，对于一个三维建模软件而言，如果用户不能使用鼠标对模型进行旋转、移动、缩放等操作，那么这个用户界面就不适合该软件的功能。如果不改进用户界面的话，即使软件的内核功能很强（如算法很先进），这个软件也很难卖得出去。“用户界面适合于展现功能”是首要的设计原则，它提醒设计者不要片面追求界面外观漂亮而导致华而不实。开发团队要分析产品的核心价值：“最吸引客户的属性；最赚钱的属性”。要把主要精力用在对经济效益贡献最大的地方，使“投入－产出”最大。–普遍存在的“80－20”的现象–注意，免费软件的“吸引客户的属性”和“最赚钱的属性”可能不是同一回事情。产品的所有功能和界面对用户而言都是必要的。可以锦上添花，但是不能画蛇添足（否则得不偿失）。4.软件用户界面设计要素图5-1(a)。搜索不是上网助手的功能，对上网助手没有帮助，反而可能是用户跳离本软件的页面。但是搜索却是本公司真正赚钱的功能。所以要把“搜索”放在最现眼的界面顶部。图5-1(b)。“免费看美女看笑话”不属于上网助手的功能需求，这个低俗广告将分散用户的注意力，降低软件品牌。但是低俗广告却是互联网免费软件主要收入来源，所以被迫将低俗广告放在上网助手中。示例分析4.软件用户界面设计要素4.2界面适合于用户群体一个软件产品可能有许多类型的用户，例如有些用户对计算机比较外行，有一些用户可能是计算机的行家。在设计用户界面时应当尽可能多地了解不同类型用户的使用习惯和水平，努力使不同类型用户在操作软件的时候感觉不到困难和麻烦。（理想境界）如果不能使所有类型的用户都感到满意，那么重点满足以下类型的用户：“主流用户”，“有影响力的用户”–“主流用户”是指占最大比例的那种类型的用户。主流用户可能不是水平最高的用户，他们对界面的评价影响软件产品的命运。•有人曾经为某工厂开发“生产管理软件”，采用了很好的B/S技术构架，界面也很美观。但是工人不适应B/S软件界面，无法有效地进行生产管理，最后报废这个软件。–“有影响力的用户”可能不是主流用户，但是他们会影响其它用户对软件的印象。例如互联网论坛版主、作家、传媒人士等。努力提升用户群体对软件产品的好感，杜绝欺骗消费者。–由于互联网的欺诈、恶意竞争的行为盛多，导致广大网民对互联网软件和服务有很深的怀疑和恐惧。–示例：网民被骗使用“收费的免费电子邮箱”，从而对该企业讨厌之极。从此无论该企业推出什么软件和服务，用户不再相信。要有效地收集用户的使用反馈。4.软件用户界面设计要素4.3界面容易被用户理解如果用户很难理解界面的意图，那么他使用起来肯定很费劲。所以“容易理解”是“容易使用”的前提条件。注意事项：–用户界面中的所有元素都不能出现错误文字，也没有令人费解（例如二义性、逻辑混乱）的文字。用户界面设计人员绝对不能对界面上的文字马马虎虎，措词必须“正确、准确”。–图标按钮的含义一定要直观明了，最好给图标加文字说明，防止用户误解。–所有的界面元素应当提供充分而必要的提示，例如当鼠标移动到工具条上的某个图标按钮时，应当在该图标旁边出现功能提示。–界面结构能够清晰地反映工作流程，以便用户按部就班地操作。–文字信息和界面布局尽量和用户群体的使用习惯相匹配。–对于复杂的用户界面而言，最好提供界面“向导”，及时让用户知道自己在界面结构中所处的位置。例如对于基于Web的应用软件，应该在界面上显示“当前位置”，否则用户很容易在众多的页面中迷失方向。4.软件用户界面设计要素图5-3(a)。实名搜索是3721公司的盛名之作，这个搜索的界面有什么不妥吗？图5-3(b)。“地址”两字让人费解，让人搞不清楚是住址，还是http网址？搜索一个名字行不行？“试一试，浏览器地址栏中也可以直接搜索”这句话有点多余（建议换一种提示方式），用户不知道究竟从哪里搜索。如果从地址栏搜索，那么会跳离上网助手的页面，可能放跑了用户。示例分析4.软件用户界面设计要素示例分析图5-3.由于“性感鸡”和其它广告太醒目了，喧宾夺主，使得下面的“功能排列”不被注意