设计网站时要考虑的60个问题

我们花了很多时间问自己、客户和其他人问题。无论是为我们最新的网页布局选择完美的绿色阴影，还是想出如何实现一个复杂的排版解决方案，这种能力问正确的问题是网页设计师最重要的技能之一。在这篇文章中，我们将讨论60个具体的问题，网络专业人士在将他们的网站公开之前应该问。

为什么问自己问题很重要

许多专业人员借助检查列表进行工作，而其他人则随着设计的发展定期检查某些问题。

然而，没有一种万无一失的方法可以避免忘记东西的尴尬投放市场后在美国，在开发网站时不断质疑自己的工作是至关重要的。有时它可以简单到“这个有用吗?”;在其他情况下，需要提出(并回答)更多的技术问题。

的25点网站可用性清单(PDF)对您的工作流程有帮助。事后怀疑自己成为一个神经官能症(完美主义者经常这么做)或者盲目地做决定。没有完美的方法来衡量一个项目的需求或我们所做的决定，但在这个过程中提出困难的问题可以帮助我们避免以后的问题。

15个项目管理问题

网页设计的核心任务之一是项目管理。

建立一个新网站就像为房子打地基一样。有这么多的细节要处理，提前计划和管理正在进行的任务是必不可少的。

Basecamp是一个流行和有效的项目管理应用程序。

1客户签合同了吗?没有合同的工作是非常危险的。

2你知道最终产品应该是什么样子吗?有一个可靠的行动计划，包括一些图表，线框图例如原型或实物模型，可以提高清晰度。

3.所有的内容都写好了吗?一个没有内容的网站就像一幅没有画布的画;理想情况下，一个网站应该围绕内容而建，而不是相反。

4网站是否需要任何预先构建的解决方案?使用内容管理系统等工具可以使生活变得更容易。WordPress)和脚本，所以在开始编码之前确定你需要什么。

5你知道比赛提供什么吗?你的竞争对手往往是创意的最佳来源，了解他们能提供什么可以帮助你满足访问者的期望。

6你是否设定了合适的截止日期?设定切实可行的最后期限，并跟踪在这些期限前的进展，这一点非常重要。

7你需要考虑额外的成本吗?网站是相对便宜的，你可以用免费软件建立一个好的网站，但你仍然必须承担你可能产生的任何费用。

8你有必要的技能吗?有些网站比其他网站更复杂;考虑一下您需要使用哪些技术，以及您对这些技术的了解是否是最新的。

9你考虑过市场营销吗?一个没有访问者的网站是无用的。

看看你在社交网络、搜索引擎优化、广告等方面的选择。

10这个网站真的有用吗(甚至是必要的)?在一个对最终用户没有价值的项目上浪费精力是没有意义的，所以从清除不好的想法开始。

11目标受众是否已规划好?了解你希望什么样的人访问你的网站不仅可以帮助你写出合适的内容，还可以有效地设计。

12你有清单或标准吗?即使是一套维持质量控制的基本标准或一份大型项目的检查清单也会有所帮助。

13你的主机能满足需求吗?选择合适的主机类型很重要;如果你要流式传输千兆字节的视频，共享主机就没有意义了。

14你有媒体吗?一些网站需要视频、音频和特殊文件类型，如PDF文档。在早期对资产进行会计核算可以降低发布延迟的风险。

15你希望包含哪些功能?也许你需要接受付款，或者你想要一个图片库。无论你需要什么，在设计布局之前提前计划。

关于代码创作的15个问题

接下来是关于编写代码的问题。

如果你设计或开发网站，你会发现自己在和超文本标记语言、CSS和JavaScript。每种语言都有一系列的最佳实践和指导方针，如果你想标准化你的最终产品，这是非常好的。然而，除了符合标准之外，还有很多其他的事情需要考虑。

源代码对内容有效性的影响经常被忽视，但却非常真实。

1代码是否有效?而验证并不能完全证明代码质量，它确实有助于确保您的代码遵循推荐的标准，并可以显示标记、CSS和JavaScript中的错误。

2你考虑过使用CSS3和HTML5吗?尽管许多用户仍然不使用支持CSS3/HTML5的浏览器渐进增强记住，利用这些未来的W3C推荐标准可以为您的产品带来附加价值，并提高您的网页设计工艺。

3.代码的语义如何?为工作使用正确的标签是必要的，搜索引擎喜欢语义代码。使用< p >段落,< ul >对于列出的没有排名的项目，< ol >对于有顺序关系的项，<一>为超链接而且< >按钮用于执行操作/用户任务的可点击UI组件。

4您是否利用了可选文件和站点附加组件?无论是在形式上使用Sitemaps的XML协议还是包含一个的图标，这些可选文件可以增强你的网站。看到五个可以改善你的网站的文件．

5你需要RSS订阅吗?如果你的网站内容较多，并且经常更新(例如:

一个博客或新闻网站)，有一个RSS提要将是一个必要的网站功能，以保持您的用户最新的新鲜内容。如果你不使用CMS有了这个内置功能，请查看SimplePie，一个用于构建自己的RSS提要的PHP类。

6代码会优雅地降级吗?优雅降级(也称为容错)——系统(在本例中是网站)在次优情况下仍能正常运行的概念——对于灵活和易于访问的网站构建至关重要。学习如何实用地应用使用CSS3时的优雅降级．

7你考虑过SEO吗?虽然搜索引擎优化不应该决定你的设计决策，但考虑如何让你的网站在搜索引擎结果中更明显也无妨。

读一些建立网站时要记住的SEO技巧而且提高你的网页设计的SEO的方法．

8您是否提供打印机友好的样式表?设计一个打印CSS文件是值得花时间投资的，因为许多用户仍然打印网页。

9您的代码中是否有弃用或非标准的?使用“死代码，例如<字体>标签，在W3C HTML 4规范和非标准代码，如<眨眼>标签是不受欢迎的，并且不允许您的工作根据W3C web标准推荐进行验证。通过使用免费的验证工具，如W3C标记验证服务．

10你需要使用条件注释吗?IE6不会完全消失，如果你的项目需要你支持IE并使用特定于浏览器的代码，那就使用有条件的评论提供特定于ie的样式表，而不是使用hack。

这可以做两件事:它使您能够根据W3C标准验证代码，并且当您决定停止使用特定于浏览器的代码时，您只需要删除站点模板中的条件注释。利用JavaScript技术修复IE6还有一些项目HTML5样板解决废弃浏览器的呈现问题可能是另一个选择，但您将陷入用户使用禁用JavaScript的旧浏览器的场景中——这种场景并不像您想象的那么罕见。

11结构(HTML)、表示(CSS)和行为(JavaScript)是分开的吗?这一点很重要，不仅因为它是最佳实践，而且还会带来更易于管理和可维护的代码。

12你的网站导航是否以实用的方式布局?导航菜单是网站最重要的部分。正确的设计是一个有效网站的重要组成部分信息架构．

13你检查过不必要的HTML元素和多余的CSS样式规则吗?代码很容易膨胀，所以去掉任何不必要和重复的代码，以获得更易于维护和更精简(因此，更高的性能)的网站构建。

为了优化HTML/CSS，请查看HTML Tidy而且CSSTidy．

14代码是否有组织和可维护?在代码中多加注意。布局好，便于阅读、更新和管理。

15框架能增强站点的功能吗?这些天，开源Ajax/web开发框架，如jQueryMooTools可以加快代码编写速度，减少跨浏览器问题带来的麻烦。如果您怀疑这些框架可能有帮助，为什么不调查和学习它们呢?

关于网页设计的15个问题

创建布局的过程中充满了与颜色，排版甚至特殊性．

虽然你的项目管理风格可能是一流的，你的编码技术可能是无与伦比的，但设计也有它自己的一组问题。网页设计需要无数的决策，这就是下面这些问题应该帮助你解决的问题。

使用线框图工具Balsamiq模型确保坚实的布局基础。

1你优化你的媒体了吗?图像、视频和音频比其他任何东西占用更多的带宽和空间。考虑使用以下工具压缩和优化它们Smush.it．

2用户界面是否过于拥挤?如果说有什么东西是没有人喜欢的，那就是沉闷臃肿的设计。确定还原论是否能帮助你设计更好的网站。

3.设计是否独特?随着网站模板的丰富，有一个新鲜和醒目的布局是必须的。

打破常规可以提升你的品牌形象。

4我应该什么时候重新设计?你能创造出完全不同的东西吗?

5布局是否合理?无论你选择一列还是三列，大量滚动还是不滚动，决定你的页面视觉层次结构将直接影响可读性。

6颜色给人的感觉对吗?颜色与情感密切相关;一个调色板可以是一个有趣的网站和一个专业的网站之间的区别。

7哪种版式是最好的?和颜色一样，排版也会影响网站的感觉。明智地、用心地构建你的字体堆栈，花时间精心制作一个熟练的排版设计。

8链接的可见性如何?链接如果不能被看到就没有任何意义。一定要花时间设计超链接好。

9你是否使用了足够的空白?太多的网站把一切都挤得太紧了。

如果您增加一些喘息空间，结果可能会提高可读性。

10你考虑过内容点播吗?随着Ajax和快速内容切换技术的兴起，将更多数据打包到页面上变得很容易。考虑在非常长的网页上这样做。

11设计是否美观?虽然这个过程是主观的，但它仍然是一个好主意得到反馈你的朋友，同事，也许还有一两个陌生人来决定你的作品是否具有视觉吸引力。

12内容是否可读?没有什么比内容更重要;如果内容清晰、条理清晰，那么你的网站用户就会很满意。

13设计是否有不同的分辨率?显示器正在变得越来越大(更大的桌面显示器)和越来越小(移动设备);确保你的作品在所有支持网络的设备上呈现。对于移动设备，充分利用免费在移动设备中测试设计的工具．

14是否强调了网站的重要功能?有些事情比其他事情更重要;考虑各种突出显示相关内容的方法，以便访问者可以轻松找到它。

15网站是否完整?这可能是最难回答的最重要的问题之一。

判断什么时候准备好需要大量的关心和思考。

15个用户体验问题

用户体验也许是决定一个网站成功与否的最重要因素。以下是与用户体验、可用性和可访问性相关的问题。

可访问性、可用性和兼容性:没有什么比这更重要了。

银背大猩猩是一个流行的可用性测试应用程序。

1这个网站在不同的浏览器上运行得一样好吗?市面上有很多浏览器，确保你的网站在主流浏览器上运行良好。你可以使用网络服务，比如Browsershots在各种操作系统和web浏览器中预览您的工作。

2网站是否适合移动设备使用?虽然桌面浏览器非常简单(IE除外)，但移动设备需要额外的小心和注意;读到移动网页设计的最佳实践．

3.你在屏幕阅读器上测试过这个网站吗?不幸的是，即使有免费的屏幕阅读器火Vox但很少有网页设计师会考虑测试他们的设计是否具有屏幕阅读器的网页可访问性。你可能想知道。

4关闭JavaScript会发生什么?不是每个体验都是一样的，我们不能控制访问者的浏览环境，所以尽量确保你的网站在JS关闭时优雅地退化。

5你们是否提供Flash内容的替代品?根据上一点，如果你的网站特别依赖flash，你可能想要确保你的使用Flash是容易的．

6你还记得吗alt属性?实现的最简单的可访问性辅助之一是使用描述性和有用性alt属性。

7你是否根据网页内容无障碍指南评估过你的网站?对于有残疾影响浏览网页能力的用户来说，遵守网页可访问性最佳实践非常重要。

满足W3C中的建议网页内容无障碍指引(WCAG)是一个完美的开始。

8这个网站被其他人测试过了吗?如今，可用性测试非常简单，成本也不高。执行测试可以为您提供改进的想法。查看web服务，例如概念的反馈

9你的url有意义吗?容易阅读的url会让潜在的访问者有机会预测他们要去的地方(这对搜索引擎优化是有好处的)。

使用漂亮的网址(example.com/about-us)，而不是系统网址(example.com/ ? p = 655)可提升访客的参观体验。如果您正在使用内容管理系统或定制应用程序，请了解重写引擎．

10多你的网站加载速度快吗?速度是可用性的一个重要因素．

考虑一下你的网站将如何影响访问者，特别是那些连接速度较慢的访问者。

11搜索功能是否易于使用?大多数网站都需要一个搜索框来帮助访问者找到他们需要的信息。确保你的搜索结果易于使用且准确无误。

12会有什么潜在的令人讨厌的行为吗?无论是无法关闭的弹出窗口和模式窗口，还是无法右击的脚本，都要确保你的网站没有惹恼用户的行为。

13你的网页表单可用吗?如果你要求的信息太多，或者你的表格太难填写，人们就会输入虚假的详细信息，或者干脆拒绝提交数据。

14可以毫不费力地联系到网站所有者吗?虽然在这个过程中你可能会收到垃圾邮件，但允许访问者向你发送电子邮件或发起Skype呼叫可能是与他们联系的好方法。

15你检查坏链接了吗?在每一个角落和缝隙中找出无用的链接。工具如谢努的林克侦探可以实现流程自动化;学习如何发现你网站上的坏链接．

结论

随着我们的学习和成长，我们的能力也在增强，这也改变了我们的观点和工作流程。

经常质疑自己的方法和想法的设计师和开发人员通常是正确完成工作的人，也是不断改进流程和产品的人。

相关内容

• 避免网站项目灾难的20个问题
• 如何有效地与客户交谈的简单指南
• 如何创建一个有效的网页设计问卷