可用性/UI设计/用户体验等——为一个项目进行文档记录

5
我是一名软件开发人员,现在要实现一个使用ASP.NET(3.5/2008,使用Web Client Software Factory)的网站项目。我被指派为该项目创建UI / UX设计文档,但我不知道从哪里开始。
我在3年的时间里参与了一个有正式UI设计文档的项目,其中包括布局和样式指南/规则(例如,应用程序具有标题、导航等,链接必须是颜色A,积极操作的按钮必须在右侧等等)。回想起来,它非常有用,我很感激有人付出了这么多的努力,甚至在文档中定义CSS类。然而,该文档基于现有应用程序,并符合业务的整体企业形象。
目前的项目是一个新项目,目前没有明确定义的需求(是的,我知道...没有很多要求的情况下如何设计...我离题了)。很难知道确切需要什么功能。有两种不同的用户类型/角色,但此文档不会对他们进行正式研究。此外,我不确定企业形象,除了业务有一些关于使用其标志的规定,我将在几天后得到进一步的澄清。
所以我有点不确定,试图在画布上涂颜料,希望最终能得到漂亮的图片(如果我是杰克逊·波洛克就好了)。
您会在这个文档中包括什么?它面向业务(客户)和开发人员。我只能想到以下内容:
1.布局-标题、页脚、内容、导航 2.样式-不同预期组件的颜色调色板和样式 3.用户交互-当用户执行操作并必须等待时,他们将通过模态对话框进行通知,使用AJAX进行验证,导航应该是上下文的,任务应该用最少的点击/导航来完成,等等。
有没有人有创建这样的文档的经验,或者有任何已知的、经过验证的UI设计流程?
谢谢,
詹姆斯

我会在您的清单中添加用例和可用性研究。您还应该更具体地说明“用户不活动”,我可以告诉您正在从软件开发的角度思考,但UX/UI设计是另一种动物。 - Jay Zeng
我是一名开发者 :) 问题是我们只有一个用户注册用例。然而,我认为客户会喜欢一个“Web 2.0外观和感觉”的UI/UX设计文档。但是如果不知道需求,我不确定该怎么做!我认为不需要进行可用性研究(您是指提前进行调查,还是实际上与一组用户进行可用性测试?)。 - jamiebarrow
4个回答

2

这样的文档集中可能包含各种元素:

  • 视觉风格指南(颜色、字体、大小、图标等)
  • 品牌指南(公司标志、颜色、信息传递等)
  • 版权风格指南(术语、正确的信息传递、正确的语气等)
  • 人物/人口统计学定位
  • 页面布局指南
  • 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


1

除了规划文档中的其他明显组件外,草绘 UI 的部分以及相关用例说明会是一个好主意。

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

为了缓解这种情况,我一直在使用 Balsamiq Mockups。它具有可编辑的餐巾纸背面的良好特性,并故意呈现所有对象和屏幕布局的手绘感觉。我喜欢我在小型内部项目中取得的成果。我还没有(至今)有机会将其用于涉及许多外部利益相关者的大型项目。


0

人机交互指南的维基百科文章有一些我想要推荐的好链接。其中一些可能包含比你需要的更多信息,但它们应该能够让你对应该添加哪些类型的内容有一个很好的想法。

我一直觉得苹果公司的指南非常完整和有用,但它们肯定是非常完整,并需要大量阅读。


-2

UX文档是UX设计过程中至关重要的一部分。它作为一个连接,为产品的整个生命周期提供上下文背景,从最初的概念到目前的迭代。

良好的UX文档应该简洁明了,具有可操作性和目的性。UX文档是产品从开始到当前发布的功能文档。这些文档之所以重要,有以下几个原因:

组织记忆 入职和交接 真相的唯一来源 促进更好的沟通和协作 有价值的研发和知识产权


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接