交互界面策划文案.doc

交互界面策划 流程图由来已久，已确立了自己的一套符号和体制。它容易创建和修改，在概念设计过程中非常有用。流程图定义了网站某部分一些分散网页的序号和它们之间可能的导航路径。流程图也可以用来表现更复杂的交互，如图中的流程图。它使用一些动态符号描述了一个典型的登陆过程。 认知走查——在认知走查中，评估者使用流程图或后面讨论的低保真度原型评估各种情景，找出导致情景运行出错的设计问题。评估者代替主要利益相关者试图完成该利益相关者的所有任务。 九、进一步物理设计 一旦确定了设计是相对稳定和概念完整的，就可以开始设计实际屏幕和页面的布局规划，在需求获取阶段和前面开发阶段所收集的信息提供了实际的屏幕和页面组成的信息。 十、层次框架图 十一、原型 一旦概念设计充分完善，就可以开始考虑物理设计，预想系统看起来会是怎样，它需要什么组成，屏幕应该怎样布局。 在该阶段可以使用下列工具： 低保真原型。评估。层次框架图。功能原型。 原形与很多种类，详细程度也不同。它可能是全局的，表示整个项目，或者只是对设计中某特定模块的详细描述。将它们划分为两种类型的原型——水平原型(horizontal prototypes)和垂直原型（vertical prototypes） 低保真度原型 这个阶段的原型有一个共同点：它们都是低保真度原型。低保真度原型是手工做的，或者是简单的铅笔绘图，或者是订在墙上的一些注解。纸质原型更集中于怎样设计，而不是系统看上去像什么样子。 低保真度原型有以下3个主要标准： 它们应该易于创建且花费较小。它们应该足够灵活，以便于经常变动和重新整理。 它们应该非常完善，能得到关于具体设计问题的有用反馈。 原型化 原型和模拟是对早期设计进行评估的有效工作。模拟，或是模型，是设计的实例化，但没有必要用未来的实现平台来构造。取决于具体的时间限制、设计问题、能力和可用工具的不同，素材板或素材纸的模式将是一种恰当的设计表示方式。原型是使用未来实现平台实现的一个设计实例，包括硬件、操作系统、实现语言和工具。 不同类型的模拟和原型呈现了用户界面或系统功能表现方法、用户界面表现的逼真度和介质构造等有深度和广度的问题。因为原型的概念涉及到很多方面，所以被赋予了不同的名字：用户界面、功能、低精度（即粗略）、高精度（即细化）、轻量级等。详细定义工具及其限制总是好的。 例如： 情景1——各种期刊的诗歌学习 该情景的认知走查需要以下几步： 从首页电击“期刊”链接。从期刊页面，选择一种期刊查看。点击该期的对应链接。浏览诗歌目录。点击该诗歌的链接。阅读学习诗歌。点击链接返回期刊目录页面。点击链接返回期刊页面。点击另一期刊的链接。重复4-6步。 走查该情景的另一种方法是使用全球导航，步骤如下： 从首页电击“期刊”链接。从期刊页面选择一种期刊查看。点击该期的对应链接。浏览诗歌目录。点击该诗歌的链接。阅读学习诗歌。点击全部期刊链接。 重复2-6步。 这个过程也需要13步，但只需要6次点击就能完成。 我们可以不需要沿着到导航结构再返回，或者不需要从全球导航链接重新开始，从而改进上述麻烦情况，可以通过为每一个期刊目录页面和精选诗歌页面填加到其他期刊目录页面的链接来减少步骤。这样以最少步走查这个情景的方法如下： 从首页电击“期刊”链接。从期刊页面选择一种期刊查看。点击该期的对应链接。浏览诗歌目录。点击该诗歌的链接。阅读学习诗歌。点击另一个期刊的链接。重复4-6步。 十二、评估 评估是开发过程中完整的一部分，可以采取非正式的走查形式或有组织的启发式评估形式，但应该在开发早期就开始评估并频繁进行。 设计过程应该及早开始评估。 例如： 原型一旦创建完成就可以开始进行正式的可用性测试。 页面上有导航指示来标记当前所处哪个页面吗？ 页面上是否包含了所有相关内容？ 所有页面都有名称和标题吗？ 所有页面的标题都能反映页面内容吗？ 所有页面的屏幕设置都一致吗？ 是否在文本部分中加入了一些空白区域，使界面更清楚？ 根据页面元素能轻松自然地映射到它们的功能吗？ 分组 页面上不同区域之间有明显的分隔符吗？例如变暗、变界线或颜色？不同含义的分组之间留有空白吗？所有分组都有能代表其含义的标题或标签吗？ 图标 图标的设计风格、模式是否一致？ 所有图标是否都看上去不同，并且含义不同？ 图标是否使用用户熟悉的图片？ 图标是否符合当地的文化习俗？ 图标有标签吗？ 图标与背景的对比是否突出？ 是否已经消除了过多的细节？ 十三、可用性测试 1、完成高保真原型。 你在交互设计阶段完成了线框图，也就是我们常说的低保真原型（别告诉我你没有做），而前不久，你们刚刚确定了一套大家都满意的视觉方案。那么现在，你可以和UI Coding、视觉设计师一起，把这两样东西结合起来，做一套最完整的高保原型。 最好不要拿低保真原型给用户