W&M的主页被“刷新”
感谢威廉玛丽创意服务团队的努力,威廉玛丽的主页今天呈现出全新的面貌。
新的设计允许在主页上提供更多的内容,并使页面更容易在移动和平板设备上使用。创意服务代理副总监贾斯汀·斯库梅克(Justin Schoonmaker)表示,现在的页面也不那么四四方方了,更“视觉透气”了。
虽然整个威廉玛丽网站只有4年的历史,但“在网络世界,4年是很长的一段时间,”Schoonmaker说。
与重新设计项目不同,重新设计项目可能包括改变整个网站的调色板、文本选择和布局,创意服务团队试图“刷新”主页,“与当前的设计趋势保持一致,”Schoonmaker说。
他说:“我们的目的是让它与我们现有的所有其他页面类型都能很好地配合。”他还补充说,网站上的所有其他页面都将保持不变,但合并了新主页的页眉和页脚。
新功能
新设计包括几个新功能,包括播放视频和访问更多内容的能力。
Schoonmaker说:“我们希望找到一种方法,在主页上有更多的内容,而不是让人觉得从视觉角度来看有更多的内容。”
因此,新设计包含了一个滚动选项,可以显示大型特色照片和新闻标题。在此之前,用户必须刷新页面才能看到新的特色照片,并且在不进入新闻页面的情况下只能看到三个新闻标题。现在,用户无需离开主页,就可以滚动浏览最多5张照片,并访问最多11篇新闻报道。
Schoonmaker说:“在不增加更多视觉效果的情况下,我们实际上把主页上的内容增加了近三倍,而没有做任何视觉上的排挤,这真的很酷。”
新设计也适用于平板电脑和移动设备。当现在的网站四年前推出时,iPad还没有问世,平板电脑的使用还没有普及。
他说:“因为现在很多人都在用ipad,我们想要一个更有利于触觉使用的主页,而不是用鼠标点击。”“因此,人们可能会注意到,在新的主页上,很多链接都是‘按钮式的’。“页面上的圆圈更符合你把手指放在屏幕上的方式。但它们并没有那么大,在台式机上或使用鼠标时感觉都很奇怪。”
例如,要访问主页上列出的事件,用户必须点击超链接文本。现在,在事件标题旁边会出现一个标有事件日期的圆圈。这个“按钮”可以用鼠标点击,也可以在平板电脑或移动设备上轻松触摸。
此外,新的设计利用了“响应式设计”。
Schoonmaker说:“根据你所使用的屏幕的大小,页面会调整,以一种独特的方式来显示屏幕上的内容,这种方式适合屏幕的分辨率,而不会缩小东西。”
例如,当在iPad上以纵向视图访问主页时,它会自动移动内容,这样新闻和博客等元素就会出现在两栏布局中。如果在移动设备上以纵向视图查看页面,页面将以一列格式显示其所有内容。
“刷新后”的主页现在也更方便视障用户访问。
Schoonmaker说:“在网页设计和网页编程中,有一个很大的推动力——这是理所当然的——把可访问性放在人们优先考虑的首位。”
创作过程
“刷新”项目始于去年秋天,当时在项目经理蒂娜·科尔曼(Tina Coleman)的领导下,创意服务团队的四名成员起草了该页面的可能设计。该团队遵循据说苹果公司使用的创意模式,在没有任何限制的情况下精心设计了这些设计。
“我们开始说,我们可以设计任何东西,”Schoonmaker说。“这可能是一种刷新,但也许值得我们花时间去设计一些全新的东西,看看有什么可能,什么可能会激发更新的变化。”
负责监督设计过程的斯库恩梅克后来会见了科尔曼,后者现在是创意服务部门的临时主管,他们讨论了设计方案,并讨论了制约因素。考虑到这一点,该团队随后向校园里的其他设计专业人士寻求反馈。
“这是一件大事。这是我们整个网站中浏览量最大的网页。”“它每年被观看数百万次……所以我们首先想获得更多的意见,其次,我们想在整个校园内培养同行评议关系。”
斯库梅克说,促进这种跨校园合作符合威廉玛丽学院的学术精神。
他说:“尽管我们不做学术方面的工作,但我们仍在做应该促进该机构事业发展的工作,所以我们在某种程度上把学术生活的这一方面引入了这个项目。”“这不是同行评议的期刊,而是同行评议的设计。”
除了向校园内的同事征求意见外,该团队还研究了26所同行机构。
最后,在校友会和大学发展部同事的帮助下,团队确定了设计方案,CMS(内容管理系统)经理Mark Windley开始领导技术实现。
趋势设置
Schoonmaker说,这个项目的“进化设计”概念可能成为高等教育趋势的一部分,网站设计师会“刷新”他们的页面,而不是完全重新设计。
进化设计对用户更友好,因为它“不要求人们完全习惯新事物,”他说。例如,William & 玛丽主页的用户将在大致相同的位置找到旧页面上可用的所有内容。这个项目的成功要归功于多位参与其中的内部设计师。Schoonmaker说,这也可能成为高等教育的一种趋势。
他说:“这可能有助于学校拥有更多的员工,而不是总是把工作外包出去。”“学校一直在寻找省钱的方法。对于这种规模的项目,当我们可以内包而不是外包时,这对学校来说是一个胜利。我可以看到其他人也在关注这个想法。”