使你的网站概念化

概念

对于 Web 站点建立者来讲最可怕的事情之一是:由于可用性问题或用户不满意而要重新设计站点。使用一个正确的计划,在站点运行之前你就可以总体规划、测试和改进站点设计。我们将给你提供一些非常有效的计划策略,你可以将它进行改编以适合小型企业,或者扩展到大型团体机构环境。为举例说明设计站点的关键所在,我们已总体规划了一个滑板者的虚拟入口 — iRippage.com。利用 iRippage.com 方案及其专门的 Web 设计小组,我们将指导你如何建立明确的目标、确定目标用户、创建用户个人信息以及阐明设计目标。
确定目标
共同拟定一个目标,工作小组和站点核心内容都将以此为导向。
定位用户
找出如何确定你的目标用户和用户个人信息的方法,以便计划获得最佳可用性。

创建模型
将你的想法汇总在一起,以便计划层次结构、布局和 HTML 模型。

意见反馈
了解如何对兴趣小组的反馈意见作出反应并修改你的模型。

确定目标
每个站点都需要一个基本目标 — 该目标引导工作小组开展工作、确定站点内容的导向并最终吸引用户。阐明你的任务十分重要,
其重要性甚至压倒了其他一切事情,你可以召开一个富有成果的会议来讨论下列一些简单问题。我们将以 iRippage.com 的目标
展示如何进行这一过程:

我们在这里开会的目的是什么?
主要为滑板爱好者建立网站入口。
希望该站点达到什么目标?
实际上要通过提供滑板爱好者需要的全部信息 (娱乐和产品展示等),成为滑板市场的信息来源地。另外,还要建立一个活跃的在线滑板协会,在这里滑板爱好者可以相识并互相交谈。 希望你的用户利用该站点达到什么目标?了解有关滑板的知识、与其他滑板爱好者交流经验,以及发现他们正从其信赖的公司中寻找的产品。 该站点依靠什么吸引用户?有吸引力且全面的内容,滑板技巧、活动的留言板、滑板产品和展示。
该站点依靠什么吸引用户经常登录?定期更新内容 (新闻、每日照片和技巧)、活动的留言板、产品展示,以及对滑板协会成员的采访。此外,还有免费的电子邮件、可下载的墙纸、电子贺卡等。对上述每个问题都应进行更详细的调查研究。在你工作区的白板上记录下所有问题和解答。鼓励你的设计小组 (或者甚至是一组
有所帮助的朋友) 将一些思路 (“组建有活力的滑板协会”) 与特定的行为联系起来 (“创建协会的留言板”)。在解答涉及对 Web 站点设计另一页面、使用新的技术或者添加任何内容时,请考虑该操作是下列三种情况中的哪一种:必须有、希望有、可以没有。之后,如果有限的资源或时间限制迫使你进行折衷选择,那么这些优先次序将是必须的。

iRippage.com 的任务是启发概念化流程的其他部分:成为滑板发烧友实际上的资源中心 - 为其提供最全面的编辑内容,建立交互式社团,以及丰富的产品展示和便利的在线购物。它还为设计小组提供一个优先级的列表,使在创建最终站点规范的过程中有建设性的意见能够发挥作用。

定位用户
你是否想建立一个拥有大量用户的综合站点?完全没有这个必要。内容覆盖面过广只会使用户远离站点而不能吸引用户。缩小目标用户的覆盖面,可与用户建立可信任的关系,并使用户对你的站点有一个全面了解。

对你的用户进行调查研究
可以假设访问 iRippage.com 站点的大多数用户是年轻的、热爱运动的,并且主要为男性。尽管访问 iRippage.com 的用户中也有一些身体不是很好 (例如,中年人或女性),但设计小组将必须决定他们的设计结果是否将能够吸引大量的外围用户,并使他们成为核心用户。核心用户组将对站点的总体内容方向产生影响,更不用说站点的外观和风格了。

在进行了一次彻底的讨论会之后,iRippage.com 设计小组调查了本地滑板场地、brick-and-mortar skate shops 以及流行的滑板爱好者网站。该设计小组已决定将目标锁定年轻的运动爱好者,包括男性和女性滑板爱好者。该小组还花费了大量时间来记录其目标用户在滑轮、服装和语言方面的风格。此外,选择滑板场地的规律性还使 iRippage.com 小组成员对其目标用户在 Web 技术和兴趣方面的情况有了一定的了解。所有这些情形都掌握之后,该设计小组目前就可以准备创建用户的个人信息了。

创建个人信息
George Olsen, How2.com的 Web 构造者,在最近召开的 Builder.com 会议上是创建目标用户个人信息的强烈支持者。 个人信息是由在目标用户调查过程中遇到的潜在用户的情况组成的。iRippage.com 小组只维护 Garrett, Seth 或 Jessie 的权利,但并不保护匿名和普通“用户”的权利。

与至少三个爱好者的交流将涉及目标用户的年龄、Web 技术掌握和主要兴趣等方面。 在白板上给出用户姓名、照片和身份。另外,在照片下记录简短说明,包括每个用户网上冲浪的平台、他/她对你的网站主要感兴趣之处,以及他/她对网站的首要意见。并且通过添加一些详细资料来对他们的个人信息进行取舍,以便适合你的 Web 站点的核心主题。 对于可用性和内容优先次序的实际实现方法,iRippage.com 设计小组将按照用户的观点来调整其设计思路。

创建模型
模型从创建层次结构开始。iRippage.com 层次结构从第一次活动开始建立:即从目标研讨开始。将新闻、产品、照片、留言板和技巧标注为“必须有”的部分放在顶级导航下。从前面的页面开始往下进行,设计小组建立访问者钻入钻出该站点、从一部分跳到另一部分的方式,以及如何执行特定操作。

一旦给你试验阶段的层次结构赋以丰富的内容,就可以启动这个简单粗糙的可视模型了。从该略图中,你可以创建 HTML 框架,它是带有内容、导航和图形的带有占位符的 Web 页面的基本图形。在你组织层次结构并设计模型时切记以下这些基本问题:

如何知道我在何处?
如何知道下一步我可能要到何处或者应该到何处?
如何知道怎样返回到我所在之处?

可将样例图形和内容插入到几个框架示例中。小组成员应打印出每个版本,以便同时进行页面类型的比较并考虑混合和匹配的可能性。在创建模型的整个阶段中请参考用户信息 iRippage.com 设计小组以 Jessie,Seth 和 Garrettteam 的兴趣和能力为指导完成所有创建模型的步骤。他们确定该站点的相关可访问性,并测试信息设计的总体易用性和直观性。

与兴趣小组人员会面
召集兴趣小组人员 (iRippage.com 将去当地滑板场地并召集五个滑板爱好者),并给他们展示 HTML 模型。交谈内容始终围绕设计过程中所有方面 (从预期的色彩方案到导航和内容中心)。为他们提供样例内容并询问其对色彩、内容和长度的反映。为兴趣小组成员创建要完成的任务,以反映真实世界的行为。iRippage.com 为其兴趣小组人员分配了以下任务:

从主页转到 Tony Hawk 页面。
从 Tony Hawk 页面中粘贴一个执行 “ollie” 欺骗的小技巧,然后返回到主页。
从主页中找到新的 Girl Skateboard deck 显示。
从展示部分中购买新的 Girl Skateboard 滑板,然后返回产品部分。
从产品部分中,将有关 Hornet Wheel 的注释粘贴到留言板的适当部分。

请密切关注反复出现的抱怨及问题。请记录你听到某些议论 (例如“为什么在这里?”和“我怎样才能到那儿”或者“我应该能够一步就到目的地,而不是经过好几个步骤”)的场合、时间和时间间隔。征求兴趣小组成员的意见来确定可行的解决方案。收集所有这些信息,然后反馈到你的模型上。现在是修改模型的时候了。

意见反馈
iRippage.com 设计人员发现在其初始的层次结构中存在一些问题。该兴趣小组成员不喜欢在“产品”标题下将购物和展示合并在一起。此名称含义模糊,用户认为它脱离产品展示的可信度。从样例内容来讲,小组成员认为第一人称和随和的语气最吸引人。他们认为采编人员必须有丰富的滑板知识,最好参加滑板协会的活动,而不是仅仅采用有关该内容的本国文章作为引用。

通过坚持该目标、使用用户信息以及指导兴趣小组测试,该最终模型将反映所有这些更改。在准备建立站点之前,iRippage.com 小组成员将再次征求自愿测试者的意见,以获得对模型作出的再次评价。

设计流程图

已修改的层次结构 已修改的HTML框架

有关说明的一些情况
大多数 Web 站点创建一个详细阐述的书面说明文档,内容大至站点如何运行,小至单击某一链接。该说明对站点概况有一个全面清晰的阐述,并且在实施该站点之前需要由小组领导者和决策制定者来输入和关闭。小型企业也可从记录说明中获益,特别是如果外部公司要建立最终站点的情况。这是保证每个人都在同一页面上的最佳方法。

说明应包括最终的层次结构、内容组织和涉及数据库或任一种交易操作所使用的全部技术。该说明是你站点的一个详尽的蓝图,阅读它的任何人都会对按计划设计的站点有一个全面的了解。

时间: 2024-09-30 21:20:40

使你的网站概念化的相关文章

怎样使你的网站设计变得简洁?

在网页设计中,简洁并不一定等同于极简主义者的设计美学.简洁的网站只是从设计.内容.以及代码中移除了所有不必要的元素.而极简主义的网站普遍符合这一标准,有许多网站,不管你如何想象,都不会被认为是仍适合简单的定义的"极简主义". 下面是简洁网站设计的一些优势,以及一些简洁设计过程中的简单的技术. 简洁网站的优势_____________________________________________________________________________________ 1. 简洁

直接使用-求css带代码,美化我的网站。包括字体样式,颜色,按钮,文本框登。使一个普通的网站变得漂亮。

问题描述 求css带代码,美化我的网站.包括字体样式,颜色,按钮,文本框登.使一个普通的网站变得漂亮. 由于本人美观性不咋样,所以求大神赐一段css代码,我直接用就行了.大神拜托了! 解决方案 关键在于协调.如果你认为字体和大小是一成不变的,你完全可以用IE打开一个网站,然后按F12,将光标移动到你需要捕获的位置,然后在css窗口看到所用的样式. 解决方案二: css和html是紧密相关的,没法做到"直接用".除非那种完全针对html tag而不包含任何伪类和针对id的样式表,这不现实

nginx中如何配置java与php?使两个网站都能访问

问题描述 nginx中如何配置java与php?使两个网站都能访问 现在在nginx(使用的80端口)中配置的java程序能够正常使用,使用的是8080端口,配置的php程序使用的appserv服务使用的是82端口,目前不能正常使用,怎样配置或是程序怎样放置才能使两个程序都能够与相应的域名对应起来呢?求大神赐教,谢谢 解决方案 请参考:nginx 多站点配置方法集合http://www.jb51.net/article/27533.htm

百度研究:如何使你的网站受百度欢迎

首先到网站登录提交你的网址;只需提交网站首页,内部页面百度会自动抓取. 给每个网页加上与正文相关的标题.如果是网站首页,则标题建议使用站点名称或者站点代表的公司/机构名称;其余内容页面,标题建议做成正文内容的提炼和概括.这可以让你的潜在用户快速的访问到你的页面. 请不要在标题中堆积与正文无关的关键词. 确保每个页面都可以通过一个文本链接到达.百度无法识别Flash中的链接,这些单元上的链接所指向的网页,百度就无法收录了. 页面间的链接,尽量使用平实的超链,而不是重定向跳转.使用自动跳转的页面,可

如何使你的网站被百度有效收录和受欢迎

首先到网站登录提交你的网址:只需提交网站首页,内部页面百度会自动抓取. 给每个网页加上与正文相关的标题.如果是网站首页,则标题建议使用站点名称或者站点代表的公司/机构名称:其余内容页面,标题建议做成正文内容的提炼和概括.这可以让你的潜在用户快速的访问到你的页面. 请不要在标题中堆积与正文无关的关键词. 确保每个页面都可以通过一个文本链接到达.百度无法识别Flash中的链接,这些单元上的链接所指向的网页,百度就无法收录了. 页面间的链接,尽量使用平实的超链,而不是重定向跳转.使用自动跳转的页面,可

如何使你的网站在搜索引擎中排名靠前

摘要: 如何使你的网站在搜索引擎中排名靠前呢?搜索引擎优化正 是你所寻找的答案.搜索引擎 不能像我们所看到的那样,搜索引擎不能像肉眼分辨色彩,不能欣赏动画等.你必须让你的网 如何使你的网站在搜索引擎中排名靠前呢?搜索引擎优化正 是你所寻找的答案.搜索引擎 不能像我们所看到的那样,搜索引擎不能像肉眼分辨色彩,不能欣赏动画等.你必须让你的网站看起来很专业,搜索引擎优化能使搜索引擎和肉眼所看到的一样.这不也是网站主所希望的吗?这里有一些我们长时间观察.研究的方法或者说技巧,供你参考,我们主要针对的是G

浅谈:如何使你的网站吸引更多人点击

摘要: 一个网站的建立,就是为了吸引大众的点击,从而使自己的知名度广泛传播出去,以及通过流量而获得一定的收益.但有心人士会发现,很多相同类型的网站,它的点击数是不一样的. 一个网站的建立,就是为了吸引大众的点击,从而使自己的知名度广泛传播出去,以及通过流量而获得一定的收益.但有心人士会发现,很多相同类型的网站,它的点击数是不一样的.如何才能使你的网站被更多人点击,从而获得更多的流量,是许多seoer想要解决的问题. 页面简洁明朗 很多新手都会认为,将所有有用的东西全都放到首页,这样才能使每个点击

使你的网站更专业--谈网站优化

建设一个网站,在互联网上安个家并不难.申请一个域名,租用一个服务器空间,找人或自己设计几个网页就算了事.但是,要使网站真正发挥作用,还需要对它进行优化,使它具有专业水平.就象无暇的钻石需要雕琢,一个网站也需要优化,这样它才能在网上立足.得到发表,并吸引用户. 想知道到底是哪些因素决定了一个网站是个制作"专业"的网站吗?让我们擦亮眼睛看一看吧!你不需要花费几千元来设计网站,但要保证下载速度快,并有一个简明的导航系统,还要保证你的访问者觉得在你的网站上花费的时间物有所值.此外还要密切注意内

如何使你的网站拥有受欢迎的交互界面?

交互设计如今已是一个十分常见的问题,但许多设计者和开发者仍不知道它的具体意义.今天,我们将从不同于以往的方面:我们将会深入讲解能使你的网站拥有良好交互性的用户界面和设计原则. 首先,何为IxD 交互设计(即IxD)是一块发展迅速的新领域,大致出现于10-15年之前,源于一些体现设计问题的研究,后来被专业设计者鉴别和接受. 交互设计促进人与环境的交流,这里我们指的是人和网站的交流,交互设计师只要考虑用户和电脑的交互,毋须像UX设计者那样思考软件或系统所有涉及用户的方面.你也许在不同大学里听说过人机