网站的线框需要什么？

Question

我将会与一些程序员和定制软件公司会面，以便为我参与的公司创建一个网站。我的问题是：我应该为程序员做些什么准备，以便他们能够为我的网站开发提供准确的报价，时间表等？我清楚地了解了我希望网站如何工作以及我希望包含的功能。

Answer 1

我建议使用像balsamiq这样的东西将一些简单的草图放在一起，如其他地方所建议的那样。

通常，以代表实际网站的方式将您的要求放在纸上的行为将清除您以前未考虑过的各种问题，并且会让您更清楚地了解您所追求的内容

还要考虑您正在显示的数据来源。从功能规范方面来说，简单地说“在这里显示这个数字”这样的事情很简单。从编程的角度来看，首先提出这个数字往往是困难的。

Answer 2

你能做的最好的事情就是把最终用户的帽子放在上面，并描述一下你希望系统看起来像什么/工作。

想象一下所有页面并为每个页面创建一个新框架。尽可能多地制作注释，以便所有投标人确切知道您的期望。

如果在开发过程中网站的要求可能会发生变化，我最后还会添加，所以每个人都提前发出警告。

Answer 3

详情详情详情。 您可能认为自己有清晰的画面，但事实并非如此。无论多么微不足道，你都需要写下每一步。你会看到有些你没想过的东西。

尽量记下您能想到的尽可能多的信息。浏览用户在使用您的网站时所使用的所有方案。使用

等步骤

1）用户点击“购买按钮”

2）屏幕显示4项，链接到详细信息，价格，数量和32x32缩略图。

2a）如果用户点击显示的缩略图全分辨率图像 等等。

不要试图掩盖“简单”的东西，您将获得最准确的出价！

Answer 4

基本上以非常简单的方式绘制出你想要的东西（即文本框，下拉列表，控件等）。然后在每个具有某些功能的区域周围添加少量数字。在边距或另一张表格中，使用有关该功能应如何工作的简单说明，描述您在控件上编号的每个点。

将其视为描述所需应用程序的骨架。

Answer 5

不是一个完整的清单，但这里有几点想法：

不要忘记后退按钮。 后退按钮行为是我曾经工作的每个网站上的一个问题。如果用户通过点击后退按钮到达该页面，请准确指定您希望在每个页面上发生的内容。通常它很容易，但有时它并不是微不足道的。

安全性： 人们需要登录，如何，如何创建帐户，重置密码等。您需要登录哪些页面，如果您在未登录的情况下点击这些页面会发生什么。

Answer 6

你可以阅读Joel Spolsky的Painless Functional Specifications的想法，但我只是想总结一下这对网络软件意味着什么。

我通常分三个阶段来做这件事：

1. 内容列表，在网站上显示的标题下。在做任何线框之前，请各方坚定地同意这一点;

2. 纯HTML / CSS中的灰度功能线框，使用真实内容的示例和用于动态内容的虚拟静态页面，以及应有的所有内容。这是程序员想要看到的第一件事;

3. 每种类型页面的纯视觉图形模型 - 这是程序员喜欢看到的下一个东西，就像'告诉我你想要它看起来如何，我会让它发生'。