
ECPAT USA
为儿童打造更安全的未来
2023年
我的角色
UI/UX 设计
概念图制作
启发式评估
卡片分类测试
界面规范制定
原型设计
合作方
UX 设计师
项目负责人
ECPAT USA 项目经理
Collaborative Solutions LLC 管理团队成员
美国联邦政府合同官员
工具
Figma
Miro
Canva
Xmind
Optimal Workshop
Accessibility Test
Figma 可访问性插件
概述
这是一个为期四个月的设计实习项目,项目由罗格斯大学(Rutgers University)牵线,与国际非营利组织 ECPAT USA 合作,致力于防止儿童遭受性剥削与人口贩卖。我的任务是在官网现有基础上进行 UX 改进,提升其可用性与包容性,并推动公众对人口贩卖的认知。
目标
-
识别现有网站的用户体验问题,并提出优化方案
-
确保网站具备良好的可访问性和包容性
-
提升大众对识别与预防人口贩卖的意识
提升公众意识,保护每一个孩子免受人口贩卖侵害。

背景研究
为了更深入了解 ECPAT 的使命与服务对象,我从官方网站与相关文献入手,进行了背景资料调研。研究过程让我意识到这个项目的社会意义,也让我更加严肃与敬畏地投入设计工作。
-
人口贩卖是一种严重侵犯人权的犯罪行为
-
多数受害者是通过胁迫或欺骗手段被控制与剥削
-
2021 年美国报告了 10,359 起人口贩卖案例
-
公共交通员工在识别预警信号方面发挥着关键作用
-
人贩常在公交与地铁站等公共场所锁定目标
发现问题
为了了解当前的网站问题,我进行了一系列UX测试。
启发式评估
在 UX 团队内部开展了启发式评估,系统性地对界面进行审核,判断其是否符合通用可用性原则。评估结果指出:网站导航结构混乱、设计风格不统一,存在明显 UX 障碍。

可访问性测试
我们对原版设计进行了可访问性测试,发现了几个核心问题:色彩对比度不足,导航逻辑不一致。
这些问题的识别为后续设计优化提供了明确方向,也确保新版本符合无障碍标准,真正为所有用户提供 友好体验。

导航结构优化
为了改善信息架构,我使用 Optimal Workshop 工具对 10 名用户进行了卡片分类测试(Card Sort),以理解用户如何归类和认知不同内容。
卡片分类是一种 UX 研究方法,能帮助设计师了解用户是如何对信息进行理解与分类。
改进
-
依据测试结果,重新组织了网站的导航结构
-
统一导航用词风格,提升整体一致性(例如统一为“关于我们”、“研究项目”、“联系我们”等)

最终成果
优化导航结构
我将卡片分类测试中得出的信息架构应用于网站,形成更清晰、逻辑更强的新导航系统,提升了网站可用性与用户导向性。

品牌风格重塑
根据色彩心理学,我选择深绿色与黄色作为主色调:
-
绿色代表和谐与希望
-
黄色代表警示,提醒大众关注儿童安全议题
同时,我为每个页面增加了内容说明,帮助用户清楚了解各页面的作用。通过这次战略性改版,我们显著提升了 ECPAT 品牌的一致性与识别度。

无障碍改进
在设计完成后,我使用 Figma 插件对每一页面进行了无障碍检测,确保对色盲用户友好,并符合 WCAG(网页内容可访问性指南)标准。
最终将网站整体的可访问性评分从 72% 提升至 100%。

我的收获
从“为什么”出发,让每一次设计决策更有方向感。
持续而清晰的沟通,是打造统一用户体验不可或缺的一部分。
