当前位置:首页 > 移动互联 > Material Design实战!FEEDLY创始人再聊改版实战经验

Material Design实战!FEEDLY创始人再聊改版实战经验

admin 3年前 356 0

Material Design实战!FEEDLY创始人再聊改版实战经验 移动互联 第1张

几周之前,我们(Feedly团队)在谷歌总部参加了一个Material Design的研讨会,在那里我们探索了一下如果Feedly遵循Material Design的设计规范会是什么样子,并随后撰写了一篇关于MATERIAL DESIGN的实战文章,做了简单的经验分享。

2月10日,我和我的团队成员Edwin与Sean 再次回到了Google总部,同Material Design团队更深入地探讨了设计技巧。坦率的讲,谷歌的艺术总监Rachel Been 真心是我们的良师益友,她同我们详细讲述了Material Design 的几个核心设计原则。

通过在Google的车库长达2年的交流,我们为Feedly真正意义上完成了一个可运行可交互的设计原型。通过几周时间的打磨细化之后,我们最终完成了第一次符合 Material Design 的产品。现在你已经可以在Google Play上下载最新版的Feedly了。(国内的朋友可以在诸如酷市场这样的APP软件商店下载到来自Google Play 的原版应用)

情感化体验设计

在Google的这两天,我们专注于重新思考用户探索体验的视觉设计。当用户刚刚使用Feedly的时候,会看到APP的介绍,并且通过逐步引导开始构建适合用户自己的新闻和信息源,而这个过程就是我们所说的用户探索体验。

面对这个环节,Rachel 主要的设计方向是让这个过程的体验更富于情感,更加身临其境,所以她提出了以下倡导:

视觉设计高于文本:如何用图像替代单纯的文本标签更好地呈现每个元素? 策划优于算法:我们能否基于人的策划和想法来提供搜索结果,而非使用单一的算法来推荐最优结果? 精选而非扁平的列表:让搜索结果以不同层级呈现,显示推荐的元素或内容,而不是单纯的列表,让用户能获取最优的内容。 文章排版优于图片堆叠:使用动态的视觉设计而非简单的静态堆叠。这样的设计尤其适用于“话题卡片”。 推荐优于基本的搜索:如何在构建核心用户体验的时候,向用户推荐相关内容,而不是让用户专门去搜索特定内容。

我们写将这些原则写在白板上,并且将其纳入到原型设计中。我们并非要将所有原则一一实现,而是要借助它们获取灵感。

我们将这些想法纳入到Feedly的发现体验设计中,这部分的界面由两屏组成:

“探索”

在这个地方,用户可以搜索他们感兴趣的内容,也可以搜索他们向关注的特定站点。另外我们也为他们推荐了一些话题,帮助他们获取灵感,找到他们想要的内容。

“搜索结果”

搜索结果界面展示了那些与话题或搜索关键词相匹配的博客与网站。

Material Design实战!FEEDLY创始人再聊改版实战经验 移动互联 第2张

使用纸模来制作发现体验环节的原型。

探索

在“探索”这一屏,我们使用了栅格和图片来代表一系列话题,我们将这一部分成为“Starter Kit(新手工具箱)”。但是设计这一界面有一些里痛点:

并列的三个卡片挤在一起让它们难于被浏览

话题的可读性较差

整个体验算不上身临其境

所以我们决定更大胆的视觉设计和更大的卡片。我们还为每个卡片列出了子话题,确保用户在选择卡片的时候,能够明白他们所探索的站点的类型。举个例子,我们在“设计”的卡片下面会列出“建筑”、“平面设计”和“UI设计”。为了防止列表太长并难于浏览,我们参考最初的6个原则,为这些子话题设计了更小的卡片。

Material Design实战!FEEDLY创始人再聊改版实战经验 移动互联 第3张

搜索结果

通过选择话题或者关键词来搜索之后,我们习惯于使用扁平化的列表来呈现结果,但是这一会存在以下缺陷:

这个列表并不会让用户有参与感,更不会身临其境;

用户很难知道搜索出来的网站和源到底是干什么的;

我们很难向某些小众读者推荐那些真正炫酷的网站。

上面的这些问题最终导致读者很难决定将哪些网站添加到他们的Feedly源中。

其实我们也很想看看,如果完全遵循Rachel的原则和建议,使用更多策划和推荐的内容与情感化设计之后,整个应用会是什么样的。实际上,这些设计原则与我们一直在做的“收藏分享”功能不谋而合。于是,我们在设计过程中,纳入了这一功能,使得搜索结果更加有趣了。

举个例子,如果你选择了“食物”话题,那么你将看到一个一组常见食物网站的合集,后面会跟着一组精心挑选的子话题:素食、健康、烘焙、鸡尾酒,等等等等。所有的这些子话题都是由业界的意见领袖来策划并创建的,比如来自 Smitten Kitchen 的 Deb Perelman,来自Food 52 的Amanda Hesser ,以及来自Love & Lemons 的 Jeanine Donofrio ,等等等等。这些专业和业界名人的策划会使得推荐更加人性化,优质内容更容易被发现。

最后,你可以使用“Add All”按钮一键添加所有推荐内容,帮你加快个性化阅读列表的构建。

Material Design实战!FEEDLY创始人再聊改版实战经验 移动互联 第4张

策划这些话题和内容需要投入大量的工作,但是在我们看来,这些专业的推荐能够迎合用户探索的需求,最终会使得整个服务和之前截然不同。目前,这种运作模式我们仅仅在食品这个分类中推行了,不过今后你会在更多的分类中看到这一的内容推荐!

发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

AT&T收2500万美元创纪录罚单:因泄露近28万客户数据

AT&T收2500万美元创纪录罚单:因泄露近28万客户数据

凤凰科技讯北京时间4月9日消息,据科技博客TheVerge报道,美国联邦通信委员会(FCC)周三向美国电话电报公司(AT&T)开出一张数额为2500万美元的创纪录罚单,旨在惩罚AT&...

90后女黑客秒破共享单车:刷别人的钱骑行

90后女黑客秒破共享单车:刷别人的钱骑行

 在演示中,Tyy使用电脑,在同一Wi-Fi下与陌生用户手机相连,几秒钟后,该用户此前的骑行记录便显示在Tyy的电脑上,其中包括用户姓名、余额及密码等。Tyy可借助该操作,用别人的账户扫码...

外贸建站为什么选择GoDaddy主机?

外贸建站为什么选择GoDaddy主机?

   跨境电商,是近年来一个热门的词汇,很多传统外贸企业开始向外贸电商转型。目前比较主流的外贸电商交易有两种,一是通过阿里巴巴、环球资源这类第三方B2B平台销售...

创业最大的损失不是钱,而是辛辛苦苦做的东西没人要

创业最大的损失不是钱,而是辛辛苦苦做的东西没人要

 侠客们,晚上好!新商业路上,笔记侠与你守望相助。2005年,凭借着对互联网行业的深刻认识,以及个人敏锐的观察、分析能力,程浩率领迅雷的团队成功将迅雷下载、搜索等核心业务线做到了上亿的用户规...

消息称美丽说筹划明年IPO 正寻求3亿美元融资

消息称美丽说筹划明年IPO 正寻求3亿美元融资

消息称美丽说筹划明年IPO正寻求3亿美元融资 【TechWeb报道】4月12日消息,据彭博社报道,女性时尚电子商务平台美丽说计划最早于明年在美国IPO(首次公开招股),估值或达到约25...

中国概念股周四收盘多数上涨 金融界涨18%

中国概念股周四收盘多数上涨 金融界涨18%

中国概念股周四收盘数据新浪科技讯北京时间4月10日凌晨消息,周四美国股市收高,能源板块领涨。投资者正在权衡上周首次申请失业救济数据与美国铝业等公司的财报。昨日联储会议纪要显示联储官员在首次加息时间...

洋码头曾碧波创业心得:行业趋势不等于“资本趋势”

洋码头曾碧波创业心得:行业趋势不等于“资本趋势”

    摘要:得不得罪投资人,不是创业者看问题最重要角度,相反创业者最需考虑也最不能得罪的,是他的客户,是他身处行业要求的规律,及跟着他打拼江山的团队兄弟。  ...

坚果Pro再被曝质量问题,锤子为何总掉链子?

坚果Pro再被曝质量问题,锤子为何总掉链子?

 2017年5月9号,罗永浩无不自豪地发布了锤子新品——坚果Pro。发布会上老罗自豪之余又感慨万千,一度落泪。遗憾的是,一贯善于掉链子的锤子科技这次依然没有让大家失望,坚果pro刚一发布便被...