2015设计培训.pptVIP

Demo就是按照原型和模型用HTML(XHTML)/CSS/JavaScript等等前端技术实现出来，以便后端的开发工程师可以接手编码 到此UI部分基本完成，不知道大家对此流程有什么看法。不足之外还请大家纠正。一起讨论，把UI工作流程做好。 当然，如有条件，最好能参于下前期调研，为能更好的理解用户需求，提升用户体验。 * 原型就是用来让人改的。它存在的价值就体现在被修改了几次，被更新了几次，以及它的下一步被少改了几次。 * 在原型被大家接受之后，就该关心产品长得好不好看了。 我们以“模型”这个词来统称该步骤的交付物。和原型相比，它关注于产品的视觉设计，包括色彩、风格、图标、插图等等。 * 到此UI部分基本完成，不知道大家对此流程有什么看法。不足之外还请大家纠正。一起讨论，把UI工作流程做好。 当然，如有条件，最好能参于下前期调研，为能更好的理解用户需求，提升用户体验。 * 1.以用户为中心。设计由用户控制的界面，而 不是界面控制用户。 2.清楚一致的设计。所有界面的风格保持一致， 所有具有相同含义的术语保持一致，且易于 理解。 3.拥有良好的直觉特征。以用户所熟悉的现实 世界事务的抽象来给用户暗示和隐喻，来帮 助用户能迅速学会软件的使用。 * 使用一致性一致的外观将使用户界面更易于理解和使用。用户界面控件看起来应该是一致的。 ? l 使用安排和流程在西方文化中（包括中国），人们习惯于从左到右，从上到下进行阅读，因此，应该将重要信息放在上面和左边。左上角最容易吸引起人们的注意力。 ? l 使用对齐通常，使用左对齐来使用户界面控件更易于浏览。对于数值文本，应该使用小数点对齐或右对齐。对于非数值文本，应该避免使用右对齐或居中对齐。不必对什么都使用中间对齐，或者使它们保持对称形式。在右边或底部保留空白区域更适合习惯。 l 使用分组将相关的用户界面控件分成组，以体现它们之间的关系。同时，还要显示相关信息。将控件放在它所作用的对象旁。使用空格、分组框、线条和标签，或者其它分隔符对用户界面控件进行分组。 l 使用强调使用焦点、位置、分组、层次、启用/禁用、大小、颜色或者字体等，来将注意力集中在需要首先看到的用户界面控件上。尽量以可视的方式指明用户接下来应该进行的操作。 l 使用可视的提示尽量使用近似的大小和间距来指出用户界面控件是相似的，而使用不同的大小和间距来指出用户界面控件视是不同的。 l 使用空格使用空格来创建一个透气室，以使窗口布局更易于理解，并且查看起来更舒服。空格的多少要适当，不要显得太分散。但是，要避免过多地使用空格。如果可能，尽量使窗口小一些。 l 警惕空洞不要到处粘贴公司或产品的名称及徽标。虽然在启动屏或关于框中出现公司或产品名称及徽标是完全可以接受的，但其他窗口中的可用空间应该出现其他内容。如果没有其他内容，那么应尽量使窗口小一些。 l 注意大小使用用户界面控件的分辨率具有独立性。使用系统规格（使用GetGystemMetrics API 函数）或文本规格（使用GetTextMetrics或GetTextExtentPoint32 API 函数）来确定用户界面控件的大小。任何显示文本的对象（如对话框或定义的文本文档）都应该使用文本规格。 l 考虑使用资源或预定义的布局网格资源模板或预定义的布局网格有助于您在不同的窗口之间实现一致性。 * 被动调整策略：例如功能定制，界面定制 主动自适应调整策略：例如sogou拼音输入法 根据其他用户的使用行为来主动进行自适应调整 购物网中，购买这本书的用户还购买了以下书， 在《长尾理论》中安德森叫过滤器法则，它是长尾现象形成的一个因素 介于主动自适应和被动调整之间的混合策略 例如：windows桌面图标的调整，当有些图标超过六十天没有使用时，将会弹出一个提示气球，询问用户是否现在就开始清理 * 暗示与用户只需通过查看可视提示来确定对象的使用方式的能力有关。在Windows中，请保持使用下面的可视提示： l 可以单击凸起的项目。 l 可以单击当鼠标从其上移过时突出显示的项目。 l 不能单击下凹的项目。 l 可以编辑具有白色背景和闪烁垂直条（光标）的项目。 l 不能编辑具有灰色背景的项目。 l 灰色项目是被禁用的。 l 可以拖动凸起的项目。 * 暗示与用户只需通过查看可视提示来确定对象的使用方式的能力有关。在Windows中，请保持使用下面的可视提示： l 可以单击凸起的项目。 l 可以单击当鼠标从其上移过时突出显示的项目。 l 不能单击下凹的项目。 l 可以编辑具有白色背景和闪烁垂直条（光标）的项目。 l 不能编辑具有灰色背景的项目。 l 灰色项目是被禁用的。 l 可以拖动凸起的项目。 * 尽量提供对所有功能的键盘访问理想情况下，除了绘图这