UI与交互设计整理幻灯片.ppt

Research (调查研究) Context studies(背景研究) Focus groups 关注群体 Competitor comparisons (竞争对手对比) Depth interviews 深度面试 Questionnaires 问答 User personas and scenarios 用户角色与场景了解 User goals 用户目标 Usability goals 可用性目标 Concept (概念定义) Concept models 概念模型 Usage scenarios 使用场景 Paper prototyping 简易原型 Usability testing 可用性测试 Expert evaluation 专家评估 Design (界面设计) Product structure diagram 产品结构示意图 Process flows 程序流程 Wireframes 框架 Interactive prototypes 交互原型 Card sorting 卡片分类排序 － 就是把关键流程用卡片形式定义下来，然后不断组织，了解和挖掘最佳的排序模式 Usability testing 可用性测试 Accessibility evaluation 易用性评估 Expert evaluation 专家评估 Functional specifications 功能型详述 Implementation (执行测试) Usability testing 可用性测试 Expert evaluation 专家评估 Accessibility evaluation 易用性评估 Launch (发布) Usability testing 可用性测试 Expert evaluation 专家评估 Accessibility evaluation 易用性评估 Focus groups 关注群体 Competitor comparisons (竞争对手对比) Metrics 测量 第二章 UI的分类 2.2.1传统界面介绍 传统界面是指可视化的实物界面，比如电视机的按钮、电源排插的插孔、键盘、汽车飞机的操控台、食堂的打卡机刷卡界面、相机的按钮界面、门上的把手界面、仪器的拆装提醒界面、交通指示牌、手机键盘界面等。诸如此类的“硬件”界面就是我们所熟知的传统界面，他们的共同特点是看得见摸得着，不同的是有些界面你可以直接对它进行操作，通过正确的程序或者指令去完成操作过程，实现目的，比如插上插排就可以通电，打开电视机就可以看电视。有些界面则不行，例如拆装提醒界面、交通指示牌，这些是不能对它们进行直接操作的界面，它们的主要功能是提醒使用者去执行某件事情，它是不具有可操作性。 键盘界面——可操作界面 相机界面 电视机、遥控界面 2.2.2 图形用户界面 图形用户界面(GUI-Graphics User Interface)是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。比较成熟的商品化系统有 Apple的Macintosh、 IBM的PM(Presentation Manager)、 Microsoft的Windows 运行于Unix环境的X-Window、OpenLook和OSF/Motif。 当前各类图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(Event-Driven)技术。图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点。 2.2.2.(1) 制作界面的软件介绍 对于设计类的软件相信大家都不会很陌生了，我们大家所熟知的有以下软件Photoshop\Illustrator\Flash\Coreldraw\3Dmax\Maya。 Photoshop是款功能强大的绘图和制图软件，它是平面设计者的绝佳选择，它有强大的画笔功能和滤镜效果，，它可以把界面做得非常的华丽，色彩丰富质感逼真。用它适合做写实类的界面设计，比如科幻、魔兽类游戏的界面。但它也有自己的缺陷，Photoshop是款像素图图像编辑软件。它不能制作矢量类的界面，所以用它制作的界面是不可以拉伸和放大的。一旦拉伸了就会出现马赛克现象，这会严重损坏界面的美观效果。 Photoshop的孪生兄弟Illustrator 作为全球最著名的图形软件Illustrator，以其强大的功能和体贴用户的界面已经占据了全球矢量编辑软件中的大部分份额。具不完全统计全球有67%的设计师在使用Illustrator进行艺术设计！尤其基于Adobe公司专利的PostS