user-interface - 可用性/UI 设计/UX 等 - 为项目记录

Question

我是一名软件开发人员，我现在要进行一个项目，该项目涉及使用 ASP.NET(3.5/2008，使用 Web 客户端软件工厂)实现网站。我的任务是为该项目创建一个 UI/UX 设计文档，但是我真的不知道从哪里开始。

3 年来我一直在从事一个项目，其中有一份正式的 UI 设计文档，其中包括布局和样式指南/规则(例如，应用程序有标题、导航等，链接必须是颜色 A，用于积极操作的按钮必须在右边等)。事后看来，这非常有用，我很感激有人也付出了那么多努力——甚至在文档中定义了 CSS 类。但是，该文档基于现有应用程序并符合企业的整体企业形象。

当前项目是一个新项目，目前还没有明确定义的要求(是的，我知道......当没有很多要求时你如何设计......我跑题了)。很难知道究竟需要什么功能。有两种不同的用户类型/角色，但本文档不会对它们进行正式研究。另外，我不确定公司的身份，除了该公司对使用他们的标志有一些规则，我只会在几天后得到进一步的澄清。

所以我有点茫然，在 Canvas 上涂颜料，希望最后能得到一张漂亮的照片(要是我是 jackson ·波洛克就好了)。

您会在本文档中包含哪些内容？它针对的是企业(客户)以及开发人员。我只能想到以下几点:

布局 - 页眉、页脚、内容、导航

样式 - 不同预期组件的调色板和样式

用户交互 - 当用户执行操作并且必须等待他们收到模式对话框的通知时，使用 AJAX 完成验证，导航应该是上下文的，任务应该通过最少的点击/导航等来执行，等等。

有没有人有过创建这样一个文档的经验，或者任何已知的、经过试验和测试的 UI 设计过程？

谢谢，

詹姆士

Answer 1

在这样一组文档中可以包含各种元素:

视觉风格指南(颜色、字体、大小、图标等)

品牌指南(企业标志、颜色、信息等)

版权风格指南(术语、适当的消息传递、适当的声音等)

角色/人口定位

页面布局指南

CSS 指南/标准

JS 指南/标准

用例

可访问性问题

可用性问题

示例实现

IA 路径流向

线框组件

等

如果可以的话，我会拿起这本书让你开始思考这个问题:

http://www.amazon.com/Web-Anatomy-Interaction-Frameworks-ebook/dp/B002ZY5FCW/ref=sr_1_2?ie=UTF8&s=books&qid=1262983955&sr=8-2