行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

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 的 Leah Han 以中文撰写,并在她与 OnePlus 的授权下完成翻译。

据说,中国智能手机制造商 OnePlus 的设计团队颇为神秘。在网上几乎找不到相关信息;没有设计博客或其他相关资源。但每一次,OnePlus 都能凭借其出色的智能手机惊艳全球制造市场。


People go crazy for OnePlus


人们为 OnePlus 而疯狂

那么,这支打造出令人着迷、让人疯狂追捧产品(见上图!)的 OnePlus 设计团队究竟是什么样的呢?ProtoPie 将为你揭开这个团队的一些神秘面纱。

我们采访了手机用户体验设计团队的两位设计师,Allison Liu 和 Logan。两人主要负责手机操作系统的交互设计和用户研究。该设计团队通过研究与动态方法,致力于打造在视觉与交互上都具有吸引力、并以用户为中心的操作系统。


Allison Liu and Logan of the OnePlus Design team


Allison Liu 和 Logan,OnePlus 设计团队的两位成员。

设计流程

大型传统公司的设计团队仍常常采用瀑布模型。然而,据 Allison 和 Logan 介绍,OnePlus 则更偏好精益设计流程。


Design workflow at OnePlus


OnePlus 的设计工作流。

初始阶段

提出建议或想法的并不只有产品经理,任何人都可以!这意味着公司内任何人的创意、建议、灵感、点子等,都有机会被落地并对产品产生真实影响。团队完成内部评估后,会通过优先级排序得出结论,决定某个想法是否应被采纳。随后会进行集体头脑风暴与必要讨论,聚焦于进一步打磨想法。无论是重大还是细微的想法,都必须经过多层筛选与研究。这一点至关重要,因为需要确认它对用户的附加价值以及落地实施的可行性。

视觉与交互设计

初始阶段之后,便进入视觉与交互设计阶段。设计师使用 ProtoPie 构建原型并开展分析,例如用户测试与收集用户反馈,同时持续优化。这个包含高保真交互的阶段非常强调逻辑思维,因为重点在于确保界面对用户而言尽可能简单、易懂。之所以主要使用 ProtoPie,是因为它对真机测试支持出色,而且原型可离线存储在智能设备上,这两点都让用户测试更加便捷。

用户测试

在筛选研究对象时,重要的是选择一组与目标用户群高度相似、同时在背景特征上又足够多样的人群。当用户在设备上体验交互原型时,指定团队会观察并记录其行为。此外,用户的评论与反馈也会被记录。收集并分析后,所有用户输入都会用于进行必要改动,以交付满足其需求的产品。为了优化设计流程,并通过持续修改与测试交互原型来实现极致用户体验,用户测试尽可能贴近真实生活场景至关重要。这有助于显著节省开发成本并提升效率。

开发

在持续迭代过程中,原型的保真度会逐步提高。Logan 表示,随着设计师能够展示高保真原型是如何构建的,设计师与开发者之间的协作得到了显著改善。由于 ProtoPie 具有直观性和清晰性,开发者能够轻松明确在设计层面具体需要实现什么。例如,ProtoPie 包含速度控制功能。有时交互发生得太快,开发者难以清楚看到细节。通过在预览时调整原型速度,交互细节会更清晰可见,使开发者更容易理解设计师的视角。最终,ProtoPie 弥合了设计师与开发者之间的鸿沟。


ProtoPie bridges the gap between designers and developers


ProtoPie 弥合了设计师与开发者之间的鸿沟。

通过这次采访,我们了解到在 OnePlus 的精益设计流程中,设计团队会基于逻辑思维迭代地产出更易于用户理解的改进原型。


Interactive prototyping phase at OnePlus


OnePlus 的交互原型阶段。

选择合适的原型工具

原型工具的需求

在 OnePlus 的精益设计流程中,设计团队在沟通与协作方面有着严格要求。为了向用户交付直观且细致的交互原型,OnePlus 设计团队希望所选原型工具具备以下条件:

  • 支持从 Sketch 导入。

  • 便于与开发者就设计细节和交互背后的逻辑进行沟通。

  • 便捷且“真实感”强的用户测试,例如原型可部署到智能手机,并可在手机本地存储这些原型。

  • 协作能力:原型可在线分享,并可在桌面与移动端浏览器中部署。

  • 保真度:能够实现页面流程,以及单页多指手势。

OnePlus 设计团队一直在寻找能帮助设计师打造最佳用户体验的原型工具。ProtoPie 正是 OnePlus 一直在寻找的工具。

“ProtoPie 是迄今为止最好的原型工具。”—— Logan,OnePlus

ProtoPie 的突出之处是什么?

1. 概念模型:ProtoPie 的理念以及基础,完全基于交互是如何构建的:
对象 + 触发器 + 响应 = 交互


Object + Trigger + Response = Interaction


ProtoPie 的概念模型

通过保持高保真原型理念的简洁,设计师与开发者之间能够更顺畅地沟通。同时,开发者可以更轻松、更快速地理解设计师的想法,反之亦然。此外,ProtoPie 不要求设计师编写代码,因为这不符合“保持简单”的思路。OnePlus 设计团队无需代码即可传达其产品设计理念。

2. 快速上手:当 ProtoPie 被引入 OnePlus 时,设计师凭借其循序渐进的学习曲线、易于理解的概念模型以及直观的 UI,能够迅速开始使用这一工具。在很短时间内,ProtoPie 就成为 OnePlus 设计工作流中不可或缺的一环。

3. 传感器的使用:ProtoPie 支持在原型制作中使用智能设备的传感器,且无需编写任何代码。OnePlus 设计师对此非常兴奋,因为 ProtoPie 支持麦克风、加速度计、压力传感器等。


A simple prototype using the tilt sensor by OnePlus


OnePlus 使用倾斜传感器制作的一个简单原型。

因此,Logan 鼓励设计师不要因技术限制而约束想法,因为借助 ProtoPie,设计师无需亲自深入代码,也能构建逼真、接近真实产品的原型。


Designers at OnePlus building hi-fi


OnePlus 的设计师使用 ProtoPie 构建高保真原型。

结论

我们了解到,OnePlus 设计团队重视精益设计流程、逻辑思维,以及设计与交互细节,从而为全球用户打造最佳产品。由于 OnePlus 设计团队始终追求最佳解决方案,团队不断思考提升效率的方法。ProtoPie 正提供了这一解决方案。

点击这里了解更多 OnePlus 信息。