打造舒适的阅读空间—云阅读iPad3.0设计总结交互篇.pdf

打造舒适的阅读空间 —云阅读 iPad3.0 设计总结交互篇 项目背景 关注云阅读 iPad 版的朋友会发现，我们有一段时间没有更新了。针对手机版云阅读经过几轮迭代增 加的云端同步、阅读圈、多账号登录、社交分享等核心功能，这次的 iPad 版要一并加入。怎么把这 些功能在 iPad 上进行重设计，如何优化现有信息架构，是我们遇到的第一个挑战。 另外一个方面，相对于手机端的用户， iPad 用户更关注应用的品质感。通过之前的一些用户访谈， 我们了解到，用户会在车上、家里等一些相对稳定的环 境下使用 iPad, 每次的使用时间也较长。我 们希望通过一些的创新，让用户在这种沉浸式的使用情景下，体验到到舒适愉悦的阅读感受。进而 加深网易云阅读的品牌印象，打造产品 的市场口碑。 设计理念 做产品的时候，要从商业的角度来看我们的努力是否成功，往往会衡量设计方案引起预期用户行为 的频率（例如，订阅数、推荐数、活跃度）。那么，究竟是 什么样的因素会引发用户去与产品发生 互动，甚至产生一定的忠诚度，这其中我们设计师可以做什么？ Trevor van Gorp 在他的《 Design for Emotion 》中提到：一个成功的产品必须与能与用户建立起一种良好的关系，关系的建立取决于 我们体验到的有用（ useful ）、可用（ usable ） 和令人愉悦（ pleasurable ）的程度。而从用户角度 衡量交互度的标准就是使用者是否达到 心流“ ”状态 ,一种意识具有高度条理性，积极投入的体验， 诺 曼也称其为 专心致志的持续性流畅状态“ ”。为此，产品设计要设计有用的任务、达成良好的互动、 创造恰到好处的吸引力，来平衡用户的情感状态以控制注意力 和创造流 (flow) 体验。 原则总是说起来比较抽象，举个生活中的栗子吧。周末空闲的时候，我喜欢去钱江新城的杭图坐坐 ，在那里看看书，翻翻杂志，感觉蛮惬意的，一不留神就待了一个上午。想了想，为什么会喜欢去 那里，可能有下面这些原因： 我们想要云阅读 iPad 新版也是这样一个让人觉得舒适的阅读空间，实用、好用、有感觉，陪伴你渡 过每一段阅读的时光。 首页信息架构探索 在iPad 上，为了充分利用空间优势，减少整屏切换， App 往往采用更扁平化的层级结构，所以首页 的交互设计就非常重要。 在这次的 iPad 版云阅读中，我们增加了杂志分类、阅读圈功能，丰富了个 人主页，原来的结构已经不能适合现在的需求。怎么样让用户能便捷地找到入口，同时 各个内容得 到很好的呈现？我们尝试了不少 iPad 端常见的设计模式。 1.竖导航 把我、书籍、资讯、杂志、阅读圈、消息作为独立的 tab ，列在左边，点击 tab 切换右 半部分的内容。把操作类按钮（如搜索、整理、离线下载、添加内容）等放在顶部。与之相对 应的，在阅读圈中采用单一视觉走向的列表流设计。 这样设计的优点是：结构逻辑清晰，操作效率高。在网易新闻、微博等 iPad 客户端中采用的就 是类似的结构。 对于我们来说，竖导航的缺点是：由于导航占据了屏幕边上的一部分空间，右边主要内容的排 布会受到影响，尤其在竖屏情况下；阅读圈单屏显示内容有限，原来文章正文的版式会被打破 ，影响阅读体验，这与我们的初衷相背。 2.分屏平铺 在现有架构的基础上，主页内容包括书籍、资讯、杂志，采用顶部 tab 切换。点击顶 部两端的相关入口，可以去往左面整屏阅读圈、右面整屏资讯中心或书城。 这样设计的优点是，每屏内容相对独立，划分明确，在 “多看 ” iPad旧版中也采用了类似的信息架 构设计。如果我们这样设计，对现有首页改动比较小，阅读圈的设计也可以少一些限制，但是 这种架构拓展性比较差，未来如果加入更多的内容分类，又要推倒重来。 3.T ab 切换 这 可以说是最基本的一种设计模式，考虑是不是要和