UI那些事+培訓文檔.pdf

Blue.Han@ FreePP: Blog: 缘起：设计和艺术的碰撞 设计=艺术？ 在唐纳德.A.诺曼的 《情感化设 计》的第一页可以看到这个精美 别致的壶，它是由法国艺术家雅 克·卡洛曼创造的，卡洛曼称它 为咖啡壶：一个“专为受虐狂设 计的咖啡壶”。后来才发现,茶 壶嘴和茶壶柄在同一边,根本就 是一个不可用的壶。 咖啡壶 雅克 ·卡洛曼 设计与艺术的区别 设计和艺术在实践中有着千丝万缕的联系，但实际上还是有一些区别之处，在此罗列 一些内容，大家可以有一个基本的认识。 • 设计侧重实际的物理作用；艺术侧重精神的心理作用。 – 设计产物大多是产品或服务形态；艺术的创造更多的是人内心的表达和 一种观摩、欣赏。 • 设计像哲学；艺术像宗教。 – 设计探讨的是可能和反思，尽量简化实用；艺术强调的是唯一和崇拜， 突出艺术风格的图片，期待天才和救世主。 • 设计师改善生活；艺术家修炼自己。 – 设计师观察生活，强调吸收进来，改善目前的状态；艺术家不断修炼自 己，强调表达出去，不论世俗干扰，只求艺术境界完美。 UI设计是一个客观理性的过程 UI • UI即User Interface （用户界面）的简称。 UI设计则是指对软件的人机交互、操作逻 辑、界面美观的整体设计。好的UI设计不 仅是让软件变得有个性有品味，还要让软 件的操作变得舒适、简单、自由、充分体 现软件的定位和特点。 UCD • UCD即User-Centered Design的简称，中 文叫“以用户为中心的设计”。基本思想 就是将用户时时刻刻摆在所有过程的首位。 • 简单的说，在进行产品设计时从用户的需求和用户的感受 出发，围绕用户为中心设计产品，而不是让用户去适应产 品，无论产品的使用流程、产品的信息架构、人机交互方 式等，都需要考虑用户的使用习惯、预期的交互方式、视 觉感受等方面。 UCD流程 实例:阿里软件 UCD流程图 UE • 英文User Experience，缩写为UE, 或者 UX。 • 指用户访问一个网站或者使用一个产品时 的全部体验。他们的印象和感觉，是否成 功，是否享受，是否还想再来使用。他们 能够忍受的问题，疑惑和BUG的程度。 用户体验的要素 表现层——视觉设计 在这个五层结构的顶端，我们把注意力转移到网站用 户会先注意到的那些方面：视觉设计，这里，内容、功能 和美学汇集到一起来产生一个最终设计，这将满足其他四 个层面的所有目标。 框架层——界面设计、导航设计和信息设计 在充满概念的结构层中开始形成了大量的需求，这些 需求都是来自我们的战略目标的需求。在框架层，我们要 更进一步地提炼这些结构，确定很详细的界面外观、导航 和信息设计，这能让美色的结构变得更实在。 结构层——交互设计与信息架构 在收集完用户需求并将其排列好优先级别之后，我们 对于最终展品将会包括什么特性已经有了清楚的图像。然 而，这些需求并没有说明如何将这些分散的片段组成一个 整体。这就是范围层的上面一层：为产品创建一个概念结 构。 范围层——功能规格和内容说明 带着 “我们想要什么”、 “我们的用户想要什么的” 的明确认识，我们就能弄清楚如何去满足所有