《实战创始人再聊改实战经验》由会员分享，可在线阅读，更多相关《实战创始人再聊改实战经验（8页珍藏版）》请在金锄头文库上搜索。
1、云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ DESIGN 实战！FEEDLY 创始人再聊改版实战经验编者按：上一篇关于 Feedly UI 设计实战的文章， 实际上算是 Feedly 团队去 谷歌总部交流学习的经验总结，按照 Material Design 的规范设计了界面，但是并 非最终的版本。重返谷歌总部在此交流之后，Feedly 团队最终作出原型，并完 成了整个 APP 改版，这篇文章就由此而来。几周之前，我们在谷歌总部参加了一个 Material Design 的研讨会，在那里我 们探索了一下 Feedly 如果遵循 Material Design 的
2、设计规范会是什么样子，并随 后撰写了一篇文章MATERIAL DESIGN 实战!FEEDLY 创始人聊聊改版实战经 验，做了简单的经验分享。2 月 10 日，我和我的团队成员 Edwin 与 Sean 再次回到了 Google 总部，同 Material Design团队更深入地探讨了设计技巧。 坦率的讲， 谷歌的艺术总监Rachel Been 真心是我们的良师益友，她同我们详细讲述了 Material Design 的几个核心 设计原则。通过在 Google 的车库长达 2 年的交流，我们为 Feedly 真正意义上完成了一 个可运行可交互的设计原型。通过几周时间的打磨细化之后，我们最终完
3、成了第 一次符合 Material Design 的产品。 现在你已经可以在 Google Play 上下载最新版 的 Feedly 了。(国内的朋友可以在诸如酷市场这样的 APP 软件商店下载到来自 Google Play 的原版应用)情感化体验设计在 Google 的这两天，我们专注于重新思考用户探索体验的视觉设计。当用 户刚刚使用 Feedly 的时候，会看到 APP 的介绍，并且通过逐步引导开始构建适 合用户自己的新闻和信息源，而这个过程就是我们所说的用户探索体验。面对这个环节，Rachel 主要的设计方向是让这个过程的体验更富于情感， 更加身临其境，所以她提出了以下倡导：视觉设计高于
4、文本：如何用图像替代单纯的文本标签更好地呈现每个元素?云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ 一的算法来推荐最优结果?精选而非扁平的列表： 让搜索结果以不同层级呈现， 显示推荐的元素或内容， 而不是单纯的列表，让用户能获取最优的内容。文章排版优于图片堆叠：使用动态的视觉设计而非简单的静态堆叠。这样的 设计尤其适用于“话题卡片”。推荐优于基本的搜索：如何在构建核心用户体验的时候，向用户推荐相关内 容，而不是让用户专门去搜索特定内容。我们写将这些原则写在白板上，并且将其纳入到原型设计中。我们并非要将 所有原则一一实现，而是要借助它们获取灵感。我们将这些想法纳入
5、到 Feedly 的发现体验设计中，这部分的界面由两屏组 成：“探索”在这个地方，用户可以搜索他们感兴趣的内容，也可以搜索他们向关注的特 定站点。另外我们也为他们推荐了一些话题，帮助他们获取灵感，找到他们想要 的内容。“搜索结果”搜索结果界面展示了那些与话题或搜索关键词相匹配的博客与网站。云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ 分成为“Starter Kit(新手工具箱)”。但是设计这一界面有一些里痛点：并列的三个卡片挤在一起让它们难于被浏览话题的可读性较差整个体验算不上身临其境所以我们决定更大胆的视觉设计和更大的卡片。 我们还为每个卡片列出了子 话题，确
6、保用户在选择卡片的时候，能够明白他们所探索的站点的类型。举个例 子，我们在“设计”的卡片下面会列出“建筑”、“平面设计”和“UI 设计”。为了防止 列表太长并难于浏览，我们参考最初的 6 个原则，为这些子话题设计了更小的卡 片。云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ 我们习惯于使用扁平化的列表来呈现 结果，但是这一会存在以下缺陷：这个列表并不会让用户有参与感，更不会身临其境用户很难知道搜索出来的网站和源到底是干什么的我们很难向某些小众读者推荐那些真正炫酷的网站上面的这些问题最终导致读者很难决定将哪些网站添加到他们的 Feedly 源 中。云客网云客网 您网
7、站的流量加油站您网站的流量加油站SEO 排名 http:/ Rachel 的原则和建议，使用更多策划 和推荐的内容与情感化设计之后，整个应用会是什么样的。实际上，这些设计原 则与我们一直在做的“收藏分享”功能不谋而合。于是，我们在设计过程中，纳入 了这一功能，使得搜索结果更加有趣了。举个例子，如果你选择了“食物”话题，那么你将看到一个一组常见食物网站 的合集，后面会跟着一组精心挑选的子话题：素食、健康、烘焙、鸡尾酒，等等 等等。所有的这些子话题都是由业界的意见领袖来策划并创建的，比如来自 Smitten Kitchen 的 Deb Perelman，来自 Food 52 的 Amanda He
8、sser ,以及来自 Love & Lemons 的 Jeanine Donofrio ，等等等等。这些专业和业界名人的策划会 使得推荐更加人性化，优质内容更容易被发现。最后，你可以使用“Add All”按钮一键添加所有推荐内容，帮你加快个性化 阅读列表的构建。云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ 荐能够迎合用户探索的需求，最终会使得整个服务和之前截然不同。目前，这种 运作模式我们仅仅在食品这个分类中推行了， 不过今后你会在更多的分类中看到 这一的内容推荐!当然，我们还对侧边栏、内容列表等部分进行了 Material Design 式的设计， 确保整体体
9、验一致。云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ 我们提到了许多动效设计的问题。 这次， 我们同Google 的动效设计师 John Schlemmer 共同完成了许多动效设计，当你打开和关闭文章 的时候，你们会看到这些炫酷的效果。这些效果许多都是 John 想出来的，实际 效果也非常赞：这些动效响应都非常迅速(300ms 以内)，并且与文章结合得非常 不错。云客网云客网 您网站的流量加油站您网站的流量加油站SEO 排名 http:/ 可以期待它在未来的更新中出现。结语当然，这次的文章仅仅介绍了 Feedly 在进行 Material Design 设计过程中， 主要的两个功能的改版经验，希望你能从中获得帮助。
