高级手势
拖拽，划动，扭曲……
空间感
旋转，立体
空间感
上下左右前后，6个方向 2D和3D转场效果
上下文情景
空间感
层次，
富内容混排
文字，图片，视频 不再是单一的某本书， 以话题来组织内容服务。
直接而真实
做旧的纸面, 手指滑动标注， 长按选择
直接而真实
动态切换，质感，
标签系统
多维度
时间 作者 类别 好评 ……
QQ阅读 设计之路
maczheng
-前世-今生-来世-
背景
• 低端到高端 • 键盘到触屏 • 本地到在线 • 单调到拟物 • 单一到多样 • 免费到VIP
全平台的支持，Android 先行
产品经理
风险VS机遇 • 屏幕多 • 版本多 • 没有规范
更自由
更需要设计
设计师
/2011/02/aboutandroid2.html
织区
• 视觉统一：icon，色彩，质感。 • 书城统一：都用同一个书城
异
• 存在menu（平台优势） • 依赖返回键（用户习惯） • 存在本地模块（融入书架了） • 在线阅读（已有功能） • 下载通知机制（系统决定）
FUTURE
移动阅读的用户体验趋势
我们所面临的……
用户：男女老少 场景：移动、碎片、持续、离线、夜间 平台：多平台上的统一体验 屏幕：多屏幕之间上的统一识别
•信息堆砌，缺乏清晰架构 •Wap风格， •厚重而单调的拟物
对手1.10
2010.12.17
2011.04.22
2011.07.22
本地
书架
书城
阅读界面
个人中心
1.5 版本
Less well
1. 界面不统一 2. 太过强调本地 3. 书城难以返回书架。 4. 个人中心单薄
用户定制
减少键盘输入
搜索历史，推荐热词，评分标记
回顾一下
便捷
1. 一键切换 2. 减少输入 3. 批量管理
内容为主
1. 合理分类 2. 扁平内容组织 3. 推荐、排行、评论引导 4. 标签系统
有趣
1. 空间，拟物 2. 真实的阅读体验 3. 成就及历史的视觉展现
On the road，
Amazing
•弱化本地 •抽屉 •九宫格 •书架到书城更方便
本地
为什么本地要放在页面的 底部？
“到书架”标记
1. 标记可标识是否在书架上。 2. 可方便实现本地书添加到书架， 3. 同时也可直接从书架移除（再次点击）
增强本地和书架的关系
抽屉
书城 •html页面 •返回与关闭
/tencentW SD/html5web-9144342
Symbian V3 Symbian V5
平台统一
Android phone Android pad
iPhone iPad
/preciousforever/patterns-for-multiscreen-strategies
Android pad
我们要提供的……
便捷
1. 一键切换 2. 减少输入 3. 批量管理
内容为主
1. 合理分类 2. 扁平内容组织 3. 推荐、排行、评论引导 4. 标签系统
图片 视频
文字 混排
我们生成的 读者生成的
有趣
1. 空间，拟物 2. 拟物真实的阅读体验 3. 成就及历史的视觉展现
只有点击？ 是不够的
Beyond Click
• 怎么提供丰富的背景 • 九宫格还是列表？ • Menu的排放顺序 • 从列表到详情页后，页面上要返回键吗？ • 怎样减少搜索时的输入？ • 在线阅读
1.6版本 升级方向
增强关系
书架
书城
本地
图书
内容
读者
个人中心
书架 本地
书城
New Architecture
•书架是什么？
书架 •什么书放在这里？
Recording Sharing Achievement ……
欢迎使用QQ阅读
Graphic by tinahou
Symbian V3
Graphic by Alvincai
Symbian V5
Graphic by tinahou
Android phone
iPhone
iOS和android
同
• 架构统一： online 和offline • 布局统一：顶部宽的title，中间内容区，底部更多内容组
•列表 •详情弹框
图书详情页
1. 第三方推荐 2. 用户产生内容 3. 书与书的关联
阅读
•沉浸 •趣味 •自定义
《阅读器排版工效学实验》
• 边距，行距，字体，字号 • 颜色，背景 • 夜间
个人中心 值得期待！！
值得期待
联网失败
1. 提示重试 2. 离线模式?
收集用户反馈
1. “我给qq阅读提建议” 2. 用户研究专员跟踪访谈 3. 官方网址： 4. 官方微博：/yueduqi 5. 官方QQ群：125541634