专业网站建设遵循什么流程?

时间:2010-04-01 15:34:47

标签: process

我已经搜索了一段时间,但我在Google或此处找不到任何相关内容。

我和一些朋友正在辩论创办一家公司,所以我认为做一个快速试点项目可能会很好,看看我们能够如何合作。我们有一个设计师可以做HTML,CSS和Flash,喜欢做艺术,但不喜欢做HTML和CSS ......还有2个愿意做任何事情的程序员。

我的问题是,从经验丰富的网站建设者的角度来看,我们采取了什么步骤 - 按时间顺序 - 正确处理网站?设计师是否设计了网站的外观和风格,然后程序员填补了功能上的空白?或者程序员是否创建了具有大部分功能的网站“模型”,然后设计师将其加入?或者它更像是一个来回的过程?

我只是想知道专业人士如何处理它。

更新    回顾一下每篇文章中的一些笔记。

  

第1步:定义要求。您的网站/应用程序将做什么?

     

第2步:用例。谁将使用该应用程序,他们会用它做什么?这不需要使用一堆疯狂的UML图表,只需使用您认为最适合您的任何视觉辅助工具。查找CMS供应商或搜索供应商,或两者。在规划时,可能会做一些竞争对手的分析,看看那些类似领域的人是如何完成他们的。

     

第3步:视觉概念验证。这是由您的设计师完成的,而不是您的程序员......程序员在UI方面非常糟糕。使用像Photoshop这样的图像程序,而不是HTML编辑器。首先让它保持流动和简单。选择网站的三色主题(两种原色和重音)。了解您希望如何布置内容,同时牢记选择的CMS和/或搜索功能。重点关注可用性,稍后添加pizzaz。将创建的概念转换为JPEG模型,或创建临时站点以允许客户端查看工作。暂存站点将允许在将其发布到生产之前测试将来的版本。

     

第4步:一旦网站由设计师构思,让您的HTML / CSS开发人员将其转换为标记。他/她应该拍摄XHTML合规性,并尽可能多地在主要浏览器上进行测试。也是设置版本控制/错误跟踪/管理系统,跟踪变化,错误和反馈的好时机。

     

步骤5:让程序员开始将您的需求转换为软件。这可以而且应该与第4步并行完成,在设计和开发UI时,没有理由不能编写主要部分并编写测试。

     

第6步:使用代码结束最终的UI设计。测试,测试,测试!!

     

步骤7:向客户端显示最终结果,并获得客户端签名。

     

步骤8:将网站部署到生产环境。

     

冲洗,重复......

9 个答案:

答案 0 :(得分:10)

第1步:定义要求。您的网站/应用程序将做什么?

第2步:用例。谁将使用该应用程序,他们会用它做什么?这不需要使用一堆疯狂的UML图表,只需使用您认为最适合您的任何视觉辅助工具。

第3步:视觉概念验证。这是由您的设计师完成的,而不是您的程序员。使用像Photoshop这样的图像程序,而不是HTML编辑器。首先让它保持流动和简单。选择网站的三色主题(两个原色和一个重音)。了解你想要如何解决问题。重点关注可用性,稍后再添加pizzaz。

第4步:一旦网站由设计师构思,请让您的HTML / CSS开发人员将其转换为标记。他/她应该拍摄符合XHTML标准并在尽可能多的主要浏览器上进行测试。

第5步:让程序员开始将您的需求转化为软件。这可以而且应该与第4步并行完成,在设计和开发UI时,没有理由不能编写主要部分并编写测试。

第6步:使用代码结束最终的UI设计。测试,测试,测试!!

冲洗,重复......

答案 1 :(得分:1)

作为第一步,我建议使用paper prototyping之类的方法进行一些预先设计,以锁定您希望网站做什么,以及大致如何看。

接下来,阅读Agile approach到软件开发,看看你是否喜欢它的建议。它倾向于与规模较小,精力充沛的团队合作。

计算您可以创建的可作为产品交付的最少功能,以便您尽快获得用户反馈。然后期望随着时间的推移迭代地向产品添加功能。

答案 2 :(得分:1)

没有一种普遍的方式。每个商店都有不同的做法。因此,警告:总体概括如下。

Web开发通常包含更短的发布周期,因为与客户端软件相比,推出发布版本非常简单。因此,比开发客户端软件时遇到的“瀑布”模型更频繁地使用“敏捷”方法。

答案 3 :(得分:1)

  1. 弄清楚你正在构建什么。
  2. 照顾所有合法的东西(例如,您将形成什么样的商业实体,每个团队成员将如何获得工作补偿,是否会有健康利益等)。
  3. 实体模型。我建议让设计人员做模型,因为程序员在UI设计方面非常糟糕。
  4. 设置某种错误跟踪/案例管理系统,以便您拥有所有功能请求和错误报告的集中位置。
  5. 开始编码。
  6. 一旦你有一个简单版本的应用程序,让一些人测试它,以确保你走在正确的道路上。
  7. ???
  8. 利润!

答案 4 :(得分:1)

Web Style Guide提供了一个非常详细的过程概述。

答案 5 :(得分:1)

只是在硬币的另一面给出一些东西。在我工作的地方,我们在过去的几年里,一直在重新设计公司的网站。以下是该过程的一些亮点:

  1. 确定供应商,了解所需的各种功能。在这种情况下,这意味着要找到内容管理系统供应商以及搜索供应商。

  2. 为网站获取可应用于第一步所选内容的新设计。

  3. 使用系统集成商和内部开发人员,开始为网站构建一些功能,并将灵活的,可自定义的软件放在1中,使其对组织有用。请注意,这是花费了几年的时间来完成这项工作并解决了一些商业决策。

  4. 发布预览网站以验证功能并修复错误,根据需要添加增强功能。

  5. 请注意,在您的情况下,您可能没有相同的预算,但有各种CMS框架可供选择,以及您希望为该网站进行多少集成?是否必须与六个不同的系统交谈?在我上面提到的案例中,有CRM集成,ESB集成,搜索集成和翻译集成,以提供一些必须正确连接的示例。


    在回复评论时,请确保您和客户知道“简单”是什么意思,好像有任何电子商务功能,论坛或个性化这些都是知道需要什么的重要例子现在,了解未来需要什么,因为客户可能会想要很多东西,但是你必须在未来的某些方面找出一些细节。例如,有些人可能认为谷歌很简单,从最终用户的角度来看,谷歌运行了多少台计算机有多少不同的应用程序每天24小时处理多少处理?我想,有点儿。简单是好事,但有时候让事情看起来很简单可能会非常困难。

答案 6 :(得分:1)

您应该根据需要混合和匹配此处提供的列表。

我只是想确保你知道一件事......

客户在网页设计方面是“stoopid”。

你必须从他们天真的小灵魂中抓住,刮擦,拖拽,掠夺,撕裂和解除每个的要求。如果你没有这样做?猜猜是谁应该受到指责?

你现在往下看的道路是充满竞争,压力和风险的艰难道路。它需要耐力,信心,耐心以及每周7天吃拉面的能力。

答案 7 :(得分:1)

添加(或重复)Dave Swersky的名单。

  1. 收集客户的要求

  2. 做一些竞争对手的分析。收集 竞争对手网站的屏幕截图。

  3. 构建站点地图/线框 - 什么是 网站的结构/内容?

  4. 让设计师创建JPG模型。 他们可能会使用屏幕截图 “灵感”

  5. 获取反馈意见 客户端基于JPEG的

  6. 创建HTML JPEG的模型

  7. 获取反馈 来自客户。如果是,请返回步骤4

  8. 使用实现HTML 选择技术

  9. 对网站进行单元测试

  10. UAT并获得签名。

  11. 部署直播

  12. 客户反馈至关重要,他们应该参与每一步,以确保成功实施。

    希望这有帮助

答案 8 :(得分:1)

除了其他答案中列出的步骤外,我还要添加(在“周期”结束时添加的地方):

X。一旦您拥有或多或少的端到端解决方案,请设置一个临时站点。

收率让客户在登台网站上签名。

ž。部署到生产站点。

庆祝!但不是太难,几乎总会有一些变化的迭代,因为用户很少知道他们第一次真正想要的是什么。

因此,(而不是),客户端要求更改时,您可以先处理更改并将其提升到暂存站点!这很重要,因为a)它让客户有机会在全世界看到它们之前预览更改b)如果生产站点上的数据的完整性很重要,您可以在影响生产之前清除暂存站点上的任何问题数据