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

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

Case 004移动应用界面

Hello You

Motorola 的一款应用,把手机使用技巧、权益和个性化内容集中在一个首页上,还有视频、游戏和播客的标签页。

我的职责
界面设计
项目状态
设计文件
Hello You 首次使用的欢迎页,有一幅插画和一个 Continue 按钮。
Explore 首页,一个引导气泡指向 Videos 标签。
设计界面的演示,并非录屏:首次启动、加载和 Explore 首页。 首次使用。 引导气泡指向 Videos 标签。

01

我的贡献

Hello You 把手机使用技巧、专属权益和个性化内容放进同一款应用。文件探索了它的首次使用、Explore 首页,以及信息流周围的各种状态。

首页的加载状态,带有骨架屏闪烁占位。
一条帖子的选项底部面板。
举报对话框,询问出了什么问题。
首页加载时的骨架屏闪烁。 每条帖子的选项。 举报一条帖子。

02

围绕快捷入口搭建的首页

Explore 以一条横幅开头,接着是一组快捷入口,通向设备、app box、市场、查找门店、帮助和诊断,再往下是热门话题和信息流。底部标签栏通向 Videos、Dimo、Games 和 Podcasts。

03

信息流周围的状态

文件还设计了围绕这些内容的部分:首页加载时的骨架屏闪烁效果、指向 Videos 标签的引导气泡、登录弹窗、每条帖子的选项面板,以及举报对话框。

04

前后对比

文件里还留着这个首页的早期版本。它在快捷入口上方先放一条满版的故事内容,并试过不同的首屏主图。Hello You 保留了让手机及其服务共用一个首页的想法,把内容放进更深色、更清晰的结构里。

并排来看,早期的首页与 Explore 首页:整屏的照片故事让位给横幅,八个快捷入口收进一张卡片,下方的空间留给热门话题和信息流。

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

频道 04 移动应用界面

Hello You

Motorola 的一款应用,把手机使用技巧、权益和个性化内容集中在一个首页上,还有视频、游戏和播客的标签页。

我的职责
界面设计
项目状态
设计文件
设计界面的演示,并非录屏:首次启动、加载和 Explore 首页。
Hello You 首次使用的欢迎页,有一幅插画和一个 Continue 按钮。
首次使用。
Explore 首页,一个引导气泡指向 Videos 标签。
引导气泡指向 Videos 标签。

Motorola 手机的技巧、权益和内容,集中在一款应用里

设计文件。信息流内容是模型中的示例数据。

我的贡献

Hello You 把手机使用技巧、专属权益和个性化内容放进同一款应用。文件探索了它的首次使用、Explore 首页,以及信息流周围的各种状态。

首页的加载状态,带有骨架屏闪烁占位。
首页加载时的骨架屏闪烁。

围绕快捷入口搭建的首页

Explore 以一条横幅开头,接着是一组快捷入口,通向设备、app box、市场、查找门店、帮助和诊断,再往下是热门话题和信息流。底部标签栏通向 Videos、Dimo、Games 和 Podcasts。

一条帖子的选项底部面板。
每条帖子的选项。

信息流周围的状态

文件还设计了围绕这些内容的部分:首页加载时的骨架屏闪烁效果、指向 Videos 标签的引导气泡、登录弹窗、每条帖子的选项面板,以及举报对话框。

举报对话框,询问出了什么问题。
举报一条帖子。

前后对比

文件里还留着这个首页的早期版本。它在快捷入口上方先放一条满版的故事内容,并试过不同的首屏主图。Hello You 保留了让手机及其服务共用一个首页的想法,把内容放进更深色、更清晰的结构里。

并排来看,早期的首页与 Explore 首页:整屏的照片故事让位给横幅,八个快捷入口收进一张卡片,下方的空间留给热门话题和信息流。

早期的首页,快捷入口网格上方是一条满版的故事。
首页的早期版本。
Explore 首页:横幅、一张含八个快捷入口的卡片、热门话题和信息流。
Explore 首页。