打造舒适阅读空间—云阅读iPad3.0设计总结交互节.pdfVIP

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