规划web应用程序

写下来。在一张纸上。在相关零件之间画线。

冲洗,必要时重复。

我是认真的。工具、花哨的图表、流程图,对于管理来说都很漂亮,但它们妨碍了实际理解应用程序的工作方式。如果它太复杂了,你不能在几张纸上把它全部写下来,那么先做一个大图视图,然后再做每个小节。

如果你能得到一个 巨大的 白板或一张屠宰纸,甚至更好。出于某种原因,拥有一个大的工作空间对于解决问题来说是非常棒的。

我写了四篇关于线框、实体模型等的文章,并提出了各种工具以及选择SketchFlow的原因。然后我开始在SketchFlow中构建一个模型。

http://dotnetslackers.com/articles/aspnet/Building-a-StackOverflow-inspired-Knowledge-Exchange-Sitemap-and-wireframes-with-Expression-Blend-3-and-SketchFlow-part-1.aspx

http://dotnetslackers.com/articles/aspnet/Building-a-StackOverflow-inspired-Knowledge-Exchange-Sitemap-and-wireframes-with-Expression-Blend-3-and-SketchFlow-part-2.aspx

http://dotnetslackers.com/articles/aspnet/Building-a-StackOverflow-inspired-Knowledge-Exchange-Sitemap-and-wireframes-with-Expression-Blend-3-and-SketchFlow-part-3.aspx

http://dotnetslackers.com/articles/aspnet/Building-a-StackOverflow-inspired-Knowledge-Exchange-Sitemap-and-wireframes-with-Expression-Blend-3-and-SketchFlow-part-4.aspx

希望这对你有帮助!

这是一个相当大的问题。我最好的建议是从认真考虑你的用户、他们的目标等开始,然后画一些人物角色。人物角色是将使用您的站点的典型人物的描述。一旦你有了你的角色,你就可以开始规划你的网站了。

http://en.wikipedia.org/wiki/Personas

http://www.boxesandarrows.com/view/an_introduction_to_user_journeys

从用户旅程中,您可以计算出需要以站点地图的形式创建的页面。

http://en.wikipedia.org/wiki/Site_map

http://en.wikipedia.org/wiki/Website_wireframe

有很多工具:Visio( http://office.microsoft.com/en-us/visio/FX100487861033.aspx )对于PC和Omnigraffle( http://www.omnigroup.com/applications/OmniGraffle/ http://www.balsamiq.com/products/mockups )这使您无需使用设计工具即可布局页面。首先,你需要的工具只有纸和笔。

一旦您对这些细节进行了分类,您就可以开始考虑数据模型、图形设计等。然而,整个过程是迭代的,您可能会说永远不会完成:)

提出一些用例来验证您的数据模型。它不一定是完美的,但它应该是99%,以避免未来的痛苦。

一旦你有了一个数据模型和用例,你的界面需求(在你的例子中,你的网站)就会变得更加清晰。当然,我是从纯后端的角度来讨论这个问题的。

一旦你有了一个可行的界面,雇佣一个好的用户体验专家为你提供详细信息(包括工作流程和实际界面)。