8個方法,讓用戶愛上你的產(chǎn)品

0 評論 5601 瀏覽 16 收藏 15 分鐘

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

在這個互聯(lián)網(wǎng)蓬勃發(fā)展的大環(huán)境下,各形各色的產(chǎn)品不斷沖擊在我們的生活里,社交的、購物的、餐飲的、游戲的等等,我們早已經(jīng)離不開這些產(chǎn)品。

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

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

1. 核心亮點

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

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

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

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

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

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

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

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

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

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

3. 品牌強化

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

Google開發(fā)者大會對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è)計當(dāng)中,包括圖標(biāo)、界面、空狀態(tài)頁面、加載動畫等——用戶可以通過元素聯(lián)想到品牌,打造一個品牌的多產(chǎn)品生態(tài)。

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

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

4. 及時的反饋

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

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

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

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

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

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

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

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

5. 營造一些驚喜

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

這時我們需要給用戶制造驚喜,增加用戶對產(chǎn)品的好感度。比如,百度搜索黑洞,首先會出現(xiàn)黑洞吸納周圍所有東西的動畫,而不是正常的網(wǎng)頁搜索列表結(jié)果,給用戶驚喜感。

如何做:超出用戶原有的預(yù)期,相同的設(shè)計可以嘗試使用其他不同的視覺方式展示出來。

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

6. 簡化設(shè)計

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

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

現(xiàn)在很多產(chǎn)品的做法是,用戶只需要輸入手機號填寫驗證碼,系統(tǒng)如果判定你是新用戶時,會自動幫你創(chuàng)建一個賬號,等到你之后有時間可以在個人資料那里再完善剩余信息,這樣對于用戶使用來說是非常友好的。

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

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

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

7. 與用戶情感上的互動交流

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

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

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

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

8. 加點動效

用戶可以更快了解交互層級,體驗頁面更流暢,增加頁面的活力。

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

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

UI8網(wǎng)站的意見反饋頁面加入插畫動效,非常形象地展示了提交反饋建議的流程,用戶不需要看文字就可以知道,明確了功能的同時也活躍了頁面。

今天來揭秘,那些讓用戶愛上的產(chǎn)品,是如何設(shè)計的?

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

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

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

感謝閱讀。

 

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

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!