通过全新改版网站提升学生参与度
客户介绍
该大学致力于通过学生事务处 (SA) 提供的多元服务与计划，支持学生的成长、参与与福祉。SA 网站作为学生获取资源、参与各类活动并高效管理校园生活的核心平台。为了更好地服务多元化的学生群体并提升数字可及性，该大学启动了 SA 网站的改版项目，专注于提升用户体验、简化服务访问流程，并符合现代网页标准。
解决方案
AEM Sites, Adobe Analytics, AEM as a Cloud Service, UX/UI 设计
概览
该大学旨在通过全面改版学生事务处 (SA) 网站来提升学生参与度并简化服务访问流程。Leadstec 与大学合作，利用 Adobe Experience Manager (AEM) 云端服务打造一个现代化、用户友好的平台。此项目旨在改善网站可用性、加强与学校品牌的一致性，并确保提供稳健且可及的数字体验。
挑战
现有的 SA 网站面临几个挑战：
- 设计过时，未能与大学最新的品牌指导方针对齐。
- 可及性功能有限，影响残障人士的使用。
- 资讯架构分散，学生难以找到所需资源。
- 内容管理流程低效，导致更新延迟。
我们的解决方案
- 以使用者为中心的设计与强化可及性
- Leadstec 重新设计了网站的用户界面，与大学的网站设计指导方针对齐，并确保符合 WCAG 2.0 AA 等级的可及性标准。该响应式设计提供跨设备的无缝体验，支持桌面、平板和手机用户。
- Leadstec 重新设计了网站的用户界面，与大学的网站设计指导方针对齐，并确保符合 WCAG 2.0 AA 等级的可及性标准。该响应式设计提供跨设备的无缝体验，支持桌面、平板和手机用户。
- 简化信息架构
- 为了改善导航，网站结构被重新组织为清晰的区块，如校园生活与设施、职业中心及辅导服务等。每个区块都有独特的色彩主题，让学生能够轻松区分不同的服务。
- 为了改善导航，网站结构被重新组织为清晰的区块，如校园生活与设施、职业中心及辅导服务等。每个区块都有独特的色彩主题，让学生能够轻松区分不同的服务。
- 先进的内容管理与多语言支持
- 利用 AEM 强大的功能，重新设计的网站支持超过 160 页的内容管理，涵盖英语、繁体中文和简体中文。各团队可以独立更新各自的区块，确保内容及时且具相关性。
- 利用 AEM 强大的功能，重新设计的网站支持超过 160 页的内容管理，涵盖英语、繁体中文和简体中文。各团队可以独立更新各自的区块，确保内容及时且具相关性。
- 定制化组件
- 为了满足大学的特定需求，几个组件经过增强和开发：
i. 内容过滤、滑动条和列表组件：根据设置，允许活动显示在各团队的主页或 SA 主页上。
ii. 全新导航：引入可点击功能，显示二级菜单并提供清晰的说明，帮助学生轻松识别并访问额外的导航层级。
iv. 活动详情组件：开发了一个专属组件来展示简要的活动信息，提高了活动的可见度和用户参与度。
- 为了满足大学的特定需求，几个组件经过增强和开发：
- 与大学系统整合
- 网站无缝整合学生学习体验系统 (SLES) API，自动显示新闻与活动列表。通过 ElasticSearch 强化搜索功能，提供精准且符合各区块需求的搜索结果。
- 网站无缝整合学生学习体验系统 (SLES) API，自动显示新闻与活动列表。通过 ElasticSearch 强化搜索功能，提供精准且符合各区块需求的搜索结果。
- 分析与效能监控
- 通过整合 Adobe Analytics，让大学能够监测用户行为与网站效能，从而支持数据驱动的决策，持续优化网站表现。
成果
- 提升参与度：优化的设计与导览提升了学生的满意度与参与度。
- 高效内容更新：分散式内容管理缩短了更新所需的时间。
- 提升无障碍体验：符合 WCAG 标准，提升所有学生的可用性。
- 数据驱动的洞察：分析提供了可操作的数据，支持持续的改进。
- 顺利过渡：完整的训练计画使大学员工能够有效管理新网站。
使用者与员工反馈
学生事务处员工
新网站的管理变得更加简便，尤其在使用 AEM 组件更新图片和文字时，效率大幅提升。
学生事务处团队成员
重新设计的活动页面，配备全新的活动详情组件，清晰且有效地呈现活动内容，提升了整体用户体验。
有残疾的学生
新的导航设计直观，让用户能轻松无碍地访问各个区块。
结论
通过与大学的紧密合作，Leadstec 提供了一个现代化、无障碍且以用户为中心的 SA 网站。该项目不仅提升了学生的数字体验，还简化了内部流程，帮助大学更好地支持其学生社群。
