网站改版计划

History

网站改版项目始于2011年秋季. 随着Web 2的快速发展.0, 在我们目前的网页模板缺乏灵活性, ISU’s website is too difficult to navigate and lacks a unified web presence. The technology (SharePoint) and structure used to create our current website has also proved to be a challenge to update.

努力提高用户满意度, 改进导航和搜索, refresh the design, 更新技术, we conducted user research in Spring 2012 to solicit feedback from prospective and current students, parents, faculty and staff. Even though one of our primary focuses for the redesign is user-centered design (UCD), we also conducted three internal stakeholder focus groups where faculty and staff representing various colleges and administrative areas provided their input.

Redesign goals

  • Improve the website user experience so that visitors can find information quicker and easier. This includes enforcing a persistent global navigation throughout department sites and implementing a more robust search engine.
  • 提高所有ISU相关网站的设计一致性. This includes providing multiple template options but ensuring all of them meet our branding guidelines, 发布网页风格指南.
  • Improve our web editing capabilities so that web editors can create and maintain websites with less effort. This includes empowering web editors with the ability to automate routine content changes, tag and reuse content, 恢复以前版本的内容, WYSIWYG编辑器,用于进行内容编辑, 工作流程(如适用), 能够从PC或Mac进行编辑, etc.
  • 增加硬件冗余,内容还原(i.e. 版本控制)和测试能力,我们的网站.
  • Create a more robust and scalable mobile web environment using responsive web design.
  • Improve overall accessibility and usability of website, namely Section 508.
  • Migrate current passive websites to a more active and engaging web environment. 这包括创建社区的能力, 将社交媒体内容整合到网站内容中, utilize more HTML5, etc.
  • 利用网站作为营销工具.

Process

We will be following a user-centered design and agile development approach to redesign the ISU website.

User-centered design is a design philosophy in which end user needs are given extensive attention at each stage of the design process. We are considering prospects, currents students and parents as the end users for this project. 尽管主要关注的是终端用户, other key stakeholders such as administrators and web services will have an opportunity to provide input in the redesign. The main difference from other design philosophies is that user-centered design tries to optimize the website around how users can, want, or need to use the site, rather than forcing the users to change their behavior to accommodate our website’s information architecture. 这是大型网站使用的一种相当普遍的方法.

Agile development process is an iterative and incremental process where the requirements and solutions evolve through collaboration between teams and as we complete each phase. It is becoming a very popular development process especially for the web in the last 3-4 years.  Web Services has been using the agile web development approach in several of our redesign projects and we have seen great success with it.

传统web开发项目的项目生命周期:

Web开发项目生命周期

敏捷web开发项目生命周期:

敏捷web开发项目生命周期

作为上述过程的一部分, we will be launching ISU’s new website in phases as opposed to a big launch of the entire university website. Sites, tasks and timeline for the various phases are outlined in the project roadmap below.

During each phase, we will be following the steps below to launch the sites:

  • 计划(责任)- web服务 & site owner)

    • 检查时间表和步骤
    • 准备网页内容重新设计. 这包括创建站点地图.
  • 设计(职责- web服务)
    • 线框图(如果适用)
    • 在Drupal中实现模块和主题
  • 培训(责任- web服务) & site owner)
  • 将内容输入CMS(责任-网站所有者)
  • 上线(责任- web服务)
    • 确认网站符合web标准和指南
    • Launch the site

内容管理系统(CMS)

After evaluating over 15 content management systems (commercial and open-source) and talking to internal stakeholders (web editors and OIT), Web Services选择Drupal作为该大学的CMS. Drupal在高等教育社区中是一个不断发展和流行的CMS. 使用Drupal的机构包括斯坦福大学, Duke, Arizona State, Oregon State, Harvard, Chicago, Yale and Ohio State. We are collaborating with Stanford Web Services to learn best practices, rollout strategy, module selection, etc.

The current ISU Drupal Theme is based on Parrot, a subtheme of Mothership. 这个主题使用SASS/Compass, 一个适用于某些项目的创新系统, 并且受到注重效率的前端开发人员的青睐.

Since our current websites have a lot of unused and outdated pages and files, we are not planning to provide automated content migration tools for any of the sites. This will also allow us to structure the content in a manner that will improve our website search engine’s effectiveness.

Training

Web Services will provide training on how to plan your migration, 构建网站导航, and how to use Drupal. 我们为我们的安装高度定制了Drupal. So, any general training you may find online will not benefit you much in preparing you for the migration. 

Drupal实现路线图

第一阶段(2013年春季至2014年12月)
功能和导航:
  • Events calendar
  • Navigation
    • New global site navigation – home, academics, admissions, student services, 1 related to community & events, athletics, about ISU (subject to change after usability testing).
    • New global utility navigation – MyISU, Email, Blackboard, ISU A-Z, Search (site and people). 如果可能的话,这可能是一个带有更多链接的下拉菜单.
    • Footer – Contact info, social media links, related links (such as employment, maps, etc.),所需的链接(版权,可访问性等.)和其他合适的信息.

      除了在第一阶段站点使用上述导航之外, we will also add this to all sites using our current unmodified version of the template. Current butterscotch navigation will be replaced by the site navigation, 实用导航是一个新元素, and current footer will be replaced by the new footer mentioned above.

  • New website search
    • Integrate people search (data from banner) with website search.
  • People directory
    • 为员工提供照片
Sites:
Other Deliverables:
  • 设置工具来跟踪和执行可访问性遵从性.
  • 添加web分析跟踪代码
    • 目前使用谷歌分析,但对其他工具开放.
  • Add an ongoing feedback collection tool to all or most of the pages in the new website.

 

第二阶段(2014年春季- 2015年夏季)
Sites:
Other Deliverables:
  • 为校园员工提供Drupal培训
  • Drupal training manuals
  • Web style guide
  • 网站政策和程序
    • 包括可访问性标准、需求和遵从性
第三阶段(2015年12月前)
Sites:
Other Deliverables:
  • 为校园员工提供Drupal培训
  • Drupal training manuals

Contact

If you have any questions or comments about this plan or roadmap, please contact:

Amy Bouman
传播和营销办公室
102 Gillum Hall
Amy.Bouman@wuhubanjia.net
(812) 237-3788