UI設計中分享功能總結

　　人天生就有分享的習慣，當聽到一首好歌，看到一本好書，或是聽到一個有趣的故事，總是會想要分享給別人，如果朋友在聽到分享內容之后表示高興和喜歡，會讓分享者的滿足和快樂感更上一層樓。今天AAA教育郭老師主要和大家淺談一下 APP 中的分享功能模塊。
 

　　目錄
 

　　1.分享的作用
 

　　2.分享的時機
 

　　3.分享的常見位置
 

　　4.分享的常見樣式
 

　　5.總結
 

　　分享的作用
 

　　APP 中的分享，就是把各種內容介紹給別人的過程，主要是借助社交類 APP 的流量， 來達到拉新、留存、促活的作用。分享是內容最有效的分發(fā)途徑，可以大大降低企業(yè)的營銷成本。
 

　　分享的時機
 

　　1.主動分享
 

　　主動分享主要取決于內容，當用戶感覺內容足夠優(yōu)質、有趣，或對自己有所幫助時，就可以通過分享按鈕把內容分享給親朋好友。按鈕通常會擺放在頁面中比較顯眼的位置，如下圖：

 

　　比如我比較喜歡聽歌，每每聽到興起，總要分享到 QQ空間或者分享給喜歡聽歌的朋友。有時看到了有趣的視頻，也會忍不住想分享出去。
 

　　2.截屏分享
 

　　很多 APP 都會在截屏的時候彈出分享彈窗，提示引導用戶去進行分享。這樣的好處是可以縮短操作路徑，減少用戶的操作成本，同時也可以避免因為操作路徑太長，導致用戶遺忘或者嫌麻煩放棄分享的情況。如下圖：

 

　　以攜程旅行和網易云音樂為例，攜程旅行的車次詳情頁和網易云的歌曲詳情頁截屏時都會彈出分享彈窗，提示用戶去分享。
 

　　3.瀏覽一定內容后提示
 

　　用戶在瀏覽完一定的內容后，分享按鈕悄悄的變成了微信分享。用戶如果對內容不感興趣的話肯定就直接返回了，只有在對內容感興趣的前提下才會進一部瀏覽，這種方式通過明顯的前后變化的對比，把用戶的目光吸引到分享按鈕上，提示引導用戶進行分享。如下圖：

 

　　以馬蜂窩和抖音為例，在馬蜂窩的頁面中，用戶翻了幾張照片或是向上瀏覽了一定的文字內容，頁面右下角的分享按鈕就會變成微信分享。而抖音中，當一個視頻看了兩遍之后，分享按鈕則會變成微信分享。
 

　　4.完成任務后分享
 

　　當一項任務完成后，會彈出分享彈窗，便于用戶快捷的進行分享，同時也借助了人類喜歡炫耀的心理來達到拉新、促活的目的。如下圖：

 

　　以 Keep 為例，每當完成一次健身任務，就會彈出分享彈窗。
 

　　分享的常見位置
 

　　1.頁面右上角
 

　　這是最長常見的一個位置，比較顯眼，有些 APP 在頁面中直接擺了一個分享按鈕，而有些 APP 把分享功能放在了更多的按鈕中。如下圖：

 

　　上圖中的京東和微信讀書頁面，都在右上角直接擺放了分享按鈕。

 

　　而站酷和知乎的頁面中，擊右上角的更多彈出分享模塊。
 

　　2.頁面中間
 

　　在視頻類 APP 中比較常見，通常是我們還沒有把視頻全屏展開時，會在標題內容下面擺放一個分享按鈕，如下圖：

 

　　以騰訊視頻、愛奇藝、嗶哩嗶哩為例，它們都把分享按鈕和點贊、下載、收藏幾個功能并列在一起，放在標題簡介的下方。
 

　　3.頁面底部
 

　　這也是一個比較常見的擺放位置，處在拇指熱區(qū)中，能更方便用戶點擊，如下圖：

 

　　以QQ音樂和蝦米音樂為例，它們都把分享按鈕放在頁面底部，處在手指最容易點擊的位置。
 

　　4.跟隨內容
 

　　在每一條內容的的下面，都會有一個分享按鈕，通常出現在社交類 APP 中，如下圖：

 

　　分享的常見樣式
 

　　這里的樣式指的是內容分享到社交類 APP 后所表現的樣式，接下來主要闡述了鏈接、圖片、網頁、音頻四種。
 

　　1.鏈接
 

　　通常是簡單的文字描述加上跳轉鏈接，比較簡單明了，讓人一眼就明白這是可以點擊的鏈接，如下圖：

 

　　2.圖片
 

　　以圖片為主要展示內容，用戶對分享的內容可以一目了然，并且圖片能夠快速地向用戶傳達信息，減少用戶的閱讀成本。如果圖片設計的足夠精美，比較容易引起人們查看的欲望。如下圖：

 

　　3.網頁
 

　　這是最常見的樣式，分享的內容大多是一段文字和一張縮略圖，用戶點擊可以跳轉到對應的 APP 頁面，文字和縮略圖都能向用戶傳遞一定的內容信息，便于用戶作出判斷是否要打開。如下圖：

 

　　4.音頻
 

　　它和網頁分享基本一樣，只不過在縮略圖上加了一個播放按鈕。用戶點擊播放按鈕則可以快速地聽到音頻內容，省去跳轉的步驟，節(jié)省了用戶的操作成本。如下圖：

 

　　總結
 

　　今天主要講述的一件事是關于分享模塊的一些思考，我總結了以下3點：
 

　　1.分享的主要作用是借助社交類 APP 的流量， 來達到拉新、留存、促活的作用。
 

　　2.在合適的時機、情景下提醒引導用戶進行分享，往往能達到出其不意的效果。
 

　　3.把分享方式設計的美觀和便捷，比如設計美觀的圖片和添加播放按鈕，可以吸引用戶點擊和提升用戶的使用體驗。
 

　　4. 因此，您現在已經了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息，請訪問AAA教育，包含有關在該領域工作的更多相關文章。