童虎设计

如何写网站策划书

Mon, 16 Aug 2010 10:53:05 +0800

一个大型企业网站的成功与否与建站前的网站策划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。

如果你是一个网站项目经理，应该在项目初期预测到项目实施中的主要问题，并提出实施方案。

　　网站策划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出策划。网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。

　　网站策划书出应该尽可能涵盖网站策划中的各个方面，网站策划书的写作要科学、认真、实事求是。
网站策划书包含的内容如下：

一、建设网站前的市场分析
　　1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。　　
　　2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。
　　3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。

二、建设网站目的及功能定位
　　1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？
　　2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：
企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。
　　3、根据网站功能，确定网站应达到的目的作用。
　　4、企业内部网（Intranet）的建设情况和网站的可扩展性。

三、网站技术解决方案（与专业公司商议）
　　根据网站的功能确定网站技术解决方案。
　　1、采用自建服务器，还是租用虚拟主机。
　　2、选择操作系统，用Window2000/NT还是Unix、Linux。分析投入成本、功能、开发、稳定性和安全性等。
　　3、采用模板自助建站、建站套餐还是个性化开发。
　　4、网站安全性措施，防黑、防病毒方案（如果采用虚拟主机，则该项由专业公司代劳）。
　　5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP；数据库SQL、ACCESS、ORACLE等。

四、网站内容及实现方式（与专业公司商议）
　　1、根据网站的目的确定网站的结构导航。
　　一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。
　　2、根据网站的目的及内容确定网站整合功能。
　　如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。
　　3、确定网站的结构导航中的每个频道的子栏目。
　　如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。
　　4、确定网站内容的实现方式。
　　如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。

五、网页设计
　　1、网页美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业CI规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。
　　2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
　　3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

六、费用预算
　　1、企业建站费用的初步预算
　　一般根据企业的规模、建站的目的、上级的批准而定。
　　2、专业建站公司提供详细的功能描述及报价，企业进行性价比研究。
　　3、网站的价格从几千元到十几万元不等。网站建设的费用一般与功能要求是成正比的。

七、网站维护
　　1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。
　　2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。
　　3、内容的更新、调整等。
　　4、制定相关网站维护的规定，将网站维护制度化、规范化。
　　5、说明：动态信息的维护通常由企业安排相应人员进行在线的更新管理；静态信息（即没用动态程序数据库支持）可由专业公司进行维护。

八、网站测试
　　网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：
　　1、文字、图片是否有错误。
　　2、程序及数据库测试。
　　3、链接是否有错误。

九、网站发布与推广

　　以上为网站策划中的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网站之初一定要进行细致的策划，才能达到预期建站目的。
Tags - 网站 , 策划

完美企业网站的101项指标

Mon, 28 Jun 2010 22:32:34 +0800

仅供参考：
点击这里下载文件
Tags - 网站 , 设计 , 标准

好豆用户体验大赛结果

Sun, 13 Jun 2010 11:51:45 +0800

上周无意中发现的一个赛事，花了一个晚上给这个网站做了个整体的评测，当时过于考虑用户体验的细节，没有在网站的大局上给予更多自己的想法，不过最终能那个奖项，也是对我在用户体验方面研究的一个肯定吧，参加赛事的好处很多，可以锻炼，可以交流，偶然也能有点外快。下面是赛事的截图：

我提交的参赛内容：

Tags - 用户体验 , ued

18个UI原稿图(包括twitter手稿)

Tue, 08 Jun 2010 00:00:44 +0800

NationWide / NASCAR：

5 Years of Firefox：

Links：

GEOINT2009 (Microsite)：

Coastal Capital Partners：

New Local：

Vimeo Profile Page Idea：

Layout for BPgraphics：

Vimeo Clip Page Top Nav：

Cartoonity.com UI Sketch：

CommLogix Wireframe：

Early Ember Sketches：

Wirethumbs：

More Ember Sketches：

iPad App Sketch：

Web Layout Sketches：

Librespeak interface sketch：

Original Twitter Concept：

Tags - ui , 设计 , 手稿

爆笑个性flash3篇，中文配音牛X死了，仅供娱乐放松

Thu, 20 May 2010 21:30:33 +0800

西游记：旅程的终点

此处包含一个多媒体文件，请用网页方式查看。

平田的世界

此处包含一个多媒体文件，请用网页方式查看。

世界末日

此处包含一个多媒体文件，请用网页方式查看。

Tags - 爆笑 , 日本 , 漫画

丢掉饭碗的23种方式，你具备哪些?

Wed, 12 May 2010 20:05:58 +0800

编者按: 本文改写自安迪·爱波斯坦 (Andy Epstein) 所著《公司创造力》(The Corporate Creative) 一书中的 "丢掉饭碗的50种方式" (50 Ways To Get Fired) 一章，该书将于2010年4月由好书出版社 (HOW Books) 出版。

公司环境下的设计师们要想获得成功，创作出富有顶级创意的作品显然是条金科玉律，除此之外的方式也还有很多。要想在企业内部取得成功，您的职业行为和技能与优秀设计师的身份同样重要。在我的记忆中，曾多次眼睁睁地看着杰出的创意人士因为没有采用正确的商务和个人礼仪而颜面尽失。一些人是不懂规矩，另一些人是故意离经叛道，还有一些人则是对规则视若无物。除此之外，实际上在与客户、同僚和雇主的关系中，您选择 (或不选择) 怎样的行为举止不仅仅是玩弄办公室政治——在为贵公司有效创造出设计材料的过程中，这些行为绝对是必不可少的。

相反，有时候办公室政治也能损害您和您团队的创造力、生产力、正直性甚至人性。有时逻辑和简单的礼仪也会屈尊于公司的效率 (参见标准化) 或法制优先权的要求之下。这种感觉就像是漫步于爱丽丝 (Alice) 的窥视镜中，原先应该被奖励或被指责的行为整个儿来了个黑白颠倒。此时最好的办法就是退回原处并坚持己见，即使这意味着对峙和可能的免职。没什么工作、职位或者头衔值得您放弃理想和信念。因此，您坚持信念的方式有很多种，有的有效，有的则可能引火上身。某些方式会赋予您力量，给您自己、您的同事和工作环境带来变革。另一些则可能会惹怒您的同僚和上级以至于您被解雇——甚至更糟，让您在一个充满敌意的环境中工作。本文的目的就是提供战略战术，在前一种情形中助您一臂之力，并帮您避免后一种情形。为此我奉上15种丢掉饭碗的方式——希望您在工作中不要踏入这些雷区。(但是，如果您真是觉得处境悲惨而想离开，那么务必试一试这些方法。) 接着，我列举了为赢得成功而破坏规则的8种方式，而在这些时候您的公司也许是无意间陷害您的元凶。

惹怒您的客户

以下这些方式将彻底疏远、激怒以及失信于那些本该得到您支持的人。

   1. 躲避您的客户。当他们来电时，拒接电话。只有在知道他们不在的时候才留言。不回电子邮件并且在大厅里见到他们的时候不跟他们说话。从不与他们共进午餐。
   2. 在您与他们仅有的数次交流中表现得粗鲁而唐突。在您的电子邮件中不使用合适的称呼。不说请或谢谢。只言片语中还留有语法错误，并且夹杂着大量的拼写错误，以免让他们以为您相当重视他们以至于专门使用了拼写检查。从不在您的电子邮件中署名或者在语音邮件中留下您的联系信息。额外提示: 在您接电话的时候吃东西或者敲打键盘。
   3. 当您的客户给您指示或者反馈的时候打断他们。确信他们提供不了任何有价值的东西。如果他们确实说中了，对他们施以蔑视与不屑的表情。
   4. 错过最后期限。这一点还需要我多说吗？
   5. 尽可能说不。从不说是——只是叹气，而如果他们碰巧与您同处一室，则转动眼睛以增强效果。
   6. 在您的公司对别人说客户的坏话。抱怨他们对设计缺乏理解并且都是些控制狂 (而您自己当然不是)。

惹怒您的设计师伙伴和经理们。

在您的团队中还有其他本该得到您支持的人。

   7. 以自我为中心。尽可能为自己揽功 (越多越好)。从不与他人分享荣耀。额外提示: 不参加任何团队建设活动、部门社交聚会、新员工欢迎仪式或者离职员工送别仪式。
   8. 在上班时间里干私活。如果您的经理不能让您随时有事干，那是他的问题。绝不主动承担长期任务，比如整理存档您所有的备用图像。
   9. 对别的部门的设计师伙伴、经理和职员抱怨您的同事。
  10. 能推给团队里资历更浅的成员做的事情，绝不自己动手。
  11. 将个人文件存放在公司的工作站上—— 尤其是盗版音乐和电影。
  12. 将完全杂乱的文件交给您的生产设计师。使用低分辨率的图像，在您的版面设计程序中应用字体风格却不注明分模线或正确尺寸。
  13. 总是使别人出错而让他们知道您是对的。将这一点应用于您的公司，您的同事、设计师伙伴、经理、上级管理者和客户——为增强效果，甚至也应用于您的家人和朋友！要想激怒别人而让您成为无赖 (以致被解雇)，没有比宣称自己的英明而强调别人的谬误更有效的方式了。

浸染坏的设计习惯

  14. 将注意力更多的放在品牌身上而不是您的受众身上。商标和品牌风格指南就是一切，谁在乎设计是否会引起公司客户的共鸣呢。
  15. 不担心设计图能不能印出来—— 那是印刷机的问题。

很多时候，冒着被解雇的危险而突围是合理的。如果您用清晰而积极的逻辑来挑战现状，就极有可能影响到公司所需的改变，并使这种改变夭折的可能性降到最低。使用您的判断力，但可能的情况是，您内心那种某些事情不对劲儿的痛苦感觉将会是您的最佳向导，从而决定什么时候采取怎样的立场。

站在愚蠢而不时具有破坏力的人力资源政策对立面

  16. 与人力资源部抗争，尽力为您的团队争取最高薪酬。通常，人力资源部试着在公司内部找到与您的小组看似相当的职务，并以此作为衡量您小组职务的标准。即使没有，他们也会通过歪曲逻辑而使他们自己确信确实有这么一个标准。使用您所能得到的任何资源——尤其是专业团体的薪酬研究——形成您的论据，说明一个中层会计师的工资不能作为一个初级设计师待遇的标尺。要吸引到最好的人才，您不仅要在公司里，还得在整个行业中都有竞争力。
  17. 当您为自己的团队增补成员时，拒用或至少修改人力资源部规定的面试流程。用来考察财务、人力资源、法规和制造部门中层经理的标准问题与设计实践毫无关联。与您的人力资源专家讨论设计师以及您团队中其他创意人员的基本职能和技能，并与公司的面试流程进行对比。阐明分歧所在以及这些分歧会怎样威胁到您做出正确录用决定的能力。

与官僚主义猛兽作斗争

  18. 不管什么事情，无论其所需时间，请求原谅总是比请求许可来的容易。
  19. 如果您有特殊的空间需求，要为此找到足够的理由，并且不达目的决不罢休。设计的流程意味着对合作与展示的特别需要，并且由于设计会带来实物的创造，我们通常需要额外的空间来检查和存储印刷校样和版式。
  20. 为您的团队着想。在对下属的攻坚工作进行奖赏时，经理的选择面常常会受到公司限制。调休是与创意人员产生冲突的一大源头，因为他们经常被召集起来加班，赶在最后期限前完工，而他们的经理却被禁止让他们调休。我和与我交谈过的经理人都曾提供给团队成员异地“研究日”作为合理的解决方式。
  21. 使用常识。虽然法规部在公司范围内具有非常重要的作用，但考虑到您的团队所背负的特殊期望，有时候法规部也可能成为一种阻碍。绝不要使您的公司置身法律或者道德风险中，但如果您处在关键时刻，某个项目的成功意味着绕过精心编制却水平低下的风险规避政策时，您也许会想通融一下。
  22. 背着供应商结盟。公司相关部门可以用一个基本原理来限制供应商——它刚好不为创意团队工作。这是因为创意团队需要合作的外部服务提供商实在太多，并非所有的都恰巧对接采购部门预设的分类。将您的客户纳为同盟者，从而在与采购部门合作时，或者出现冲突要回避采购部门时，他们都会支持您。
  23. 让他们也获得报酬。与供应商关系较差的最大原因便是应付账款。公司总是设置繁琐的流程和程序性障碍，使得您的供应商不能及时得到支付。您得唱黑脸，确保您的外部合作者因提供服务而得到公平而迅速的报酬。
Tags - 职场

乔布斯：雇佣最优秀的员工是首要任务

Sun, 09 May 2010 21:12:40 +0800

史蒂夫·乔布斯的传奇是关于一名年轻大学辍学生旅居印度寻找纯粹和启迪，随后返回美国并创办了苹果电脑公司的故事。涉足印度教是否是这样一个几乎没钱，而技术背景又有限的20岁青年成功的关键？

或许是吧。乔布斯高中时期的密友史蒂夫·沃兹是大家公认的才华横溢的小发明家和工程师，在他们的青少年时期，乔布斯和他合作了几个项目，包括入侵电话公司网络和制作电子游戏。然而随着时间的推移，他们各自的责任仍旧分工明确：沃兹主要负责设计和开发产品，而乔布斯争先恐后地做着寻找客户，合作伙伴和零部件供应商。最终这些项目成为了对他人有价值的东西，1976年乔布斯说服沃兹将他的精力投入到苹果电脑公司的合作中。

你认为什么样的才能是你一直以来在苹果公司、NeXT电脑公司以及皮克斯所采用的？

（译者注：皮克斯动画工作室，1986年成立，至今已出品十部动画长片。可以称为是一所继迪士尼公司之后对动画电影历史影响最深远的公司；公司于2006年被迪士尼收购，成为其全资子公司。 Next Computer公司，Steve Jobs于80年代离开苹果电脑后创办的电脑公司，后改为专心开发软件NeXTStep的软件公司。后被苹果收购。）

我认为我总是能辨识出谁是真正聪明的人，并与其交往。在我所参与的工作中，没有一项主要工作可以由单独的一个，或者两个、三个、四个人来完成。某些人可以出色的完成一件事，比如米开朗基罗，而其他的制造工作，例如半导体和747飞机的建造，这种类型的工作需要大批的人来完成。为了把事请办好，工作不能仅仅由一个人完成，你必须找到能力非凡的人。

观察资料总结的要点在于，对于生活中的绝大多数事物，其平均质量和最优质量的动态范围最多为2 比1。例如，假如在纽约，最好的出租车和平均水平的出租车相比可能会有20%的速度增量。在计算机方面，最好的个人电脑也许比普通个人电脑好30%。这方面并没有太大的差异。2比1中你极少会发现差异。可以挑选任何一个。

但是，在我所关心的领域——从前的硬件设计领域——我注意到，平均水平的人可以完成的工作和最优秀的人可以完成的工作相较，动态范围是50或100比1。鉴于这种情况，我建议你去寻求精英中的精英。这也是我们所做的。之后你可以建立一个致力于追求A+成绩的员工团队。由A+成绩员工组成的小组可以轻易超过由B和C成绩员工构成的特大团队。这也是我尽力去做的。

因此你认为你的才能在于招聘吗？
这不仅仅限于招聘。在招聘以后，要建立一个让人们感觉到和同等才能的人在一起工作的环境，而他们的工作远比其他人重要得多。感觉到工作将有重大影响力，所有这些东西都是长远清晰目标的一部分。招聘通常不是你一个人就可以做到的，所以我发现合作招聘以及为A级员工的招聘进行一定的训练是最好的方式。接受面谈者将和本公司最少12个不同领域，而不仅仅是和他所期望工作领域的人谈话。这种方法可以让你的A级员工更广泛的接触公司，并且如果他们觉得足够强大，也可以通过公司文化来支持他们——现有的员工可以否决候选人。

这似乎很浪费时间。

确实是这样。我们面试的十个员工中有九个候选人都是非常棒的，只有一个员工对于所申请职位是真有问题的，因此我们就不会雇用他。这个过程很辛苦也非常费时，并且如果没有正确的管理可能导致真正的问题。但是总的来说，这是一个非常好的办法。

然而，在一个典型的新兴公司中，管理人员可能并不总有时间去招聘其他人。

我完全不同意。我认为这是最重要的工作。假设你在运作自己的新兴公司并希望找到一名合作伙伴。你将花费大量时间用于寻找合作伙伴，对不对？他将成为你公司的另一半。为什么应该花费更少的时间来寻找三分之一，四分之一或五分之一的公司的员工呢？当你在一家新兴公司，一开始的十个人将决定公司的成败。每一个人都是公司的10%。因此，为什么不尽可能花更多的时间来找到所有的A级员工呢？如果其中的三个人不够好，为什么你希望一个公司30%的员工都不够优秀呢？小公司比大公司更多的依赖于优秀员工。
Tags - apple , 乔布斯 , 苹果 , 人才

HTML5新功能演示

Sat, 01 May 2010 10:37:29 +0800

这是一个HTML5新功能的演示文档，几乎包括HTML5所有激动人心的新功能的简介和DEMO。
IE系列浏览器无法浏览，firefox、opera等浏览器只能使用部分功能，如果想100%演示成功，请使用最新版的“谷歌浏览器（Google Chrome）”，建议使用最新版。

中文版演示文档请看此处：http://directguo.com/html5/
英文原版：http://apirocks.com/html5/html5.html

Tags - html5

div 自动适应浏览器的高度

Tue, 13 Apr 2010 10:51:16 +0800

在布局中，我们有时会用到高度自适应，例如，我们定义了一个div，并且希望它的高度为窗口高度的100% ，那么我们该如何编写代码呢？用height:100%就可以了。但要注意的是，浏览器对css的解析方式有一点差异。所以我们应该了解其原理是怎么的？

　　我们需要弄清楚100% 到底是谁占谁的100%，用百分比要设置高度时，需要明确父级对象的高度。要不然浏览器会使用默认值。所以，要是实现开始所说的布局，代码应该这样写：

html, body { height:100%;}
div.className { height:100%;} /* className可指定对应的class */

　　也就是让div的父级对象的高度确定为窗口的100%。因为html 和body 的默认值在ie和ff下并不都是100%。
Tags - 自适应 , 浏览器

经典像素怪物集体入侵纽约

Sat, 10 Apr 2010 14:34:50 +0800

此处包含一个多媒体文件，请用网页方式查看。

Tags - 娱乐 , 像素