Pinterest App 體驗(yàn)報(bào)告,pinterest 官網(wǎng)-ESG跨境

Pinterest App 體驗(yàn)報(bào)告,pinterest 官網(wǎng)

Pinterest App 體驗(yàn)報(bào)告

產(chǎn)品背景

Slogan：

The worlds catalog of ideas（世界創(chuàng)意目錄）

相關(guān)描述：

Pinterest作為圖片社交的巨人，把社交屬性聚焦到圖片分享上，在13年14年期間成為最具希望沖擊FB Ins君主地位的選手。同期的類似產(chǎn)品還有Snapchat，Instagram，F(xiàn)lickr，Pixiv，但Pinterest善于集百家之長，在眾多圖片分享社交產(chǎn)品中脫穎而出。

其移動(dòng)端產(chǎn)品注重微動(dòng)效，流暢的操作，簡單的邏輯，精細(xì)的設(shè)計(jì)，為用戶提供十分優(yōu)秀的閱覽體驗(yàn)。Pinterest采用的是瀑布流的形式展現(xiàn)圖片內(nèi)容，無需用戶翻頁，新的圖片不斷自動(dòng)加載在頁面底端，讓用戶不斷的發(fā)現(xiàn)新的圖片。Pinterest堪稱圖片版的Twitter，網(wǎng)民可以將感興趣的圖片在Pinterest保存，其他網(wǎng)友可以關(guān)注，也可以轉(zhuǎn)發(fā)圖片。索尼等許多公司也在Pinterest建立了主頁，用圖片營銷旗下的產(chǎn)品和服務(wù)。

體驗(yàn)環(huán)境

產(chǎn)品分析

戰(zhàn)略層：

1.產(chǎn)品定位：Pinterest屬于社交類的圖片分享軟件，用戶可以在上面收藏和分享圖片。功能特性主要強(qiáng)調(diào)：個(gè)性化，定制化，探索體驗(yàn)，以及收藏。

2.用戶需求分析：產(chǎn)品的目標(biāo)用戶是設(shè)計(jì)相關(guān)從業(yè)人士、設(shè)計(jì)攝影愛好者、繪畫愛好者、社交用戶。用戶特征是追求個(gè)性，充滿藝術(shù)氣息，喜愛美好事物。Pinterest能夠根據(jù)不同用戶的不同愛好，為之推快遞呈現(xiàn)符合口味的圖片，或者為他們提供創(chuàng)作的靈感，使得用戶從【探索自己需要的喜歡的圖片】這個(gè)行為中獲得樂趣。

3.用戶畫像：

根據(jù)產(chǎn)品特性和目標(biāo)用戶，提取特征制造場(chǎng)景繪制畫像。

4.關(guān)鍵詞提取：

根據(jù)三種用戶畫像，歸納了不同的使用場(chǎng)景，以及在不同使用場(chǎng)景下的不同角色的用戶需求，提取他們的關(guān)鍵詞找準(zhǔn)Pinterest的定位。

范圍層：

1.基礎(chǔ)功能：收藏、分享圖片、搜索、熱門圖片、收件箱、畫板

2.特色功能：

畫板機(jī)制：在“我的‘頁面里，可以進(jìn)入畫板。在畫板里，可以邀請(qǐng)合作用戶。合作用戶可以收藏以及進(jìn)行評(píng)論（也可以限制用戶的權(quán)限），邀請(qǐng)用戶的方式有復(fù)制鏈接、信息、Twitter、更多應(yīng)用?；蛘咭部梢酝ㄟ^好友添加，也可以搜索好友。加強(qiáng)了用戶的社交鏈接屬性，增加了畫板功能的二次打開率。

強(qiáng)大的推算算法：Pinterest擁有很強(qiáng)大的推算算法，不僅可以推快遞類似tag圖片、相同作者，還可以分析圖素，推快遞更加符合喜好的圖片。

高自由度定制頁面：在首頁和搜索可以屏蔽掉自己不想看的內(nèi)容，或者類似圖片的推快遞，在畫板的頁面里可以直接添加類似圖片，或者進(jìn)入編輯模式更改畫板的圖片順序。

Gif高清實(shí)時(shí)加載：在瀏覽時(shí)直接播放高幀率的視頻或者高清動(dòng)態(tài)圖片。

引人入勝的破冰環(huán)節(jié)：在初次打開軟件的時(shí)候或者初次使用某功能的時(shí)候，有恰到好處的引導(dǎo)流程，和簡單的氣泡提醒。有溫度的設(shè)計(jì)和細(xì)節(jié)的微動(dòng)效，貫穿到了整個(gè)設(shè)計(jì)，提供給用戶非常良好的體驗(yàn)。

結(jié)構(gòu)層：

從上方的Pinterest的結(jié)構(gòu)圖可以看出，主要功能分為四個(gè)部分，首頁、搜索、消息、用戶。

框架層：

1.首頁面：

首頁的功能非常簡單，可以添加收藏。頁面設(shè)計(jì)非常簡單，懸浮的小尺寸TabBar設(shè)計(jì)讓內(nèi)容突出，整個(gè)首頁聚焦兩個(gè)屬性——“探索”和“關(guān)注”。點(diǎn)擊為你推薦可以切換feed流，點(diǎn)擊關(guān)注中可以顯示關(guān)注用戶的分享內(nèi)容。點(diǎn)擊圖片則是查看圖片的詳情，里面包括了標(biāo)題、描述、作者、圖片本身等主要信息（第一屏幕）向下拉是評(píng)論（0.8.5屏），然后是更多此類Pin圖（1.5屏幕5屏），最后是為你推薦更多Pin圖（5屏以后……）。按照功能和重要層級(jí)劃分，板塊與板塊之間非常明確，層級(jí)的排布也十分合理。

2.搜索頁

在搜索界面用戶可以進(jìn)行關(guān)鍵詞搜索，以及推薦關(guān)鍵詞搜索。只不過Pinterest的圖片搜索不同于Google引擎之類的搜索，他更加強(qiáng)調(diào)模糊搜索的概念，再加上搜索欄下方的相關(guān)Tag，鼓勵(lì)用戶去探索更多的可能性。

3.消息

消息板塊強(qiáng)調(diào)即時(shí)性，在跟新板塊中，會(huì)顯示當(dāng)前關(guān)注主題的跟新內(nèi)容，類似于關(guān)鍵詞條熱門內(nèi)容的跟新。熱門搜索板塊提供更多可能感興趣的熱門詞條。所有的這些主題和詞條可能與用戶的喜好有關(guān)，或者與用戶平時(shí)瀏覽的內(nèi)容有關(guān)。點(diǎn)擊收件箱則進(jìn)入信息頁面，該頁面則是好友消息呈現(xiàn)。

4.我的

進(jìn)入“我的”頁面，在“我的”頁面中，可以進(jìn)入全部Pin圖和自己創(chuàng)建的畫板之中。

5.畫板

在“我的”頁面可以進(jìn)入畫板頁面，在畫板頁面中，用戶擁有很高的自由編輯權(quán)限?？梢栽诒卷撁嬷醒?qǐng)合作用戶；排列/刪除/移動(dòng)畫板內(nèi)的內(nèi)容；快捷添加更多的圖片；或者使用試圖模板；調(diào)動(dòng)到其他畫板，分享到其他社區(qū)等等。

創(chuàng)建區(qū)塊可以把一個(gè)畫板里的某些圖片合并為一個(gè)區(qū)塊，方便查看和管理。下圖為創(chuàng)建區(qū)塊流程。

表現(xiàn)層：

1.圓角

全頁面組建采用圓角設(shè)計(jì)，視覺上趨于統(tǒng)一。

2.柵格

在不同的頁面應(yīng)用場(chǎng)景上，采用了不同的柵格。在首頁上采用了瀑布流的方式，突出探索感，頁面分為兩列固定寬度；在畫板編輯里采用了三列，展現(xiàn)更多的內(nèi)容，方便用戶進(jìn)行排列選擇等操作，突出沉浸感；而在搜索頁面和畫板采用了豎向和橫向的柵格約束，使得頁面更加整齊，突出秩序感。

3.間隔

使用不同寬度的間隔，塑造塊的概念，層級(jí)分明。

4.色彩視覺

Pinterest的圖片會(huì)有一個(gè)加載過程，Pinterest是如何處理圖片加載的這一段等待時(shí)間的頁面顯示以及圖片在排列的時(shí)候，如何避免因色彩色系不同對(duì)比太大等問題，避免給用戶造成雜亂的感覺。通過對(duì)頁面色彩的提取和比對(duì)，找到了部分規(guī)律。

圖片加載的時(shí)候，會(huì)有一個(gè)占位模塊，這模塊會(huì)擁有一些基本屬性，包括他的高度寬度，以及是否帶有名稱。最重要的，他會(huì)有一個(gè)色彩屬性，體現(xiàn)在他的背景色，色彩是提取的當(dāng)前圖片的顏色。

其次，當(dāng)前頁面的圖片，提取顏色的值盡量在飽和度和明度上趨近。這樣圖片的色彩就會(huì)在某種程度上展現(xiàn)出和諧而不突兀。

色彩的高度統(tǒng)一性

5.微動(dòng)效

Pinterest的微動(dòng)效十分出色，幾乎所有頁面的加載，組件的操控和加載，甚至是用戶引導(dǎo)，都有微動(dòng)效反饋。

畫板的縮放動(dòng)效，強(qiáng)化了用戶的“層級(jí)”的理念

用動(dòng)效很好的展示了交互邏輯

優(yōu)缺點(diǎn)分析

優(yōu)點(diǎn)：

1.在首頁面進(jìn)入圖片，再退出的時(shí)候。有三種退出方式：

從頁面的最左邊滑入，iOS的返回邏輯；從頁面中心往下滑，類似YouTube返回邏輯；點(diǎn)擊返回按鈕，常規(guī)返回方式。照顧了不同操作習(xí)慣的用戶，體驗(yàn)更加流暢。

2.在首頁中，搜索頁中，都有模塊的概念：這樣的設(shè)計(jì)可以把圖片錯(cuò)開，比較自然的呈現(xiàn)Feed流的設(shè)計(jì)。

3.在畫板的頁面中，點(diǎn)擊“整理”，可以在整理頁面對(duì)頁面內(nèi)容進(jìn)行整理排布調(diào)動(dòng)等操作；長按“三”按鈕可以直接對(duì)視圖中的圖片進(jìn)行排列。這樣做的好處是，自定義的內(nèi)容增加了，可視的內(nèi)容增加了。

缺點(diǎn)：

1.視覺上，微動(dòng)效的圓角處理得不太好。比如要把Pin圖加入畫板時(shí)，展開與收起的動(dòng)效，圓角處理反了。

2.搜索結(jié)果中，【推薦用戶】和【內(nèi)容展示區(qū)域】沒有分隔開來，有兩種理解方式。Ps：在搜索“壁紙”等【同比率尺寸】圖片之時(shí)，十分明顯

3.“消息”中的點(diǎn)子/詞條和“搜索”中的點(diǎn)子/詞條的樣子不一樣。這樣的缺點(diǎn)是會(huì)對(duì)用戶的理解造成困擾。

4.在“整理”頁面中，相較于之前的畫板頁面，排布方式改變了，與畫板的頁面相去甚遠(yuǎn)。對(duì)于用戶來說，增加了理解成本。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。