大型网站设计维护问题总结及解决办法，中小网站也适用
很不错的一篇文章，很好的总结了大型网站设计和维护中会遇到的问题，并提出了相应的解决办法（建议），Dream觉得对中小型网站也同样适用。设计，重构，维护和开发团队的工作给了我一些能使事情变得更容易的用用的见解和技巧。大型网站网站
这是一篇非常好的文章。总结了大型网站设计和维护中遇到的问题，并提出了相应的解决方案（建议）。 Dream感觉对于中小型网站也适用。
项目的范围和规模各不相同，并且带来独特的挑战。作为一名独立网页设计师，我最大的责任就是负责。该网站拥有数千名活跃用户聊天、上传和购物，处理大量资金和巨大流量。在设计、重构、维护和开发团队中的工作给了我一些有用的见解和技术，让事情变得更容易。而且，就在昨天，我们开始了对该网站最大的重新设计之一维护网站，因此这似乎是一个记录我最有用的 7 条提示的好机会。
1. 可维护的设计和代码
我的第一个也是最后一个建议是设计您的网站，使其易于维护。很多时候，当你设计一个网站时，你可能会为了美观而牺牲一些东西。例如，您可以使用图像和文本或样式即可达到目的。或者您可能故意使用不留有缩放空间的菜单结构。随着网站变得越来越大，这将成为一个非常糟糕的设计。两年前，当我构建第一个版本时，我使用了图像按钮。它们看起来很漂亮，但同时我却被 100 多个不同的按钮图像库所困扰，更不用说修改图像了。然后在接下来的几个月里，当开发人员需要新按钮时，他们向我索要新图像。不用说，我很快就学到了这一课，我们切换到了一个单独的按钮类，这看起来不太好，但更让人放心。可维护性的另一方面是考虑网站将如何发展和变化。例如，当添加一个新页面时，它会去哪里？我一直想要一个水平导航栏，但经过一些实验，我们将自己限制为一个垂直导航栏，并添加了子列，从而向页面添加选项卡结构以确保相关页面分组在一起。我不会说这是世界上最好的导航栏，但它确实使我们不必在向站点添加新节点时重新设计它。因此，当您设计大型网站时，请尽量保持简单，您会很高兴您这样做了！
2. 找出您的用户组和任务
大型网站和小型网站之间的最大区别之一是使用该网站的不同用户类型的数量。例如，在 上，有买家、作者、访客、管理员和会员。每个用户组都有自己独特的目标和任务。有时他们的任务重叠，但又非常不同。用户任务处于相互冲突的角度的最佳示例是在网页上。网站上的任何地方都连接着每个用户组，而在其他地方，确保每个人都能拥有他们想要的东西非常重要。当然，您必须小心，在为一个用户组提供服务时不要忽略另一个用户组。在最新的重新设计中，我工作最多的区域是主页。我做的第一件事就是为自己列出每个用户组需要做什么：
1. 买家——在线购买文件的人
浏览商品、搜索、访问他们的个人资料、存款、学习使用该网站（新买家）
2. 作者——在互联网上销售商品的人
与其他会员聊天，在首页展示自己项目的特色，了解网站新闻，快速获取他们的投资组合和回报
3. 新访客——潜在买家/作者/会员，刚刚到达网站的人
快速了解网站的内容、开始使用教程以及查看不同类别的文件和价格。
4. 会员——不是真正的买家或作者，但活跃在社区中
与其他成员聊天、查看网站新闻和浏览文件
5. 管理员/审阅者 – 我们的员工，管理文档审批、主持论坛并参与大多数活动
快速批准文件、查看最新论坛主题以及添加站点新闻
当您知道不同的用户组想要做什么时，您就可以设计一个满足他们所有需求的网页。不用说，随着用户组和任务的数量呈指数级增长，这是一项艰巨的任务。在网站的其他页面上，您经常会与某些用户组发生冲突，但在主页上，他们都集中在一起。毫无疑问，主页是设计网站时最重要的事情。在满足不同的需求之前，您需要考虑您的用户群。为此，您需要了解该网站想要实现的目标。
3.了解网站的目标
尽管每个用户组自然会认为他们是最重要的，但您应该使用他们的优先级来确定网站试图实现的目标。例如，上面我们为候选人列出了以下结论：
1、网站的首要使命是为买家服务。为买家提供服务可以带来持续的收入，同时也为作者社区提供服务。
2、访问者快速了解网站并成为会员也至关重要。它仍处于一个相对新兴的市场，新的竞争对手不断出现。如何将注册会员变成买家或作者非常重要。
3、创作者是网站的核心部分，也非常重要。与其他用户群体不同，他们是网站的坚定支持者。
4、注册会员虽然不如创作者或买家那么重要，但他们也在为周边社区做出贡献。
5. 作为员工，管理员/审核者相对最不重要。
因此，从上面可以得出，网站服务的用户需求的优先级顺序是：访客>买家>作者>会员>管理员。知道你的网站想要实现什么是最终用户线程的缝合任务，并告诉你应该尝试在页面上放置什么。了解网站的目的可以将您的目标联系在一起，并告诉您应该在每个关键页面上放置什么内容。我需要能够识别用户组、任务和优先级。对于主页等重要页面，我会在纸上精心设计，而对于一些小页面，我会在脑海中思考。
4. 设计、完善、完善、完善……
找到用户组、任务、网站目标、优先级等后，就可以开始设计了！这是至关重要的一步，因为在实践中，此步骤可以显着减少必要的设计返工量。每当我第一次开始设计一个网站而没有先真正分析它时，我不可避免地要进行大量修改，甚至整个屏幕界面。许多设计师喜欢在此时使用线框，它简单地用线条和方框勾勒出内容应出现的大致位置。我个人更喜欢一开始就使用它，因为我的速度不够快，所以它可以让我详细地看到细节的变化。我还认为详细的信息设计比在纸上展示更直观。简单地改变颜色和背景颜色就可以让整个网页元素立即看起来更重要。一旦你粗略地了解了需要处理哪些信息，你应该拿出一个可行的设计，大体上就可以了，然后细化、细化、细化。我经常会草拟 5 或 6 个相同的外观，然后在上面尝试不同的类型、尺寸、图像、布局更改、背景等，看看您的感觉如何。不管你认为你的第一个布局有多好，我可以保证，在花了一段时间做了几次版本升级之后，你会发现你原来的版本并没有你最初想象的那么好。有时你甚至扔掉整个设计并重新开始。而如果你的基础很好，那么精炼就能给你带来美好的结果。
5.听取别人的意见并做出自己的最终决定。
在任何大型事业中，你都会受到许多其他观点的影响。在我开始工作之前，我曾与.在此期间，我也不幸地设计了一些大型保险公司和一些政府机构。我说不幸是因为当你去拜访这个客户时，你正在与那些拥有大量利害关系的人打交道，在很多情况下都会做出错误的决定，而当时真正的决策权并不明确。这会导致无休止的会议、无休止的变化以及你的愿景的极大混乱。无论用户是谁，真正重要的是听取他们的意见。在大多数情况下，他们比您更了解业务。希望他们比您更了解您的用户，并且这些知识将为您提供建设性的反馈。从与您合作的开发团队获取意见也同样重要。我们很幸运拥有两位在用户界面和可用性设计方面拥有丰富经验的开发人员。根据他们的意见以及其他团队成员的意见，针对最终产品提出了许多不同的想法。但最终，是时候由您（设计专家）做出最终决定了。如果您的客户很难相处，这可能会很棘手，因为这些客户通常认为他们应该做出最终决定。如果是这种情况，你需要找到一种方法来解释、教育并向他们表明你的选择会带来最好的好处。 ；有时我会硬着头皮接受客户的意见，并将其作为项目的长期建设性特征。
6. 为未来做好准备
当您为大型网站进行设计编码时，仔细考虑未来的变化非常重要。您管理文件和文件夹的方式将极大地影响您接下来要做的工作。例如，我们最近决定创建一个以音乐为中心的姐妹网站。为简单起见，该网站将使用相同的 HTML，只需更改样式以使其看起来像不同的网站。以下是一些需要记住的事情：
1.组织良好的文件夹结构
脚本、样式表、界面图片、图片内容等都需要单独存储。如果您的网站很小，您可能可以将这些内容混合在一起，但在大型网站上，找到您需要的内容变得更加重要。
2. 对文件使用常规且良好的命名约定。
没有什么比寻找名为“gd_l3.jpg”的图片更糟糕的了。如何做到这一点基本上是个人问题，但我认为使用通用描述性文件名前缀会有更多帮助。例如：我可以为标题中的每张图片添加前缀“”，并为每个背景添加“bg_”。标题菜单中的背景可以称为“.jpg”。
前缀的优点是，当文件按名称排序时，它们都会一起出现。
3. 使用
这是我们的开发人员强迫的，但幸运的是我们使用了它！可以跟踪文件和档案的更改，同时防止其他设计者/开发人员的文件在同一项目中被覆盖。这需要一些时间来适应，但即使开发人员没有理由使用它，在 HTML/CSS 设计中使用它也是值得的。还不知道吗？现在就去使用吧。
4、写HTML、CSS的时候要深入思考写方法
编写垃圾 HTML 和 CSS 代码很容易，而且很难清理它并恢复到原始版本。经过 4 次重新设计后，我仍然使用很多相同的 CSS 文件，并且必须系统地清理不再使用的 CSS 类或导致布局定义混乱的 CSS 类。通过大量的输入，甚至可能是多个样式表，并确保您有良好的命名风格！
5、尽早启动浏览器差异兼容工作
我在这方面的工作中犯了错误，至今也付出了惨重的代价。我最初的布局设计是在 IE7 上进行的，直到我们完成整个网站后我才意识到 IE6 已经被忽略了。此后我们添加了 IE 浏览器条件、CSS Hack 和其他解决方案。当您构建大型网站时，如果页面上只有几个元素，则更容易处理浏览器兼容性，因此不要犯同样的错误！
7. 确保您的样式表可以轻松扩展
网站越大，设计者查看或修改每个单独页面的可能性就越大。如果您是大型网站上的唯一设计师（就像我一样），您可能不想在每个页面上重新定义它。因此，多花点精力在样式表上维护网站，使用默认属性，才能让页面看起来不错。
1. 确保定义了“input”和“”等元素的默认样式。
这样的页面可以很好地自动渲染。如果你想期望别人做“”之类的事情，那么它必然会与其他页面不同
2. 创建开发人员可以重用的元素
例如上面我们有一个名为“”的CSS表格类，它可以保证填充数据时有良好的样式。当我有机会设计网页样式时，我可以使用个性化的表格和数据突出显示类型，但很少有开发人员将页面做成综合样式来使用。
3. 请确保您的网页布局具有良好的结构，即使它只包含文本。
总有一些页面您还没有添加图像，它们可能看起来有点无聊。通过使用标题样式、工具栏等，您可以确保它们看起来不错并且具有一定的视觉风格。在大多数示例中，我们的文本块总结如下：
默认情况下，文本周围有漂亮的边框和标题。这使得与开发人员合作变得更加容易，并在文本和演示文稿之间提供了很好的分离，使其更具可读性。我们还有一个侧边栏组件，它只是额外包装文本内容，但它使页面看起来更直观。经过设计师的设计，每个页面基本上都优化了，但可能没有那么健壮，看起来还是专业、统一的。
