Pinterest App 体验报告,pinterest 官网-ESG跨境

Pinterest App 体验报告,pinterest 官网

Pinterest App 体验报告

产品背景

Slogan：

The worlds catalog of ideas（世界创意目录）

相关描述：

Pinterest作为图片社交的巨人，把社交属性聚焦到图片分享上，在13年14年期间成为最具希望冲击FB Ins君主地位的选手。同期的类似产品还有Snapchat，Instagram，Flickr，Pixiv，但Pinterest善于集百家之长，在众多图片分享社交产品中脱颖而出。

其移动端产品注重微动效，流畅的操作，简单的逻辑，精细的设计，为用户提供十分优秀的阅览体验。Pinterest采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片。Pinterest堪称图片版的Twitter，网民可以将感兴趣的图片在Pinterest保存，其他网友可以关注，也可以转发图片。索尼等许多公司也在Pinterest建立了主页，用图片营销旗下的产品和服务。

体验环境

产品分析

战略层：

1.产品定位：Pinterest属于社交类的图片分享软件，用户可以在上面收藏和分享图片。功能特性主要强调：个性化，定制化，探索体验，以及收藏。

2.用户需求分析：产品的目标用户是设计相关从业人士、设计摄影爱好者、绘画爱好者、社交用户。用户特征是追求个性，充满艺术气息，喜爱美好事物。Pinterest能够根据不同用户的不同爱好，为之推快递呈现符合口味的图片，或者为他们提供创作的灵感，使得用户从【探索自己需要的喜欢的图片】这个行为中获得乐趣。

3.用户画像：

根据产品特性和目标用户，提取特征制造场景绘制画像。

4.关键词提取：

根据三种用户画像，归纳了不同的使用场景，以及在不同使用场景下的不同角色的用户需求，提取他们的关键词找准Pinterest的定位。

范围层：

1.基础功能：收藏、分享图片、搜索、热门图片、收件箱、画板

2.特色功能：

画板机制：在“我的‘页面里，可以进入画板。在画板里，可以邀请合作用户。合作用户可以收藏以及进行评论（也可以限制用户的权限），邀请用户的方式有复制链接、信息、Twitter、更多应用。或者也可以通过好友添加，也可以搜索好友。加强了用户的社交链接属性，增加了画板功能的二次打开率。

强大的推算算法：Pinterest拥有很强大的推算算法，不仅可以推快递类似tag图片、相同作者，还可以分析图素，推快递更加符合喜好的图片。

高自由度定制页面：在首页和搜索可以屏蔽掉自己不想看的内容，或者类似图片的推快递，在画板的页面里可以直接添加类似图片，或者进入编辑模式更改画板的图片顺序。

Gif高清实时加载：在浏览时直接播放高帧率的视频或者高清动态图片。

引人入胜的破冰环节：在初次打开软件的时候或者初次使用某功能的时候，有恰到好处的引导流程，和简单的气泡提醒。有温度的设计和细节的微动效，贯穿到了整个设计，提供给用户非常良好的体验。

结构层：

从上方的Pinterest的结构图可以看出，主要功能分为四个部分，首页、搜索、消息、用户。

框架层：

1.首页面：

首页的功能非常简单，可以添加收藏。页面设计非常简单，悬浮的小尺寸TabBar设计让内容突出，整个首页聚焦两个属性——“探索”和“关注”。点击为你推荐可以切换feed流，点击关注中可以显示关注用户的分享内容。点击图片则是查看图片的详情，里面包括了标题、描述、作者、图片本身等主要信息（第一屏幕）向下拉是评论（0.8.5屏），然后是更多此类Pin图（1.5屏幕5屏），最后是为你推荐更多Pin图（5屏以后……）。按照功能和重要层级划分，板块与板块之间非常明确，层级的排布也十分合理。

2.搜索页

在搜索界面用户可以进行关键词搜索，以及推荐关键词搜索。只不过Pinterest的图片搜索不同于Google引擎之类的搜索，他更加强调模糊搜索的概念，再加上搜索栏下方的相关Tag，鼓励用户去探索更多的可能性。

3.消息

消息板块强调即时性，在跟新板块中，会显示当前关注主题的跟新内容，类似于关键词条热门内容的跟新。热门搜索板块提供更多可能感兴趣的热门词条。所有的这些主题和词条可能与用户的喜好有关，或者与用户平时浏览的内容有关。点击收件箱则进入信息页面，该页面则是好友消息呈现。

4.我的

进入“我的”页面，在“我的”页面中，可以进入全部Pin图和自己创建的画板之中。

5.画板

在“我的”页面可以进入画板页面，在画板页面中，用户拥有很高的自由编辑权限。可以在本页面中邀请合作用户；排列/删除/移动画板内的内容；快捷添加更多的图片；或者使用试图模板；调动到其他画板，分享到其他社区等等。

创建区块可以把一个画板里的某些图片合并为一个区块，方便查看和管理。下图为创建区块流程。

表现层：

1.圆角

全页面组建采用圆角设计，视觉上趋于统一。

2.栅格

在不同的页面应用场景上，采用了不同的栅格。在首页上采用了瀑布流的方式，突出探索感，页面分为两列固定宽度；在画板编辑里采用了三列，展现更多的内容，方便用户进行排列选择等操作，突出沉浸感；而在搜索页面和画板采用了竖向和横向的栅格约束，使得页面更加整齐，突出秩序感。

3.间隔

使用不同宽度的间隔，塑造块的概念，层级分明。

4.色彩视觉

Pinterest的图片会有一个加载过程，Pinterest是如何处理图片加载的这一段等待时间的页面显示以及图片在排列的时候，如何避免因色彩色系不同对比太大等问题，避免给用户造成杂乱的感觉。通过对页面色彩的提取和比对，找到了部分规律。

图片加载的时候，会有一个占位模块，这模块会拥有一些基本属性，包括他的高度宽度，以及是否带有名称。最重要的，他会有一个色彩属性，体现在他的背景色，色彩是提取的当前图片的颜色。

其次，当前页面的图片，提取颜色的值尽量在饱和度和明度上趋近。这样图片的色彩就会在某种程度上展现出和谐而不突兀。

色彩的高度统一性

5.微动效

Pinterest的微动效十分出色，几乎所有页面的加载，组件的操控和加载，甚至是用户引导，都有微动效反馈。

画板的缩放动效，强化了用户的“层级”的理念

用动效很好的展示了交互逻辑

优缺点分析

优点：

1.在首页面进入图片，再退出的时候。有三种退出方式：

从页面的最左边滑入，iOS的返回逻辑；从页面中心往下滑，类似YouTube返回逻辑；点击返回按钮，常规返回方式。照顾了不同操作习惯的用户，体验更加流畅。

2.在首页中，搜索页中，都有模块的概念：这样的设计可以把图片错开，比较自然的呈现Feed流的设计。

3.在画板的页面中，点击“整理”，可以在整理页面对页面内容进行整理排布调动等操作；长按“三”按钮可以直接对视图中的图片进行排列。这样做的好处是，自定义的内容增加了，可视的内容增加了。

缺点：

1.视觉上，微动效的圆角处理得不太好。比如要把Pin图加入画板时，展开与收起的动效，圆角处理反了。

2.搜索结果中，【推荐用户】和【内容展示区域】没有分隔开来，有两种理解方式。Ps：在搜索“壁纸”等【同比率尺寸】图片之时，十分明显

3.“消息”中的点子/词条和“搜索”中的点子/词条的样子不一样。这样的缺点是会对用户的理解造成困扰。

4.在“整理”页面中，相较于之前的画板页面，排布方式改变了，与画板的页面相去甚远。对于用户来说，增加了理解成本。

特别声明：以上文章内容仅代表作者本人观点，不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。