跳到正文
TV view聊聊吧
中文
全部作品

移动应用设计

HubProlog. 一次一张卡片,决定一份短期零工

一款移动应用:chapa(巴西负责装卸货物的帮工)可以在里面找到有报酬的短期零工,接下活儿,并保存付款记录。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
HubProlog 样机,为这面项目墙用项目的真实页面合成。
为这面项目墙用项目真实页面合成的样机。

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

我的贡献

HubProlog 在屏幕上显示为 hub,是一款葡萄牙语应用,面向接短期、有报酬的零工的人,比如 chapa,也就是装卸货物的帮工。应用把这类活儿叫作 trampos,是巴西人日常口语里指零工的词。

设计文件里有 47 个移动端画框,涵盖登录、邀约、搜索、凭证和个人资料。这里展示的工作、地点和金额都是示例内容。

录自 Figma 原型。滑动浏览邀约、按城市筛选,并打开其中一条。
Buscar 页面,标题为 Propostas em São Paulo,有一张画着仓库工人的大幅插画卡片,工作是 Chapa,每天 R$ 100,距离 11 km,另有拒绝、撤销和接受按钮。
Buscar 一次显示一份工作,配有拒绝、撤销和接受。

一次只显示一份工作

Buscar 把可接的工作做成可以滑动的卡片,一次一张大卡片。卡片上写着这份工作是什么、报酬多少、在哪里、距离多远,文字放在深色渐变上,压在插图上也依然清晰。下方是三个圆形按钮:拒绝、撤销和接受。

Convocação 页面,hub 标志位于淡化的仓库插图之上,另有工作描述、所含工作内容的清单,以及 Recusar 和 Aceitar 按钮。
邀约先把服务讲清楚,再请对方回复。

先读,再回答

一份邀约先用平实的话描述服务,再列出包含的内容。问题到最后才出现:“Você aceita este trampo?”,就在 Recusar 和 Aceitar 的正上方,读完之后才轮到做决定。珊瑚色代表拒绝,品牌的青柠绿代表接受,各个邀约页面用的都是这一对颜色。

Comprovantes 页面,带有 Holerites 和 Comprovantes de PIX 两个选项卡,以及一份按周分组的列表,列出通过 PIX 收到的 R$100 示例付款。
Comprovantes 把付款记录按周分组。

付款凭证

Comprovantes 把 Holerites 和 Comprovantes de PIX 分开,并按周给记录分组。每张卡片先写金额,再写工作和日期。登录同样简短:一个 CPF 输入框和一个 Continuar 按钮。

登录页面,有 hub 标志、一个 CPF 输入框和一个深色的 Continuar 按钮。
登录只要求填一样东西:CPF。