在互聯(lián)網(wǎng)迅猛發(fā)展的今天，豐富的互聯(lián)網(wǎng)產(chǎn)品層出不窮，但是用戶的需求是有限的，面對(duì)同類(lèi)型的產(chǎn)品，怎樣的產(chǎn)品設(shè)計(jì)可以不經(jīng)意間擊敗對(duì)手？

在這個(gè)互聯(lián)網(wǎng)蓬勃發(fā)展的大環(huán)境下，各形各色的產(chǎn)品不斷沖擊在我們的生活里，社交的、購(gòu)物的、餐飲的、游戲的等等，我們?cè)缫呀?jīng)離不開(kāi)這些產(chǎn)品。

同類(lèi)型的產(chǎn)品那么多，為什么很多人都會(huì)不約而同選擇了某個(gè)產(chǎn)品？這種選擇存在了什么原因？這些被選擇的產(chǎn)品有什么吸引你的原因？

今天這篇文章，就為你揭秘，這些產(chǎn)品做到了哪些點(diǎn)，讓用戶愛(ài)上它？

1. 核心亮點(diǎn)

產(chǎn)品吸引用戶的根本原因是：幫助用戶解決了某些痛點(diǎn)。

滿足了這一點(diǎn)，用戶才會(huì)為你的產(chǎn)品買(mǎi)單，才可以繼續(xù)談其他方面的體驗(yàn)。需要注意的是，滿足了核心功能點(diǎn)，并不意味著它一定是好的產(chǎn)品，這不是個(gè)對(duì)等條件。

如何做：優(yōu)化產(chǎn)品的核心亮點(diǎn)，考慮如何讓核心功能點(diǎn)變得好用易用愛(ài)用。

就拿我平時(shí)使用的素材收集軟件Eagle來(lái)舉例了，它滿足了我收藏設(shè)計(jì)素材的核心需求；同時(shí)在此基礎(chǔ)上又可以收藏各種不同格式的文件、給作品添加標(biāo)簽、智能文件夾等輔助功能，使核心功能點(diǎn)更加好用。

2. 視覺(jué)符合產(chǎn)品調(diào)性

一個(gè)產(chǎn)品的視覺(jué)表現(xiàn)并不是跟隨最新的設(shè)計(jì)趨勢(shì)去設(shè)計(jì)的，找到合適自己產(chǎn)品調(diào)性的設(shè)計(jì)才是最好最長(zhǎng)久的設(shè)計(jì)。

比如企業(yè)SaaS應(yīng)用，這些產(chǎn)品面向的都是職場(chǎng)人士，希望可以通過(guò)產(chǎn)品提升工作效率。因此設(shè)計(jì)風(fēng)格是偏簡(jiǎn)潔，顏色使用企業(yè)藍(lán)的較多，像是釘釘、企業(yè)微信、Teambition等。

K12教育的產(chǎn)品，產(chǎn)品是在線教給學(xué)生知識(shí)的，目標(biāo)用戶都是青少年。大多設(shè)計(jì)風(fēng)格都比較活潑、明快，顏色使用也會(huì)選擇明度較高的，像是滬江網(wǎng)校、英語(yǔ)流利說(shuō)等。

如何做：需要結(jié)合產(chǎn)品本身屬性、目標(biāo)用戶群體的特征兩方面，從而確定產(chǎn)品的視覺(jué)設(shè)計(jì)風(fēng)格。

Apple作為一家優(yōu)秀的高科技公司，始終堅(jiān)持著時(shí)尚、創(chuàng)新、精致，重視消費(fèi)者的體驗(yàn)需求。其PC端官網(wǎng)的設(shè)計(jì)，使用高分辨的圖片搭配精簡(jiǎn)的文案，大面積的留白，突出了產(chǎn)品的信息及品質(zhì)感，與企業(yè)理念相契合，抓住了喜歡高端科技產(chǎn)品的人群的心態(tài)。

3. 品牌強(qiáng)化

良好的品牌形象可以很好地提升自家產(chǎn)品在用戶心中的位置，產(chǎn)品中加入品牌元素讓產(chǎn)品更加專業(yè)，用戶更加容易記住你的產(chǎn)品。

Google開(kāi)發(fā)者大會(huì)對(duì)Material Design形狀做出了新的解釋，

To express a brand’s visual language throughout an app, use shape in tandem with other customizations (like color) in consistent ways. Small adjustments to shape, applied strategically through an app, contribute to the overall impression a brand makes.

如何做：從品牌logo中提取一些元素，或是圖形或是顏色，將這些元素應(yīng)用產(chǎn)品設(shè)計(jì)當(dāng)中，包括圖標(biāo)、界面、空狀態(tài)頁(yè)面、加載動(dòng)畫(huà)等——用戶可以通過(guò)元素聯(lián)想到品牌，打造一個(gè)品牌的多產(chǎn)品生態(tài)。

美團(tuán)生態(tài)鏈的App都使用了黃色為主色調(diào)，搭配深灰色，也是很經(jīng)典的顏色組合。

除了顏色上的沿用，頁(yè)面元素的形狀都使用了大圓角，金剛區(qū)的部分都使用了漸變顏色填充圖標(biāo)，讓用戶在視覺(jué)上認(rèn)為是一家產(chǎn)品，通過(guò)這樣的品牌化塑造加強(qiáng)用戶的印象。

4. 及時(shí)的反饋

當(dāng)用戶在一個(gè)產(chǎn)品頁(yè)面操作時(shí)，需要讓用戶了解進(jìn)行了某個(gè)操作之后，接下來(lái)會(huì)發(fā)生什么，給到用戶及時(shí)的提示或者預(yù)期。

網(wǎng)購(gòu)場(chǎng)景當(dāng)中當(dāng)用戶提交訂單去支付之后，系統(tǒng)需要給到用戶一個(gè)支付結(jié)果頁(yè)面，告訴用戶是支付成功還是支付失??；聽(tīng)歌時(shí)你聽(tīng)到了一首很喜歡的歌曲，想收藏下來(lái)，當(dāng)你進(jìn)行收藏操作之后，系統(tǒng)通常會(huì)有一個(gè)“已收藏”Toast，提示用戶歌曲已經(jīng)收藏。

如何做：在產(chǎn)品流程階段需要設(shè)計(jì)完整，多多模擬真實(shí)的操作場(chǎng)景。反饋的形式可以是Toast提示、彈窗提示、語(yǔ)音提示、震動(dòng)反饋等，可以讓用戶感知到的反饋都是可以嘗試的。

支付寶收款到賬時(shí)，會(huì)有語(yǔ)音到賬提醒，方便用戶不看手機(jī)時(shí)也可以及時(shí)知道收款成功。嗶哩嗶哩PC端關(guān)注UP主的“關(guān)注成功”的彈窗提示，點(diǎn)擊復(fù)制視頻地址，復(fù)制成功之后的Toast提示。

跳轉(zhuǎn)頁(yè)面的加載提示，空狀態(tài)頁(yè)面的提示，這些都是產(chǎn)品給用戶的及時(shí)反饋。其目的是增加與用戶的互動(dòng)，減少用戶等待的焦慮感。

假設(shè)沒(méi)有這些提示，一般用戶等待1、2秒的時(shí)間就會(huì)選擇關(guān)閉頁(yè)面，這會(huì)給用戶很不好的產(chǎn)品體驗(yàn)，降低用戶的留存率。

如何做：在加載頁(yè)面、空狀態(tài)頁(yè)面添加合適的信息內(nèi)容，可以是插畫(huà)、文案、動(dòng)畫(huà)。

一般情況下，在網(wǎng)絡(luò)不佳或者內(nèi)容過(guò)大時(shí)很多公司產(chǎn)品都是讓用戶等待幾秒才顯示全圖片。而Instagram的做法是，在加載圖片時(shí)先展示出帶蒙版的小圖，加上加載動(dòng)畫(huà)提示，給到用戶一個(gè)心理預(yù)期，用戶得到了及時(shí)反饋也就不會(huì)覺(jué)得時(shí)間久了，體驗(yàn)瞬間提升；西瓜視頻的空狀態(tài)頁(yè)面以插畫(huà)的形式填充畫(huà)面，頁(yè)面變得生動(dòng)起來(lái)。

5. 營(yíng)造一些驚喜

在當(dāng)前的互聯(lián)網(wǎng)市場(chǎng)前提下，產(chǎn)品趨向于同質(zhì)化，相同功能的產(chǎn)品往往數(shù)不勝數(shù)，那么該怎么給用戶留下深刻的印象，讓用戶記住你的產(chǎn)品呢？

這時(shí)我們需要給用戶制造驚喜，增加用戶對(duì)產(chǎn)品的好感度。比如，百度搜索黑洞，首先會(huì)出現(xiàn)黑洞吸納周?chē)袞|西的動(dòng)畫(huà)，而不是正常的網(wǎng)頁(yè)搜索列表結(jié)果，給用戶驚喜感。

如何做：超出用戶原有的預(yù)期，相同的設(shè)計(jì)可以嘗試使用其他不同的視覺(jué)方式展示出來(lái)。

在不同時(shí)間打開(kāi)滴滴出行企業(yè)版，你會(huì)看到不一樣的頁(yè)面，視覺(jué)上以淺藍(lán)、深紫色來(lái)表現(xiàn)白天、黑夜，給到用戶不一樣的驚喜和感受。首頁(yè)中的建筑很明顯是大廈的形狀，白天黑夜的燈光對(duì)比，映射了大廈辦公的白領(lǐng)們的工作節(jié)奏。

6. 簡(jiǎn)化設(shè)計(jì)

簡(jiǎn)化設(shè)計(jì)，顧名思義就是盡量地使產(chǎn)品對(duì)于用戶來(lái)說(shuō)簡(jiǎn)單易懂，幫助用戶設(shè)計(jì)出最優(yōu)的選擇，提高效率，用戶使用起來(lái)是無(wú)障礙的。

就像是大家都熟悉的注冊(cè)流程，有的產(chǎn)品可以讓大家很快的完成注冊(cè)，只要一兩步，但是有些產(chǎn)品的注冊(cè)流程太多，用戶操作半天也完成不了。這時(shí)作為一名新用戶，一定是會(huì)選擇第一種。

現(xiàn)在很多產(chǎn)品的做法是，用戶只需要輸入手機(jī)號(hào)填寫(xiě)驗(yàn)證碼，系統(tǒng)如果判定你是新用戶時(shí)，會(huì)自動(dòng)幫你創(chuàng)建一個(gè)賬號(hào)，等到你之后有時(shí)間可以在個(gè)人資料那里再完善剩余信息，這樣對(duì)于用戶使用來(lái)說(shuō)是非常友好的。

相反的，注冊(cè)就需要填寫(xiě)很多信息，這樣設(shè)計(jì)是可以在一開(kāi)始就收集到很多新用戶的資料，通過(guò)這些數(shù)據(jù)向用戶推薦更精準(zhǔn)的內(nèi)容及商業(yè)運(yùn)營(yíng)活動(dòng)信息，但是這樣做反而會(huì)失去用戶對(duì)你的產(chǎn)品的喜愛(ài)。

如何做：對(duì)頁(yè)面信息內(nèi)容進(jìn)行分類(lèi)梳理設(shè)計(jì)，使其主次層次分明。刪除一些不必要的功能信息點(diǎn)，幫助用戶篩選出最優(yōu)的設(shè)計(jì)。

墨刀針對(duì)不同的群體將產(chǎn)品分為3個(gè)版本，呈現(xiàn)給用戶的是清晰的不同版本的功能對(duì)比，并將企業(yè)版的強(qiáng)調(diào)出來(lái)，通過(guò)這樣的分類(lèi)簡(jiǎn)化設(shè)計(jì)，節(jié)省用戶的考慮對(duì)比時(shí)間，提升產(chǎn)品使用效率。

7. 與用戶情感上的互動(dòng)交流

我們的產(chǎn)品面向的用戶都是有著豐富情感的人，人都是有感性的一面的。當(dāng)你的產(chǎn)品觸動(dòng)到了用戶的情感，引起了內(nèi)心的共鳴，用戶會(huì)產(chǎn)生代入感，拉近與產(chǎn)品的距離。

擬物化的設(shè)計(jì)就是很好的例子，擬物化是通過(guò)視覺(jué)設(shè)計(jì)，將產(chǎn)品界面打造成有真實(shí)世界對(duì)應(yīng)物體相同質(zhì)感的效果，用戶看到產(chǎn)品就很容易聯(lián)想到現(xiàn)實(shí)中的物體，易于建立產(chǎn)品與用戶的情感連接。

如何做：研究目標(biāo)用戶群體的特征，將用戶的情感記憶特征設(shè)計(jì)在產(chǎn)品使用場(chǎng)景當(dāng)中。比如，設(shè)計(jì)師人群提到與甲方的恩怨糾纏，就很容易得到目標(biāo)用戶的認(rèn)同感，我們就可以以此點(diǎn)來(lái)設(shè)計(jì)。

網(wǎng)易云音樂(lè)生日當(dāng)天“每日推薦”會(huì)變成“生日祝?！保⑶以凇懊咳胀扑]”的第一首歌是祝你生日快樂(lè)的歌曲，頭部背景也替換成了生日氣球的圖片。這樣的產(chǎn)品設(shè)計(jì)在這樣特別的日子是很容易觸動(dòng)用戶情感，增加與用戶的產(chǎn)品粘性。

8. 加點(diǎn)動(dòng)效

用戶可以更快了解交互層級(jí)，體驗(yàn)頁(yè)面更流暢，增加頁(yè)面的活力。

平時(shí)使用在QQ空間為別人動(dòng)態(tài)點(diǎn)贊，會(huì)出現(xiàn)點(diǎn)贊的小動(dòng)效，使點(diǎn)贊的動(dòng)作變得不那么枯燥。App加載動(dòng)畫(huà)也會(huì)在設(shè)計(jì)中加入動(dòng)效，用戶在等待新頁(yè)面時(shí)不會(huì)很枯燥。

如何做：設(shè)計(jì)的動(dòng)效需要考慮正常的使用邏輯，符合一定的預(yù)期，過(guò)度或隨意胡亂的添加都是無(wú)意義的。頁(yè)面加載不同內(nèi)容參考實(shí)際物體運(yùn)動(dòng)軌跡，緩動(dòng)回彈的效果，點(diǎn)擊圖標(biāo)的果凍效果，這些動(dòng)效讓頁(yè)面不呆板，提升產(chǎn)品的用戶體驗(yàn)。

UI8網(wǎng)站的意見(jiàn)反饋?lái)?yè)面加入插畫(huà)動(dòng)效，非常形象地展示了提交反饋建議的流程，用戶不需要看文字就可以知道，明確了功能的同時(shí)也活躍了頁(yè)面。

好了，看到這里，相信大家對(duì)于一個(gè)讓人喜愛(ài)的產(chǎn)品具備的設(shè)計(jì)點(diǎn)，已經(jīng)有了一個(gè)大致了解?，F(xiàn)在，你可以對(duì)比自己設(shè)計(jì)負(fù)責(zé)的產(chǎn)品，是否都做到了這些點(diǎn)，有哪些做的好的，有哪些還需努力的。

一個(gè)好的產(chǎn)品是可以讓用戶愛(ài)上它的，產(chǎn)品設(shè)計(jì)上要有優(yōu)于同類(lèi)產(chǎn)品的功能點(diǎn)、交互點(diǎn)、設(shè)計(jì)點(diǎn)。

而想要做到這個(gè)，平時(shí)不僅需要使用其他產(chǎn)品時(shí)多多留意積累學(xué)習(xí)，更要結(jié)合自己的產(chǎn)品目標(biāo)，深挖目標(biāo)用戶群體的特征——想想如何幫助用戶解決問(wèn)題、提升產(chǎn)品視覺(jué)及用戶體驗(yàn)、實(shí)現(xiàn)商業(yè)目的，才能設(shè)計(jì)出讓別人喜愛(ài)的產(chǎn)品。

感謝閱讀。

本文由 @YI易設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議