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

移动应用界面

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

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

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

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

我的贡献

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

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

围绕快捷入口搭建的首页

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

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

信息流周围的状态

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

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

前后对比

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

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

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