IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

信管系建站分析

时光立方 2010-07-21 23:37:28 累计浏览 2,096 次
本机暂存

    今年九月份,开始筹备我系的网站建设。虽然做了些许努力,但后来忙于功课和其他事务,没有具体成果。现在时间相对充裕,对网站做进一步策划。

    一方面,通过和学长联系,交流经验和成果;另一方面,整理已经储备的知识,理清思路,制定计划,开始具体进度的实施。

一、需求评估

1、市场分析

    作为系站,而不是门户网站、电子商务网站等,市场对象非常简单:学生和老师,且主要是本校本系的师生。所以,整个网站的内容与架构应该清晰明了。

2、市场预测

    鉴于其“事业单位网站”的属性,初次上线后,访问量应超过于每日5次,浏览量应该超过每日10次。

3、平台环境

分析

    现在负责建设的三个主干成员,两个都可以相对熟练使用php和mySQL,另外一个掌握了.net技能,但没有连接上数据库。计算机机房主要使用的windows服务器,目前不支持直接挂php网站。

    php语言轻便简洁,mySQL开源强大,对付系站绰绰有余。

对策

    网站语言为php,数据库平台使用mySQL。服务器处理程序用自带的IIS,并加以调试,使之支持php。写作平台不限,测试平台再讨论。

二、资源整合

1、人才招募

    根据自己十月份写的一份“信管网络工作室‘寻人启事’”,已经初步规划了招募要求。(文件见参考资料)

2、沟通机制

    建立、完善、维护顺畅的沟通机制,包括即时通讯、电邮、手机。由于都是学生,应提供课表和作息表,最大限度保证交流渠道的畅通。

3、个人资源

    建立共享机制,比如Google文档,QQ群,网盘等,分享个人信息与资源。

4、公共资源

    提供公共工作室,至少保证电力和网络需求,以供成员讨论。

    提供测试服务器,如果不行,提供服务器环境数据,以作“模拟”之用。

三、战略路线

1、产品策略

定位

    作为“官方网站”,在于其权威性。从内容上,应代表主体方的声音和利益,同时包容各种观点,内容设置要妥当,做到有的放矢。从形式上,版式的设计应更多地强调“融入共性”,而不是宣扬个性。从平台上,应尽量开放,并提供扩展接口。

配置

    作为学校系里的一个站点,首先应该和学校官方网站在行文风格和版式上保持一致,其次应该突出自己的特色,展现差异化。

注意事项

    第一,总的来说,官方网站由于过于看重“权威性”,导致与用户的互动降低。对于行政网站来说,往往时效性差。网站建设时应避免这两点。

    第二,内容重于形式。应该避免沦为“只见树干,不见枝叶”。

2、产品规划

类别规划

    1、发布型:主动发布信息,供师生学习;

    2、交互型:提供话题等信息来源,供师生交流。

    具体栏目设置如下:

名称(目录名) 说明
业界news 信管业界新闻
展示exhi 按“年级-班级”作为子栏目
专业major 学科(比如管理学、英语)的资料共享
推荐recom 书book,影video,音audio:大范围推荐
分享share 文字与摄影,原创或转载
活动activ 提议活动(比如爬山、旅游、调查),走出课堂
话题topics 论坛
英语角echo 英语相关的论坛或其他课下形式
图书馆藏lib 好书推荐
注册登录login 注册和登录
其他info 加入团队、信管简介、站点地图、隐私策略
备注 英文为该栏目的目录名称

代码规范

    见案例分析。

3、计划制定

    作为一个小型站点,利用“时间轴”来制定、跟踪、监督进度最为合适,见图000。

    原图已失效

四、反馈与改进

    不断收集各方面信息,主要包括界面设计、板块要求、错误反馈和功能需求。

    关键是主动。

    办法是建立“反馈跟踪表”,如下:

编号 模块 特征 描述 属性 实现价值 实现难度 优先级 日期
1 账户 找回密码 通过发邮件的方式 基本 2010-06-09

五、案例分析

1、代码规范

    通过统一的《技术文档》和《范例》来规范代码,本站用例:图001和002。

    原图已失效 原图已失效

2、界面设计

风格

    设计要求学校官方站点和系站在风格上趋近,同时体现自己的特色。哈弗大学用例:图003和004。哈弗大学网站美观精致,仅仅有条。

    原图已失效 原图已失效

    武汉大学用例:图005。武汉大学网站错落有致,简单大方,但内容出现溢出和重叠。

    原图已失效

兼容性

    要求在各个浏览器上都能够达成预期显示。这就要求符合w3c规范。国外做得比较好。武汉大学珞珈学院计算机科学系的网站发生兼容错误:图006和图007。另外,计科系流于形式,内容较为缺乏。

    原图已失效 原图已失效

3、栏目设置

    华中科技大学武昌分校作为同类大学,其“信息科学与技术”系的网站,不论是设计还是栏目规划上,都可圈可点:图008。

    原图已失效

4、本站分析

    学校官方站点:图009,有一笔淡淡的中国风和现代美。

    原图已失效

    以前信管系的版本:图010。后台功能不够完善,前台界面设计糟糕,用户体验差。

    原图已失效

    现在的首页:图011、012和013。主页参考学校官方站点的风格,并加以扩展和延伸。图片的选择是随机的。目前仅完成了“业界”模块。需要说明的是,网站采用了伪静态化技术,有利于搜索引擎优化。

    原图已失效

    原图已失效

    原图已失效

    “业界”栏目:图014。左侧导航简洁、利落。

    原图已失效

    文章视图:图015。登录后自动填写评论表单,评论采用异步交互技术。右侧的“喜欢”按钮参考了豆瓣的“推荐”设计,对文章内容的排序进行了优化。文章不仅按栏目分类,还通过“标签”进行社会化组织,增强黏性。

    原图已失效

    后台登录:图016。

    原图已失效

    后台发布文章:图017和018。引入了全局函数处理文本,保证中文样式的段落首行空两格。可以添加图片。

    原图已失效 原图已失效

    后台添加题图:图019。可以根据实时需要,添加首页题图,保证网站的时效性。

    原图已失效

    参考资料:

    1 访问量 http://baike.baidu.com/view/20241.htm

    2 官方网站 http://baike.baidu.com/view/66851.htm

    3 《信管网络工作室“寻人启事”》http://cuikai-wh.com/wp-content/uploads/2010/06/imNetStudioHunter.pdf

    4 《人人都是产品经理》产品需求的列表 苏杰著 电子工业出版社 第72页

    5 哈弗大学网站 http://www.harvard.edu/

    6 武汉大学网站 http://www.whu.edu.cn/

    7 武汉大学珞珈学院网站 http://luojia-whu.cn/

    8 武汉大学珞珈学院计科系网站 http://cs.luojia-whu.cn:8088/CS/FrontPages/

    9 武汉大学珞珈学院信管系旧站 http://xg.luojia-whu.cn/

    10 华中科技大学武昌分校信科系 http://xxkx.hustwb.edu.cn/structure/index.htm

    11 豆瓣网 http://www.douban.com/

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,499)
  2. 为什么现在那么多人应聘产品经理岗位? (累计阅读 8,353)
  3. 30个超棒的404错误页面 (累计阅读 7,301)
  4. 可用性测试的权衡之道(二) (累计阅读 5,844)
  5. “预注册”是一把金钥匙 (累计阅读 5,676)
  6. 网页表单设计摘要 (累计阅读 5,416)
  7. 响应式设计的5个CSS实用技巧 (累计阅读 4,908)
  8. WEB注册表单的设计 (累计阅读 4,884)
  9. 受众人群分析 (累计阅读 4,817)
  10. 产品经理3年沉淀和总结 (累计阅读 4,723)