什么应该是设计网站的工作流程

时间:2012-01-30 17:05:37

标签: user-interface web

创建网站时应该使用什么工作流程。在软件项目中,我们遵循以下步骤:

  
      
  • 要求收集和创建SRS
  •   
  • 从SRS创建设计文档
  •   
  • 创建Tractability矩阵以映射SRS和Design Doc
  •   
  • 创建UML然后编码
  •   

这是我们开发应用程序时最重要的步骤。虽然它们之间的步骤也很少,比如从设计器获取UI线框并集成到我们的应用程序。

现在,问题实际上是设计。我应该如何从WebSite Designing开始。

  
      
  • 使用Photoshop创建静态网站模板然后开始实施它是否肯定?
  •   
  • 如果是这样,首先应首先创建背景,然后在页面上创建元素,依此类推,同时将它们转换(写入标记)为HTML。
  •   
  • 我非常有兴趣尽可能创建我自己的完整网站并准备好花时间。
  •   
  • 在哪个时间点我应该决定是实现jQuery还是普通的Javascript或Flash。
  •   

我有一些想法,这是随便的。帮助我进行措辞并将其放置到位。

2 个答案:

答案 0 :(得分:2)

  1. 在Photoshop中创建整个模型。
  2. 切出所需的任何UI图形 - 这些图形都应设置为CSS背景图像。
  3. 制作纯HTML页面,作为网站上使用的各种模式的模板。
  4. 开始后端集成,以及基于这些模板的客户端脚本。

答案 1 :(得分:2)

在我看来,“网站”和“应用程序”之间没有什么区别。网站是一种应用程序,通常与传统的“桌面应用程序”一样复杂。

我们通常有两个方面同时进行。您的UI / UX严重依赖于客户/所有者的互动,并且您拥有网站的技术细节,通常不是。

无论如何,双方通常从需求收集开始,这成为一个规范,然后成为一个原型,然后迭代,直到它是一个产品。

还有其他方法,但这是我最熟悉的方式。

另一方面,您似乎在询问使用哪些文件。将“mockups / wireframes”视为UML的UI等价物。它首次尝试定义UI将如何形成。使用它有一些缺点,因为你真的不了解交互功能如何工作。在某些情况下,你想制作一个html模型,它实际上会告诉客户某些东西是如何工作的。小心不要让他们觉得模型是一个接近完整功能的东西。让它看起来粗糙。