行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

聚焦客户
•

8

阅读时间

《华盛顿邮报》的 ProtoPie 之旅

了解《华盛顿邮报》如何利用 ProtoPie 的高级原型设计功能,将他们的创意想法变为现实。

尤利娅·索罗多克, ProtoPie 的产品营销经理

在媒体行业中,原型设计在概念化与落地执行之间搭建了关键桥梁。在数字媒体不断演进的时代,原型使媒体机构能够在实施前测试并完善其想法。

《华盛顿邮报》的高级产品设计师 Emily Mongilio 分享了她对视觉叙事原型的理解,展示了该报对数字媒体叙事的投入。她解释了自己如何在流程中使用 ProtoPie。

如果你错过了直播网络研讨会,请查看下方回放,探索媒体与技术的交汇点。

视频

概览

  1. 设计专家介绍:Emily Mongilio

  2. 挑战:适应不断变化的新闻消费习惯

  3. 解决方案:使用 ProtoPie 进行高保真原型设计

  4. 成功的三大支柱

  5. 满足用户需求

  6. 满足设计师需求

  7. 向利益相关者推介

  8. 《华盛顿邮报》应用中的竖屏视频体验

  9. 总结

设计专家介绍:Emily Mongilio

在深入细节之前,先来认识这些引人入胜设计背后的核心人物——Emily Mongilio。Emily 是《华盛顿邮报》的高级产品设计师,负责原生应用领域,并从战略层面塑造发现与故事体验。


webinar guest speakers from the washington post


设计专家 Emily Mongilio 介绍。

在《华盛顿邮报》,Emily 与她的团队协作,在设计、产品、工程与编辑视角之间建立协同。作为一名经验丰富的设计师,Emily 将 ProtoPie 作为其设计流程中的主要伙伴。这种协作确保了全面的设计方法,并将最终用户视为新闻叙事中的消费者与贡献者。


How designers at The Washington Post work.


《华盛顿邮报》的设计师如何工作。

挑战:适应不断变化的新闻消费习惯

《华盛顿邮报》的设计挑战源于新闻消费习惯的转变,尤其是在年轻读者群体中。Instagram、YouTube 和 TikTok 等平台上短信息视频的兴起已成为主流趋势。

《华盛顿邮报》致力于始终站在引人入胜叙事的前沿,因此寻求一种方案,在其应用内呈现有吸引力的视觉叙事。


The challenge: adapting to changing news consumption habits.


挑战:适应不断变化的新闻消费习惯。

Emily 的任务是创建一个既服务于习惯性用户、又能吸引新订阅者的原型。目标很明确:将受众带到首页,并让他们沉浸在能够展示《华盛顿邮报》视觉内容且长时间保持参与度的体验中。


The objective is to direct the audience to the homepage and provide an engaging experience.


目标是将受众引导至首页并提供引人入胜的体验。

解决方案:使用 ProtoPie 进行高保真原型设计

为应对这一挑战,Emily 和她的团队运用了原型设计的力量,其中 ProtoPie 是他们创意工具库中的关键工具。

Emily 选择 ProtoPie,是因为它让她和设计团队能够突破传统原型设计边界。他们得以创建交互式、沉浸式体验,反映其视觉叙事愿景的动态特性,而不只是静态呈现。

选择 ProtoPie 并非偶然。Emily 强调了 更高保真原型设计 在其设计流程中的关键作用。它不仅仅是达成目标的手段,更是一段帮助他们验证想法、开展实验并将愿景落地的旅程,同时避免资源密集型上线带来的风险。


ProtoPie allowed designers at The Post to go beyond traditional prototyping boundaries.


ProtoPie 让《华盛顿邮报》的设计师能够突破传统原型设计边界。

成功的三大支柱

对于 Emily 的团队而言,以下三条关键洞察凸显了高保真原型设计的成功:

  1. 满足用户需求

  2. 满足设计师需求

  3. 向利益相关者推介

1. 满足用户需求

任何成功设计的本质都在于满足用户需求。借助高保真原型,Emily 的 用户测试 方法成为《华盛顿邮报》受众的虚拟试验场。该原型不仅展示概念;它还让用户能够参与并提供反馈,确保最终产品符合他们的预期。

这一过程的迭代特性使团队能够持续微调设计,确保最终产品在实现《华盛顿邮报》战略目标的同时满足用户需求。


The essence of any successful design lies in meeting the needs of its users.


任何成功设计的本质都在于满足用户需求。

2. 满足设计师需求

除了用户交互之外,原型还成为 Emily 及其团队的沟通枢纽。ProtoPie 支持与 设计负责人 和 工程师 的顺畅沟通。它成为一个共享空间,使抽象概念转化为可触达、可测试的原型。

展示用户交互、动画与转场细节的能力,为所有相关利益方提供了共同语言。它使整个设计流程中的沟通更高效,也让 Emily 在复杂的设计与开发环境中成为更有影响力的沟通者。


The designers’ needs.


设计师的需求。

3. 向利益相关者推介想法

高保真原型不仅是设计工具,也是 吸引利益相关者参与 的有力方式。Emily 强调,在利益相关者会议上展示其愿景的可触达、可交互呈现,会激发令人兴奋的时刻。展示后的沉默并非冷淡,而是一种认可。

这种方法不仅关乎激动人心,更是一项确保资源得到有效利用的战略举措。如果原型未能引起利益相关者共鸣,团队可以快速调整方向,在实施前规避潜在风险。它成为管理预期、促进协作并确保所有人保持一致的有力工具。


A high-fidelity prototype isn't just a design tool; it's a stakeholder engagement weapon.


高保真原型不仅是设计工具;它还是利益相关者参与的利器。

《华盛顿邮报》应用中的竖屏视频体验

在她的演示中,Emily 展示了一个为《华盛顿邮报》应用竖屏视频体验设计的 ProtoPie 原型。

目标颇具雄心——无缝整合类似 Instagram Reels 或 TikTok 的界面。该原型包含竖屏视频轮播、自动播放功能、交互式拖动条以及细致的声音控制——这些元素共同汇聚,带来沉浸且引人参与的用户体验。

该原型的精细程度映射了真实世界的用户体验,各组件协同工作以形成连续流畅的体验。作为核心元素的竖屏视频轮播内置了判断视频是否处于焦点状态的逻辑。这一额外的复杂性确保用户可以轻松浏览并与内容互动。

集成在原型中的时间戳功能可动态呈现视频时长。用户可以静音与取消静音、播放与暂停,提供了与主流社交媒体平台行为一致的控制体验。


Try the vertical video feature yourself.

《华盛顿邮报》的原型革命

Emily 的演讲探讨了《华盛顿邮报》的原型革命,展示了创新设计方法论的力量。通过策略性使用 ProtoPie,结合对用户需求的深刻理解与高效沟通,《华盛顿邮报》已将自身定位于数字时代视觉叙事的前沿。

随着新闻消费模式不断演进,《华盛顿邮报》的方法凸显了设计、技术与用户中心性之间的共生关系。在 Emily Mongilio 这样的设计远见者手中,原型不只是模拟——它们是通往数字媒体不断演进版图中新可能性的入口。

用 ProtoPie 传达你的想法

加入包括《华盛顿邮报》在内的 15,000 家公司,使用 ProtoPie 进行高保真原型设计。立即免费试用 ProtoPie,轻松表达你的创意。