软件用户界面设计课件.pptVIP

软件用户界面设计 —— 分析问题 —— 传授方法 林 锐 博士 linrui@ 上 海 漫 索 计 算 机 科 技 有 限 公 司 Page 2 参考书： 《 Web 软件用户界面设计指南》，林锐 等，电子工业出版社， 2005 Page 3 目录 1. 咨询流程 2. 软件用户界面设计的重要性 3. 现状、问题和原因 4. 用户眼中的好软件 5. 软件用户界面设计的要素 ? 5.1 界面适合于展现功能 ? 5.2 界面适合于用户群体 ? 5.3 容易理解 ? 5.4 及时反馈操作信息 ? 5.5 防错和出错处理 ? 5.6 一致性和个性化 ? 5.7 最少步骤、最高效率 ? 5.8 合理的布局 ? 5.9 合理的色彩 ? 5.10 国际化 Page 4 1. 咨询流程 1.1 流程图 持续提升企业的软件用户界面设计能力 1. 调研 2. 用户界面诊断 3. 界面设计培训 4. 集体练习 5. 总结与改进 Page 5 1. 咨询流程 1.2 步骤 ? 第 1 步 调研。 咨询师访谈公司领导、界面设计人员、软件开发和测试人员，以及阅读产品开发的 相关资料（例如需求文档、设计文档），了解用户界面设计的能力现状。 ? 第 2 步 用户界面诊断。 咨询师对公司实际软件产品的用户界面进行诊断，找出不合理的设计，记 录案例。 ? 第 3 步 设计方法培训。 咨询师讲解软件用户界面设计方法，同步进行案例分析（从第 2 步获得）。 帮助学员了解并掌握软件用户界面的 10 个设计要素。 ? 第 4 步 集体练习。 软件产品的所有相关人员在学习用户界面设计方法之后，进行集体练习： – 根据“检查表”诊断软件用户界面，发掘问题，阐述观点； – 给出改进建议 ? 第 5 步 总结与改进。 咨询师总结所有的“问题和建议”，相关人员有计划地改进软件用户界面。 Page 6 2. 软件用户界面设计的重要性 2.1 发展趋势 ? 软件用户界面的发展经历了从简单到复杂、从低级到高级的过程，用户界面在软件系统中的价值 比重越来越高。 如果编程之道是完美的，那么操作系统就是完美的；如果操作系统是完美的，那么编 译程序就是完美的；如果编译程序是完美的，那么应用程序就是完美的。于是，用户满意 之极，和谐应运而生。 —— 《编程之道》开篇语 2.2 开发竞争 ? 得益于互联网的发展和普及，软件开发的技术门槛在不断下降，大部分软件企业的技术手段也趋 向于雷同，“软件设计”变得越来越重要。当大家都掌握了相似的技术和需求信息后，企业之间 的开发竞争“比的就是设计”。 – 软件用户界面设计要综合考虑“易用性设计”、“艺术设计”和“技术实现”，很有挑战 性。 2.3 用户挑剔 ? 用户界面在很大程度上影响着软件的命运，因为广大用户对软件的评价主要来源于他们操作用户 界面的感受。同类软件越多，选择余地越大，购买者对软件用户界面就越挑剔。 – 尤其是互联网的软件和服务（免费或收费）。 Page 7 3. 现状、问题和原因 3.1 不容乐观的现状 ? 尽管国内有很多技术出色、聪明过人的软件工程师，但是不少人开发出来的软件产品却既难用又 难看，客户很不满意。导致经常要修改软件的用户界面，造成极大的生产力浪费。 ? 到处是用户界面设计缺陷： – 不可原谅的过失！（小偷和神父的故事） – 界面措辞含糊，甚至有错别字。连简单的消息框都设计不好，可能存在文不对题的语病。 – 界面布局混乱，缺乏逻辑，凡是能放的东西都堆集上去，让用户不知从何下手。 – 没有防错处理，不对用户输入的数据进行检验，不根据用户的权限自动隐藏或者禁用某些 功能。执行破坏性的操作之前，不提醒用户确认。总之，如果用户执行了错误的操作，那 他活该。 – 不提供进度条、动画来反映正在进行的比较耗时间的过程，对于重要的操作也不返回结果 ，让用户干着急。 – 我们见到的用户界面缺陷不胜枚举 …… ? 失败的案例 – 某企业的电子政务软件 – 某银行的网上支付软件