可用性/ UI设计/ UX等-项目文档

Question

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

我参加了3年的一个项目，那里有一个正式的UI设计文档，其中包括布局和样式准则/规则（例如，应用程序具有标题，导航等，链接必须为A颜色，采取积极行动的按钮必须在右侧等）。事后看来，它非常有用，我很感激有人也付出了很多努力-甚至在文档中定义了CSS类。但是，该文档基于现有的应用程序，并且符合企业的整体公司身份。

当前项目是一个新项目，目前尚无明确定义的需求（是的，我知道...在需求不多的情况下如何设计...我离题了）。很难知道到底需要什么功能。有两种不同的用户类型/角色，但是对于本文档，不会对其进行正式研究。另外，我不确定公司的身份，除了公司对使用徽标有一些规定外，我将在几天后再作进一步澄清。

所以我有点漆黑，在画布上扔油漆，希望最后得到一张漂亮的照片（如果只有杰克逊·波洛克的话）。

您将在本文件中包括什么？它针对企业（客户）以及开发人员。我只能想到以下几点：

1. 布局-页眉，页脚，内容，导航
2. 样式-调色板和不同预期组件的样式
3. 用户交互-当用户执行某项操作并必须等待通过模式对话框通知他们时，使用AJAX进行验证，导航应是上下文相关的，任务应以最少的单击/导航等方式执行，等等。

是否有人在创建此类文档方面有任何经验，或者在UI设计方面有任何已知的，久经考验的过程？

谢谢，

詹姆士

Answer 1

除了规划文档的所有其他明显组成部分之外，最好绘制 UI 的各个部分以及所说明的特定用例的随附叙述。

我过去在尝试传达 UI 想法时遇到过问题。绘制对话框和操作序列的草图通常很有用。如果这些草图看起来太“真实”，那么它们就有可能成为最终产品的规格。

为了缓解这个问题，我一直在使用Balsamiq Mockups。它有一个很好的特性，那就是它是一个可编辑的餐巾纸背面，并故意以手绘的感觉渲染所有对象和屏幕布局。我喜欢用它在小型内部项目中取得的成果。我还没有机会将它用于具有许多外部利益相关者的大型项目。