Teater website design development

瑞典剧院 Regionteatern 需要重新设计他们的整个网站,并为即将到来的新发布重塑品牌形象。在 Dreamify,我们负责这一全新网站的 UX 用户体验设计流程,SEO搜索引擎优化,以及网站开发。

UX 审核及剧院网站的竞争对手分析

当我们谈及网站的重新设计时,仔细分析给定行业中的几个相关竞争对手,始终是至关重要的。通过这个项目,我们详细掌握了瑞典众多大剧院的共同特征,互动模式,及内容分布。这些数据通过所谓的 UX 用户体验审核进行收集和记录,成为整个设计过程的重要信息来源。

在分析了8个不同的瑞典剧院或表演艺术网站的特征和功能后,我们发现了一些有趣的现象:

  • 大多数剧院都高度重视社会认可度,并采取和发布了新闻媒体的评论。
  • 几乎所有的剧院都提供了多种与观众相关的折扣和礼券。
  • 除了一个剧院网站外,其他所有剧院都有一个在线日历,用于在自己的网站上展示相关活动,其中大多数主题在日历中提供类别过滤筛选。
  • 对于有特定需求或视力障碍的用户,没有剧院有明显的选择来针对定制网站。他们也未提供易于阅读的内容设置。然而,无障碍网站被认为是相当重要的,因为几乎每个剧院都设置有关于无障碍访问以及此类相关指南的信息页面。
  • 8个剧院中只有2个在自己的网站上设有内部订票系统。其他大多数剧院都使用外部服务来进行结算。
ux audit theater website
The UX audit

网站分析  

网站重新设计过程的一个重要部分是仔细分析当前的网站。其中一种方法是使用网站分析工具来了解有关当前流量的更多信息。比如观察人口统计数据,查找某些峰值,以及用户容易离开网站的位置。在这个项目中,我们使用了 Google Analytics 谷歌分析工具和 Hotjar 数据监测工具。我们主要使用 Hotjar 来采集反馈和热点图。

创建角色 – 谁是用户?

对于这个项目,我们想为影院网站创建用户角色,以记录核心受众的需求和特征。通过创建有意义的角色,我们能够更准确地为网站确定其功能和内容的优先级。基本上,该网站的访客由两种主要类型的用户组成。

首先是为团体或以教育为目而购买节目的组织。比如戏剧协会或学校等。其次是那些正在寻找新体验而购买节目门票的消费者。这些人可能是学生,大部分属于Z世代,以及有孩子的中产阶级父母。

user personas
User personas – An important part of the research phase

低保真草图

为了更好地可视化新页面并在正确的上下文环境中实现新功能,我们创建了低保真草图,也称为线框。数字产品设计中的关键部分是避免集中于外观,而要集中关注布局,结构,内容和导航等整体体验。

Sketch theater website design
Wireframes in grayscale

设计过程的另一个重要部分是列出并分类即将产出的网站页面。在该项目中,根据研究结果我们在导航设计上做了很多改变,这使整个信息架构获得了新的层次分布。

Information architecture
Information architecture – Visualizing the hierarchy of the site content

WordPress 网站开发

在该项目的网站开发上,我们基于 WordPress 平台搭建网站,这是一个我们拥有长期先进经验的内容管理系统。WordPress 的优势在于它非常广泛且通用,这正是我们这个项目所需要的。

模块和可复用的内容结构

为了简化网站上的内容管理,节省不必要的时间支出,找到能够反复使用重复内容的方法显得尤为重要。为实现这一目标,我们决定创建可以在整个站点随时轻松定制和替换的模块。这是在高级自定义字段,清晰的模板结构,以及其他 PHP 编程的帮助下执行的。选择合适的模块或多或少就像一把瑞士军刀。每个模块必须能够适用于多种类型的情况,以便从长远来看对网站有足够的价值。

Modules ux design
Planning the website modules

关注 WCAG – 一个适合所有人的无障碍网络

今天,一个网站能够支持不同用户访问,比以往任何时候都更重要,无论用户有个别需求或残障。基于剧院活动必须能够使每个人都可以访问这一事实,该项目的股东特别热衷于遵循网站的此类相关规则。

因此,我们在网站开发过程中仔细遵循 WCAG(Web 网络内容无障碍指南)的规则。

依据 WCAG 规则而增加的更改示例如下:

  • 让用户可以自动在我们保存于用户浏览器的表单中检索数据 – 例如电子邮件和姓名等
  • 可以轻易放大文字
  • 使用户理解文本元素的不同角色
  • 允许用户按照逻辑顺序使用键盘进行导航
  • 让用户能够不局限于感官特征下了解信息

活动日历和图库

该项目的新网站有一个明显需求,需要改进活动安排和节目呈现。研究表明,在之前的网站上要找到当前活动和节目的信息太难了。

为了作出必要的改进,我们决定采用一个活动日历,用户可以根据上演日期或风格流派来过滤和查找活动或剧目。为了配合并补充日历,我们还创建了一个剧目库,里面的剧目相关图片将模仿活动海报来呈现。

Events calendar website
Event calendar with events listed
Event gallery posters
Event gallery with poster-looking design

你有梦想吗?我们联系吧!

我们为来自世界各地的企业创造数字体验。告诉我们您的商业梦想,让我们来实现它。