拖动浏览,滚动或双指缩放。打开帮助查看键盘操作。

Yan
开放
合作
聊聊吧
Yan Fontão Boring view
All work

Case 024移动应用设计

GoVoice

一个葡萄牙语的社交信息流,人们在其中发布写给品牌的观点。设计把收件人变成每条帖子的一部分,显示各类反应的分布,并在讨论里声音越来越多时提供一份摘要。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
三部手机上方的 GoVoice 标志。
演示封面,其中一个示例身份已打码。

01

我的贡献

GoVoice 是一款葡萄牙语社交应用,人们在其中发布观点,并通过 Para 和 CC 两行里的提及把观点指向品牌,很像写电子邮件。我设计了信息流、帖子详情,以及它的各种反应状态。

观点详情页,带有反应。
一条观点上展开的反应栏。
录自 Figma 原型。一条帖子,公众舆论分析在它下方展开。 一条观点及其反应。 展开的反应栏。

02

写明写给谁的帖子

每条帖子用细线把各部分隔开:作者、写着被提及账号的 Para 行,然后是标题和正文。反应以带计数的标签排在下方,所以在打开评论之前,就能看出观点的分布。

反应不只是一个赞。一个悬浮的选择器提供点赞和点踩、爱心、火焰,加号后面还有更多,同时屏幕的其余部分被模糊,让帖子保持在焦点上。

观点详情,反应状态。
另一种反应状态。

03

阅读一场声音众多的讨论

当一条帖子收到大量留言时,一个可展开的区块会给出公众舆论的 AI 摘要,并附有通向 Central de Opinião Pública 的链接。接下来是精选评论,底部始终有一条深色的栏,栏里是一个邀请:Dar uma opinião。

000

使用说明

Yan Fontão
轻点
打开一个屏幕
点击
打开一个屏幕
拖动
浏览项目墙
滚轮
鼠标缩放,触控板移动,双指缩放
− +
拉远查看整面项目墙,或拉近
方向键
在案例中:↑↓ 切换案例,←→ 切换媒体。在项目墙上:移动
空格
打开或返回
Enter
打开
Esc Backspace
返回
Home
回到中心,再回到开场
PgUp PgDn
上一个或下一个频道
Tab
依次浏览项目和链接
R
随机项目
0–9
输入频道号,1–61
?
本页
快捷键

项目墙背景音乐

文件已为网页压缩并统一音量。

开放
合作
聊聊吧

给 Yan 发消息

告诉我你是谁,我会尽快回复。

000

关于 Yan

你好,我是 Yan

产品设计师/ 设计工程师

大多数产品都会在设计和代码之间丢掉一些东西。我的不会:我研究问题、设计产品,并亲手把界面上线,所以你批准的,正是用户最终拿到的。

  • 2018开始软件开发
  • UI + code设计与实现

合作过 Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

巴西 · 可远程、混合或驻场

Yan Fontão 的坐姿肖像:穿绿色毛衣、戴眼镜,手持麦克风。
开放
合作
聊聊吧
开放
合作
聊聊吧
000

加密频道

受保密协议约束

请输入访问码

向 Yan 索取访问码 ↗
开放
合作
聊聊吧
YAN FONTÃO 完整案例

频道 24 移动应用设计

GoVoice

一个葡萄牙语的社交信息流,人们在其中发布写给品牌的观点。设计把收件人变成每条帖子的一部分,显示各类反应的分布,并在讨论里声音越来越多时提供一份摘要。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
三部手机上方的 GoVoice 标志。
演示封面,其中一个示例身份已打码。

带收件人的观点

来自原始 Figma 设计文件的页面,使用示例数据。

我的贡献

GoVoice 是一款葡萄牙语社交应用,人们在其中发布观点,并通过 Para 和 CC 两行里的提及把观点指向品牌,很像写电子邮件。我设计了信息流、帖子详情,以及它的各种反应状态。

录自 Figma 原型。一条帖子,公众舆论分析在它下方展开。
观点详情页,带有反应。
一条观点及其反应。

写明写给谁的帖子

每条帖子用细线把各部分隔开:作者、写着被提及账号的 Para 行,然后是标题和正文。反应以带计数的标签排在下方,所以在打开评论之前,就能看出观点的分布。

反应不只是一个赞。一个悬浮的选择器提供点赞和点踩、爱心、火焰,加号后面还有更多,同时屏幕的其余部分被模糊,让帖子保持在焦点上。

一条观点上展开的反应栏。
展开的反应栏。

阅读一场声音众多的讨论

当一条帖子收到大量留言时,一个可展开的区块会给出公众舆论的 AI 摘要,并附有通向 Central de Opinião Pública 的链接。接下来是精选评论,底部始终有一条深色的栏,栏里是一个邀请:Dar uma opinião。

观点详情,反应状态。
另一种反应状态。