Web20体验式网站色无界摄影频道策划说明书.docx

1、Web20体验式网站色无界摄影频道策划说明书Web2.0体验式网站-色无界摄影频道策划说明书一、 项目简介：色无界摄影频道是一个综合个人图片博客系统、图片库以及图片销售系统的web2.0体验式网站。同时提供开放的API，并要与各大SNS社区保持互联互通。网站定位：以服务专业与非专业摄影人群为中心，以摄影图片交流、影像销售为主旨，逐步向全国与摄影相关的人群或机构辐射，最终形成一个涵盖摄影图片及其周边产品销售的一个垂直型SNS摄影交流销售平台。网站主要组成项目：1. 原创影像类SNS交流社区2. 原创影像销售平台 注：以上二项并不独立存在，而是相互融合其中。 网站服务对象：1. 对交流和探讨原创影

2、像作品有需求的专业及非专业摄影人群2. 对原创影像存储、购买有需求的政府机构、新闻单位、企事业单位3. 对原创影像成品有需求的普通用户4. 与摄影相关的商户、团体、协会、工作室以及各类摄影器材销售商 关于网站的技术解决方案要求：1、采用自建服务器 2、选择操作系统： Linux 3、网站安全性措施，防黑、防病毒方案。4、相关程序开发要明晰。如网页程序php、JSP、CGI、数据库程序等的合理细化和安排。网站编程：网站编程是网站安全的基础，一个好的程序可以是网站受到攻击而产生不良后果的问题大大减少，网站编程需要专业的编程技术。网站建设编程语言是一个选择，要用所选的语言编具有什么功能的程序才是网站

3、基本。需要具有这些基本系统：新闻发布系统(信息发布系统)、产品发布系统、会员管理系统、广告管理系统、流量统计分析系统，合理、易用、全面的后台分析、统计、管理系统等等。网站程序的测试：（要提供完整的相关测试报告）网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： 1、服务器稳定性、安全性。 2、程序及数据库测试。 3、网页兼容性测试，如浏览器、显示器。4、网站耐压测试5、冒烟测试 6、根据需要的其他测试。 旧有网站内容的转移以及填库： 网站制作完毕，网站测试也完毕，下一步就是对网站进行数据库填充。要把原有旧平台的图片、文章、全部用户的相关数据，转移至新的平台。数据库转移填充的内

4、容越完整，用户的感受度就越好，同时在搜索引擎上被收录的页面也就越多，对下一步的推广是大有好处的。关于网站程序建设日程表需要开发方详细提供各项规划任务的开始以及完成时间，负责人等。二、色无界摄影频道体验式网站设计的五个要求：1、速度体验：呈现给用户打开网页速度的体验，重在合理优化网站程序和程序底层的合理安排。2、视觉体验：呈现给用户视觉上的体验，重在UI设计，强调简洁、舒适性。3、浏览体验：呈现给用户栏目和内容的体验，重在合理规划，强调协调性。4、信任体验：呈现给用户的信任体验，重在细节斟酌，强调稳定性。5、互动体验：呈现给用户操作上的体验，重在路径设计，强调易用性。以上五个要求的具体说明：速度

5、体验：呈现给用户打开网页速度的体验，重在合理优化网站程序和程序底层的合理安排。浏览网站的人都是急性子，网站打开速度慢了，他绝对不会耐心等待。 我们要求做到：1、 服务器配置配置的好坏会决定速度，所以我们的虚拟主机要有能足够高的配置。2、主机带宽这个是比较核心的，网站所能享受的带宽有多大，对网站速度的影响应该是非常大的。3、程序执行效率一个好的程序员写出的代码和一个差的程序员写出的代码效率相差多大，想必很多人都能想象的到。所以网站的代码一定要执行效率非常高。同时还要考虑数据库的优化。4、页面的大小太大的页面不但会影响搜索引擎的收录，更直接影响网站页面的打开速度。不同的搜索引擎对网站页面大小的要求

6、也略有不同，网站页面大小都不要超过90K。补充说明，如果用table布局网站，一定不要把整个网页用一个大的table封装起来，那样更会让客户感觉到你的网站速度之慢。要用一个一个小的table来封装，这样网站打开就会有从上到下刷出来的感觉，对于这个页面的最终打开时间是一样的，但是对于等待页面打开的浏览者的感受却是不同的。这就象我们应用的软件，当有长时间运算需要使用者等待的时候，他都会加装一个进度条显示给使用者，进度条的应用不会加快运算，但会给等待的人一个好的感受，道理是相同的。5、FLASH或图片应用要少用FLASH，同时要用小的FLASH。图片处理要在不失真的情况下，尽量小，还要完整保留原创摄

7、影图片的EXIF信息。6、其它技术应用静态页面的应用，静态页面不需要再次做WEB解析，也不需要访问数据库，所以加载速度会比动态页面快很多。DIV+CSS构建网站：DIV+CSS可以精简大量代码，提升加载速度。视觉体验：呈现给用户视觉上的体验，重在UI设计，强调简洁、舒适性。1. 整体风格：这是网站给用户呈现的第一印象，主要体现在两方面，一是网站质量的权衡，用户第一次看到网站后，首先会根据感觉对网站有个上、中、下额评判，二是网站类型的归属。因而网站在设计之前，要针对目标客户的审美喜好，进行分析，网站设计要符合目标客户的审美预期和类型归属。2. 网站LOGO、虚拟形象：LOGO、虚拟形象的设计水平

8、直接体现了网站的审美水平。并且logo是网站整个风格的主导，也是网站对外传播的形象标示，务必要仔细斟酌，不仅要简洁得体，还要符合网站的定位和目标。3. 页面布局：重点突出图片，主次分明，少许文本即可，尽量简洁。网站的有效空间是有限的，网站的第一屏画面至关重要，页面布局要与网站的营销目标相结合，将最能吸引用户的内容，通过合适的表现形式，放置在最重要的位置。4. 页面色彩：网站务必要有个主题色，务必注意冷暖色调的搭配，务必注意主色调、辅助色的使用数量，务必保持网站整体形象相统一，务必注意渐变色的使用，务必恰当搭配色彩的明度和亮度。建议大部素色以突显图片，局部配以亮色点缀。5. 页面大小：最好将网站

9、设置成为自适应的页面，如果无法修正，最好调整为1280*1024分辨率。6. 动画效果：首先注意动画的放置位置，其次是呈现方式，再次是加载速度，最后也是最关键的是内容的表现形式。动画效果会在第一时间吸引用户的关注，但关注不是目的，要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时，还要注意与主画面相协调，动画效果节奏适中，不干扰主画面浏览。7. 图片展示：首要的还是图片栏目的页面位置，要与整体网站比例协调，符合一般用户的浏览习惯；其次是图片的展示形式，现在有很多flash的图片代码，还有lightbox的js也是不错的选择，再次是图片内容要清晰、不变形，图片选择上也要符合网站的总体风格，

10、不要太突兀。用户原创摄影作品的展示：在作品展示页内，每张图片的上传和显示要支持最长边1200px，单张容量上限600K。9. 图标使用：首要考虑与页面整体风格统一，其次是简洁、明了、易懂、准确，再次可以尝试使用一些3D效果图标。10. 广告位的设计：广告设计最关键是要符合用户对网站广告的预期，不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式，例如页面上方的banner条，页面两边的对联形式，页面右下方的文字广告等，这些位置都是用户们默认的广告位，千万不要冲击网民的浏览习惯，避免干扰视线，除非广告创意绝对吸引人，否则结果往往是立刻关闭广告和网站。浏览体验：呈现给用户浏览上的体验，强

11、调吸引性。1. 页面导航：网站导航如同楼房的地基，是整个网站基础和框架，一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次，一是形式层：体现在导航位置、表现形式（文字、图片、flash等）等方面，二是内容层，页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计，建议参照一下韩国网站的设计风格，动感、简洁、清晰。至于内容层，就因站而异了，分类条理最关键。但栏目名称尽量简短，栏目层次也不宜过多，要以内容为中心。1. 页面速度： web2.0网站中增加了越来越多的视频、动画元素，对网站速度的要求也越发苛刻。回想一下，这么多视频分享网站中，为什么很多人选择优酷？就一个速度。此外，要

12、考虑一下南北互通，或者教育网的对接问题。2. 页面容量：主要指首页的页面容量，页面设计要考虑到文字和图片的搭配，还有不同字号、字体、颜色的搭配，还有网站留白的设计，以免页面造成视觉抵制，心理学家做过实验，人眼每秒摄入的有效字符最多只有20个，要是页面全是细密的文字，效果就可想而知了。更是与我们的图片类网站需求严重不符。3. 页面结构结构就是放置内容的框架，网站的页面结构其实是有章可循的，尤其是现在大家见的网站越来越多，自然也形成一些默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局，我们强调页面结构的创新，同时还要基于一定的规律，千万不要打破用户的浏览预期。

13、4. 内容安排首先是突出重点内容，大标题，大图片塑造视觉冲击，这也是借用报纸的操作手法，其次是内容协调，每一个栏目应确保足够的信息量，避免栏目无内容情况出现；再次是内容形式，兼顾视频、图片、文字的比例和页面协调。5. 内容更新 主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站更多强调如何调动用户的积极性，内容更新已经不仅仅是对编辑的考量，也是对网站用户价值的衡量，对于内容质量，主要是从原创、转载、内容本身价值等方面权衡。6. 内容形式现在有个立体化新闻的概念，视频、图片、文字、评论都在一个页面中展示，而且再加上网民评论的即时更新，表现形式更生动。此外，对于文字部分，字体

14、大小最好设置可调选项，对重点内容进行标注，对关键词设置链接（seo），如果没有广告的考虑，最好不要设置多页浏览，很影响阅读体验。7. 内容呈现方式：更多的是细节的内容，包括新文章的标记、文章导读、相关内容的推荐、还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等，现在web2.0流行的DIG功能，加入些鲜活的互动元素。8.路径记录：记录用户的浏览路径，方便用户随时返回和查找，此外对一些重点栏目和页面可以设置快速链接或者设置页面底部导航，为用户提供明确的快速入口。信任体验：呈现给用户的信任体验，重在细节斟酌，强调稳定性。1、友情链接：对于新兴网站而言，用户对网站信任的判断不仅建立在对网站

15、设计的和功能体验的基础上，而且还有一个对同类或者其他相关网站的评估上。友情链接的价值不仅在于SEO上，也是一个网站用户定位的重要体现，如果网站链接的都是不知名的小网站，用户对它的评级也不会太高。首页友情链接的设置不宜过多，更多的链接可以放置在一个单独的友情连接页面中，要特别注重友情连接的质量，哪怕是做些单向链接，也要显示自己的实力。2、底部信息：网站底部信息内容是网站中每个页面都共同的内容，底部信息为网民提供了很多建立信任体验的内容，例如网站的建立时间、是否备案、是否经营性网站、是否有网警标示、隐私声明、网站的归属关系（如：xx旗下的网站）这部分虽然是细节的内容，但又是最为标准化和普遍的内容，

16、最好留心设计。3、关于我们：这是一个用户了解网站背景的最直接途径，对很多有趣的web2.0网站，对于很多喜欢刨根问底的用户，关于我们还是很重要的一个栏目，因为这是网站运营方必须的一个原创内容，对关于我们栏目和内容的设计和安排，往往会体现了运营团队的做事态度和风格。4、联系方式：并不是有事找网站的时候才会关注网站的联系方式，一般情况下，联系方式在网站中出现的频率也是网站自信程度的一种侧面体现。联系方式不一定非要是详细的电话传真，通讯地址，哪怕一个邮箱，或者是一个联系人的姓名。对于初创网站而言，翔实或者高曝光率的联系方式，比较容易给网民建立踏实、信任的额感觉，总之放心、负责、能找到人。如果有实力，

17、整个400电话也成，现在400电话已经是白菜价了，但公信力还不错，而且方便易记。5、帮助中心：对于web2.0新兴网站，尤其是功能型网站而言，最好是有一个翔实的帮助中心，或者FAQ栏目，千万别相当然的认为网民对新东西一看就会，新东西总会有出问题的时候，再加上国内网民的背景和层次差距较大，帮助中心还是必须的。此外，帮助中心的功能和内容丰富程度也是网站客户服务意识的一种体现，值得重视。6、内容格式：内容的规范程度也是网站建立信任体验的重要方面，主要体现在资讯类内容标准化展现上。一方面每条信息是否包含了来源、作者、编辑、发布时间、还有点击量和评论。全面的辅助信息是网站质量的主要参照，因为现在能把这几

18、点完全列出来的网站越来越少了，对于点击量也可以都设置一定的初始值，但最好还是带着。另一方面就是个性化细节，例如设置页面颜色、设置字体大小、点击直接发送到邮箱，复制页面地址等。7、内容订阅：无论是用feedsky、rss、还是传统的邮件新闻列表，内容订阅的设置不仅仅是要提高用户的黏度，推动用户再次访问，而且也是大型网站和正规网站的重要标示，只有那些有实力和细心的网站才会提供定期的资讯服务，其实这部分在功能上已经很完善了，网络中也有很多工具和服务商，只需管理员每天（每周）梳理一下重要资讯即可。此外这也是盘活注册用户的重要一环。9、网站地图：对web2.0的新站，无论网站规模大小，一定要做个网站地图

19、，一方面搜索引擎容易抓取到网站信息，而且网民使用起来也会很快了解到整站架构，又是细节，但很重要。10、加入收藏：加入收藏和设为首页是传统网站设计中必须的环节，现在而言设为首页的意义几乎没有了，但加入收藏还相当重要的，一般是在网站的右上方，最好将加入收藏的位置放在最前面，用醒目的颜色标注。11、用户登录：这也算是互动体验一部分，用户导向是web2.0设计的一个核心理念，只有用户登陆才能享有更多的个性化服务，用户登录就无处不在，随处可见，而且还要设计的方便合理，最好不要打开新的登陆页面，具体情况各异。互动体验：呈现给用户操作上的体验，重在路径设计，强调易用性。1. 会员申请：会员申请务必要贯穿在网

20、站的每个页面，将随机性用户转变成注册用户是提高网站流量和用户黏度的重要一环，会员申请的按钮或者位置最好设计的醒目一些。此外，会员功能的核心是权限控制，网站必然要有一些只有注册用户或者是高级用户才能浏览到的内容，但还要保证展现给非注册用户的信息也具有一定的吸引力，否则，网民怎么会有动力去注册呢？扪心自问，为什么值得注册？用什么吸引注册用户？用什么稳定注册用户的定期访问？2 会员注册：web2.0网站最好设计多级注册方式，只填写注册名、邮箱、密码等就可以完成第一层次注册，让后再进一步吸引用户补充内容，第一层主次，务必要流程清晰、简洁，为用户节省时间。其实更为关键的还在于后面，如何吸引用户补充全面的

21、信息？这里就有一个web2.0的理念，“你分享出去的内容越多，得到的权利和尊重也会越多”，要让用户明确他们补充信息的价值在哪。此外，还要注意提示用户信息的完整程度。3. 表单填写：表单填写有多种方式，但最好不要将所有项目分为两个阶段，必填项在第一页，或者提供明显的标示，千万不要将所有项目全部列出来，用户一定会吓坏的。Web2.0就要人性化一点，考虑一下用户的接受程度，简单一点还是没错的。提交成功后，感谢提示页面务必要精心设计，尤为注意应该将注册后的用户引向何处？是回首页？还是个人界面？还是前一个浏览页面？感谢页面在内容和形式上最好设计的有个性一点。4. 点击提示：点击浏览过的信息颜色需要显示为

22、不同的颜色，以区分于未阅读内容，避免重复阅读。对于图片，最好设置图片标注，鼠标滚动到图片时能显示图片标题。5. 错误提示：设置错误提示页面，对错误页面以合适的引导。无论是什么原因，用户只要在网站上遇到了错误页面肯定会非常不爽，甚至会直接关闭网站，要充分考虑到此时用户的访问心理，设置一点真诚的解释说明，最好将用户重新引向网站，或者可以设置个报错的反馈，细心处之。6. 在线问答：在线问答有太多中形式，从用户的使用预期出发，既然是在线问答，消费者希望得到最快的答复，但现在的情况是，往往网站提供了很多方式的问答渠道，但往往没有人回应，毕竟工作人员不能24小时守候，建议搞个小I机器人训练一下，可以顶个美

23、女客服了。不可认为在线问答就是解答问题，其实还有一个重要作用是收集信息，还要设置在线问答流程和话术时，务必要注意到如何了解更多的客户信息，或者使用体会以便于后期调整，还要定期对在线问答出现的问题进行汇总分析（需程序支持）。7. 在线搜索：首先是搜索条位置，最常见的位置是在右上方，资讯类网站一般中上方显要位置；其次是搜索分类，例如按作者，按标题等设置最好设计为下拉菜单，默认为全文检索；再次是搜索结果的呈现方式。呈现方式有很多细节的地方，包括排列的标准，方式，关键词颜色区分，出现的数量。此外还要注意高级检索和检索选项的设计。8. 页面效果：web2.0在技术层的一大改进就是提供了很多又酷又炫的新技

24、术，尤其是在页面层的应用最为明显，例如ajex，lightbox js等，建议多关注流行的java代码，选择一些合适的潮流型技术应用一下，新、奇、炫，与时俱进。9. 新开窗口：现在用maxthon、firefox、世界之窗等的多线程浏览器的网民越来越多，建议web2.0网站的设计最好多采用新窗口打开，方便用户返回和查找。 10. 路径设计：说到体验，最直接的就是用户在网站上产生的有效点击，每一次点击也意味着一个新体验的开始，而在众多点击之间，路径的设计和记录也体现了web2.0个性化服务的精神。每个用户的访问习惯和浏览习惯都有所不同，第一要设计最直接有效的浏览路径；第二要记录用户的浏览路径，便于随时返回；第三，要试图寻找与用户浏览路径的匹配，这一点集中可以体现在亚马逊的图书浏览和购买流程上，要多去参考不同的优秀网站设计。11.多类型浏览器兼容三、强大的后台统计、管理功能： 1.一般网站后台固有的管理项目 2.为了配合网站下一步的发展需要，我们必须具备相关的用户使用习惯、网站页面浏览热点、用户IP分布地域（国内细化到市级，国外细化到洲级）等等统计功能。