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

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

Case 010移动应用设计

DigiKisan

一款面向农民、聊天优先的助手,设计了英语和印地语两个版本:上方是天气和一种农作物的价格,下方是一个可以打字、语音或发送照片的输入框。所有数值均为示例数据。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
DigiKisan 的演示封面,来自原始设计文件。
演示封面,来自原始文件。

01

我的贡献

DigiKisan 是一款面向农民的聊天助手。Figma 文件不大:一个聊天页面和一个抽屉菜单,各自画了英语和印地语两版,我就按这个规模来展示。

聊天页面,顶部是那格浦尔的天气和土豆价格,问候语“Hello! How can I help your farm today?”,四个快捷操作,以及一个带相机、图片和 Voice 按钮的 Ask anything 输入框。
同一个聊天页面的印地语版,产品名用天城文书写,四个快捷操作叠成一列。
录自 Figma 原型。聊天、历史记录抽屉,以及切换到印地语。 聊天一打开就有天气、一种作物价格和四个快捷提问。 印地语画框把快捷提问叠成一列。

02

第一个问题之前

空白的聊天窗口让人不知从何问起,所以这个聊天一打开,既有可读的内容,也有可点的东西。两张小卡片分别显示某个地点的天气和一种农作物的价格。问候语下方有四个快捷提问,写明助手涵盖哪些方面:作物病害、作物价格、政府计划,以及天气和土壤。

提问输入框在底部,一侧是相机和图片按钮,另一侧是 Voice。Voice 是页面上唯一的实心按钮。

抽屉菜单,有 DigiKisan 标志、一个搜索框和示例提问,按 Today、Yesterday 和 Last 7 days 分组。
抽屉菜单把过去的提问按日期分组保存。

03

同一个页面,印地语版

印地语版保留了结构,但版式并非每一处都一样。产品名改成了 डिजी किसान,而在这个画框里,英语版中排成两行的快捷提问,竖着叠成了一列,每行一个操作。演示封面里它们仍然是两行,所以文件里两种排法都有。

抽屉菜单把过去的提问按 Today、Yesterday 和 Last 7 days 分组列出,每条都带一个小图标。示例提问从阿格拉的土豆价格到降雨预报,体现了这个助手要应对的范围。

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 完整案例

频道 10 移动应用设计

DigiKisan

一款面向农民、聊天优先的助手,设计了英语和印地语两个版本:上方是天气和一种农作物的价格,下方是一个可以打字、语音或发送照片的输入框。所有数值均为示例数据。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
DigiKisan 的演示封面,来自原始设计文件。
演示封面,来自原始文件。

从一个问题开始的农业助手

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

我的贡献

DigiKisan 是一款面向农民的聊天助手。Figma 文件不大:一个聊天页面和一个抽屉菜单,各自画了英语和印地语两版,我就按这个规模来展示。

录自 Figma 原型。聊天、历史记录抽屉,以及切换到印地语。
聊天页面,顶部是那格浦尔的天气和土豆价格,问候语“Hello! How can I help your farm today?”,四个快捷操作,以及一个带相机、图片和 Voice 按钮的 Ask anything 输入框。
聊天一打开就有天气、一种作物价格和四个快捷提问。

第一个问题之前

空白的聊天窗口让人不知从何问起,所以这个聊天一打开,既有可读的内容,也有可点的东西。两张小卡片分别显示某个地点的天气和一种农作物的价格。问候语下方有四个快捷提问,写明助手涵盖哪些方面:作物病害、作物价格、政府计划,以及天气和土壤。

提问输入框在底部,一侧是相机和图片按钮,另一侧是 Voice。Voice 是页面上唯一的实心按钮。

同一个聊天页面的印地语版,产品名用天城文书写,四个快捷操作叠成一列。
印地语画框把快捷提问叠成一列。

同一个页面,印地语版

印地语版保留了结构,但版式并非每一处都一样。产品名改成了 डिजी किसान,而在这个画框里,英语版中排成两行的快捷提问,竖着叠成了一列,每行一个操作。演示封面里它们仍然是两行,所以文件里两种排法都有。

抽屉菜单把过去的提问按 Today、Yesterday 和 Last 7 days 分组列出,每条都带一个小图标。示例提问从阿格拉的土豆价格到降雨预报,体现了这个助手要应对的范围。

抽屉菜单,有 DigiKisan 标志、一个搜索框和示例提问,按 Today、Yesterday 和 Last 7 days 分组。
抽屉菜单把过去的提问按日期分组保存。