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

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

Case 044数字阅读与内容发现

Infinitoon

一个阅读平台,连接漫画发现、目录浏览、作品信息和阅读社区。

我的职责
UX/UI 设计
项目状态
产品设计 · 公开平台
一摞 3D 书籍,封面取自目录。
为这面项目墙制作的 3D 物件,封面取自目录。

01

我的贡献

Infinitoon 把各种阅读兴趣聚在同一个平台里。我的 UX/UI 工作围绕平台体验展开:一个人怎样发现一部作品,了解它提供什么,并找到进入阅读的路径。

这个公开平台包含以发现为先的首页、目录合集、搜索、作品详情和读书会。这些页面让案例有了一条具体的路径可循:从一份宽泛的邀请,到某一个具体的故事。

录制自线上网站:从主推作品,到作品页及其章节。阅读本身需要登录,这里没有展示。书籍的美术作品归作者和出版方所有。

02

提供不止一个入口

有些读者来这里是为了找一部具体的作品,有些读者则需要一个探索的理由。搜索服务于第一种路径,首页和分组的目录则为第二种路径提供了看得见的起点。

封面承担了大部分辨识工作。统一的作品展示方式把这种多样性整理成可浏览的合集,让人在不同的故事之间穿行时,不必为每一部作品重新学习一套界面。

Infinitoon:主推故事和热门图书。
已上线的真实发现页,截取的是首屏画面。

03

给作品独立的背景信息

作品详情页把目录里的一个条目,变成一次阅读的决定。在用户继续之前,先让这部作品成为焦点,发现和下一步操作也因此连在一起。

目录范围更广,里面也有教育类漫画。平台需要在一套统一、易辨认的导航结构里,容纳这些不同的阅读目的。这里展示的是界面设计;漫画和作者都保有各自的身份。

Infinitoon 的发现页,有精选故事和图书目录。
已上线的 Infinitoon 发现页界面。书籍的美术作品归各自的作者和出版方所有。

04

把发现和阅读社区连起来

除了个人浏览目录,读书会提供了另一条进入平台的路径。它们把阅读的社交背景,和作品合集放在了一起。

这个案例依据公开可见的页面,以及存档的产品设计工作。重点是它们如何组织、如何交互,不会把现有平台的全部开发工作或出版目录,都算在某一位设计师头上。

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

频道 44 数字阅读与内容发现

Infinitoon

一个阅读平台,连接漫画发现、目录浏览、作品信息和阅读社区。

我的职责
UX/UI 设计
项目状态
产品设计 · 公开平台
一摞 3D 书籍,封面取自目录。
为这面项目墙制作的 3D 物件,封面取自目录。

帮下一个故事找到它的读者

线上目录的浏览录屏。书籍的美术作品归作者和出版方所有。

我的贡献

Infinitoon 把各种阅读兴趣聚在同一个平台里。我的 UX/UI 工作围绕平台体验展开:一个人怎样发现一部作品,了解它提供什么,并找到进入阅读的路径。

这个公开平台包含以发现为先的首页、目录合集、搜索、作品详情和读书会。这些页面让案例有了一条具体的路径可循:从一份宽泛的邀请,到某一个具体的故事。

录制自线上网站:从主推作品,到作品页及其章节。阅读本身需要登录,这里没有展示。书籍的美术作品归作者和出版方所有。

提供不止一个入口

有些读者来这里是为了找一部具体的作品,有些读者则需要一个探索的理由。搜索服务于第一种路径,首页和分组的目录则为第二种路径提供了看得见的起点。

封面承担了大部分辨识工作。统一的作品展示方式把这种多样性整理成可浏览的合集,让人在不同的故事之间穿行时,不必为每一部作品重新学习一套界面。

Infinitoon:主推故事和热门图书。
已上线的真实发现页,截取的是首屏画面。

给作品独立的背景信息

作品详情页把目录里的一个条目,变成一次阅读的决定。在用户继续之前,先让这部作品成为焦点,发现和下一步操作也因此连在一起。

目录范围更广,里面也有教育类漫画。平台需要在一套统一、易辨认的导航结构里,容纳这些不同的阅读目的。这里展示的是界面设计;漫画和作者都保有各自的身份。

Infinitoon 的发现页,有精选故事和图书目录。
已上线的 Infinitoon 发现页界面。书籍的美术作品归各自的作者和出版方所有。

把发现和阅读社区连起来

除了个人浏览目录,读书会提供了另一条进入平台的路径。它们把阅读的社交背景,和作品合集放在了一起。

这个案例依据公开可见的页面,以及存档的产品设计工作。重点是它们如何组织、如何交互,不会把现有平台的全部开发工作或出版目录,都算在某一位设计师头上。