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

时间:2010-01-08 20:42:21

标签: user-interface interface usability user-experience

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

我在3年内参与过一个项目,其中有一个正式的UI设计文档,其中包括布局和样式指南/规则(例如,应用程序有标题,导航等,链接必须是颜色A,按钮积极行动必须在右边等等)。事后看来它非常有用,我很欣赏有人也付出了很多努力 - 甚至在文档中定义了CSS类。但是,该文档基于现有的应用程序,并符合企业的整体企业形象。

目前的项目是一个新项目,目前还没有明确定义的要求(是的,我知道......当没有多少要求时你如何设计......我离题了)。很难知道究竟需要什么功能。有两种不同的用户类型/角色,但本文档不会对它们进行正式研究。此外,我不确定企业的身份,除了企业有关于使用他们的徽标的一些规则,我将在几天内进一步澄清。

所以我稍微在黑暗中,在画布上扔油漆,希望我最后得到一张漂亮的照片(如果我只是杰克逊波洛克)。

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

  1. 布局 - 页眉,页脚,内容,导航
  2. 样式 - 不同预期组件的调色板和样式
  3. 用户交互 - 当用户执行操作并且必须等待时,他们会通过模态对话框通知,使用AJAX进行验证,导航应该是上下文,应该使用最少量的点击/导航执行任务等。
  4. 有没有人有过创建此类文档的经验,或者任何已知的,久经考验的UI设计流程?

    谢谢,

    詹姆斯

3 个答案:

答案 0 :(得分: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 :(得分:1)

除了规划文档中所有其他明显的组成部分外,最好还是绘制UI的各个部分以及所说明的特定用例的附带说明。

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

为了缓解这种情况,我一直在玩Balsamiq Mockups。它有一个很好的属性,它是一个可编辑的餐巾背面,故意渲染所有对象和屏幕布局与手绘的感觉。我喜欢我用小型内部项目取得的成果。我还没有机会将它用于与许多外部利益相关者合作的大型项目。

答案 2 :(得分:0)

Human Interface Guidlines的维基百科文章有一些很好的链接,我将建议。他们中的一些人可能拥有的信息远远超过您的要求,但是他们应该对您应该添加的内容有一个很好的了解。

我一直认为Apple的指南非常完整和有用,但它们肯定 非常 完整且需要大量阅读。