在互聯網迅猛發展的今天,豐富的互聯網產品層出不窮,但是用戶的需求是有限的,面對同類型的產品,怎樣的產品設計可以不經意間擊敗對手?
在這個互聯網蓬勃發展的大環境下,各形各色的產品不斷沖擊在我們的生活里,社交的、購物的、餐飲的、游戲的等等,我們早已經離不開這些產品。
同類型的產品那么多,為什么很多人都會不約而同選擇了某個產品?這種選擇存在了什么原因?這些被選擇的產品有什么吸引你的原因?
今天這篇文章,就為你揭秘,這些產品做到了哪些點,讓用戶愛上它?
1. 核心亮點
產品吸引用戶的根本原因是:幫助用戶解決了某些痛點。
滿足了這一點,用戶才會為你的產品買單,才可以繼續談其他方面的體驗。需要注意的是,滿足了核心功能點,并不意味著它一定是好的產品,這不是個對等條件。
如何做:優化產品的核心亮點,考慮如何讓核心功能點變得好用易用愛用。
就拿我平時使用的素材收集軟件Eagle來舉例了,它滿足了我收藏設計素材的核心需求;同時在此基礎上又可以收藏各種不同格式的文件、給作品添加標簽、智能文件夾等輔助功能,使核心功能點更加好用。
2. 視覺符合產品調性
一個產品的視覺表現并不是跟隨最新的設計趨勢去設計的,找到合適自己產品調性的設計才是最好最長久的設計。
比如企業SaaS應用,這些產品面向的都是職場人士,希望可以通過產品提升工作效率。因此設計風格是偏簡潔,顏色使用企業藍的較多,像是釘釘、企業微信、Teambition等。
K12教育的產品,產品是在線教給學生知識的,目標用戶都是青少年。大多設計風格都比較活潑、明快,顏色使用也會選擇明度較高的,像是滬江網校、英語流利說等。
如何做:需要結合產品本身屬性、目標用戶群體的特征兩方面,從而確定產品的視覺設計風格。
Apple作為一家優秀的高科技公司,始終堅持著時尚、創新、精致,重視消費者的體驗需求。其PC端官網的設計,使用高分辨的圖片搭配精簡的文案,大面積的留白,突出了產品的信息及品質感,與企業理念相契合,抓住了喜歡高端科技產品的人群的心態。
3. 品牌強化
良好的品牌形象可以很好地提升自家產品在用戶心中的位置,產品中加入品牌元素讓產品更加專業,用戶更加容易記住你的產品。
Google開發者大會對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中提取一些元素,或是圖形或是顏色,將這些元素應用產品設計當中,包括圖標、界面、空狀態頁面、加載動畫等——用戶可以通過元素聯想到品牌,打造一個品牌的多產品生態。
美團生態鏈的App都使用了黃色為主色調,搭配深灰色,也是很經典的顏色組合。
除了顏色上的沿用,頁面元素的形狀都使用了大圓角,金剛區的部分都使用了漸變顏色填充圖標,讓用戶在視覺上認為是一家產品,通過這樣的品牌化塑造加強用戶的印象。
4. 及時的反饋
當用戶在一個產品頁面操作時,需要讓用戶了解進行了某個操作之后,接下來會發生什么,給到用戶及時的提示或者預期。
網購場景當中當用戶提交訂單去支付之后,系統需要給到用戶一個支付結果頁面,告訴用戶是支付成功還是支付失??;聽歌時你聽到了一首很喜歡的歌曲,想收藏下來,當你進行收藏操作之后,系統通常會有一個“已收藏”Toast,提示用戶歌曲已經收藏。
如何做:在產品流程階段需要設計完整,多多模擬真實的操作場景。反饋的形式可以是Toast提示、彈窗提示、語音提示、震動反饋等,可以讓用戶感知到的反饋都是可以嘗試的。
支付寶收款到賬時,會有語音到賬提醒,方便用戶不看手機時也可以及時知道收款成功。嗶哩嗶哩PC端關注UP主的“關注成功”的彈窗提示,點擊復制視頻地址,復制成功之后的Toast提示。
跳轉頁面的加載提示,空狀態頁面的提示,這些都是產品給用戶的及時反饋。其目的是增加與用戶的互動,減少用戶等待的焦慮感。
假設沒有這些提示,一般用戶等待1、2秒的時間就會選擇關閉頁面,這會給用戶很不好的產品體驗,降低用戶的留存率。
如何做:在加載頁面、空狀態頁面添加合適的信息內容,可以是插畫、文案、動畫。
一般情況下,在網絡不佳或者內容過大時很多公司產品都是讓用戶等待幾秒才顯示全圖片。而Instagram的做法是,在加載圖片時先展示出帶蒙版的小圖,加上加載動畫提示,給到用戶一個心理預期,用戶得到了及時反饋也就不會覺得時間久了,體驗瞬間提升;西瓜視頻的空狀態頁面以插畫的形式填充畫面,頁面變得生動起來。
5. 營造一些驚喜
在當前的互聯網市場前提下,產品趨向于同質化,相同功能的產品往往數不勝數,那么該怎么給用戶留下深刻的印象,讓用戶記住你的產品呢?
這時我們需要給用戶制造驚喜,增加用戶對產品的好感度。比如,百度搜索黑洞,首先會出現黑洞吸納周圍所有東西的動畫,而不是正常的網頁搜索列表結果,給用戶驚喜感。
如何做:超出用戶原有的預期,相同的設計可以嘗試使用其他不同的視覺方式展示出來。
在不同時間打開滴滴出行企業版,你會看到不一樣的頁面,視覺上以淺藍、深紫色來表現白天、黑夜,給到用戶不一樣的驚喜和感受。首頁中的建筑很明顯是大廈的形狀,白天黑夜的燈光對比,映射了大廈辦公的白領們的工作節奏。
6. 簡化設計
簡化設計,顧名思義就是盡量地使產品對于用戶來說簡單易懂,幫助用戶設計出最優的選擇,提高效率,用戶使用起來是無障礙的。
就像是大家都熟悉的注冊流程,有的產品可以讓大家很快的完成注冊,只要一兩步,但是有些產品的注冊流程太多,用戶操作半天也完成不了。這時作為一名新用戶,一定是會選擇第一種。
現在很多產品的做法是,用戶只需要輸入手機號填寫驗證碼,系統如果判定你是新用戶時,會自動幫你創建一個賬號,等到你之后有時間可以在個人資料那里再完善剩余信息,這樣對于用戶使用來說是非常友好的。
相反的,注冊就需要填寫很多信息,這樣設計是可以在一開始就收集到很多新用戶的資料,通過這些數據向用戶推薦更精準的內容及商業運營活動信息,但是這樣做反而會失去用戶對你的產品的喜愛。
如何做:對頁面信息內容進行分類梳理設計,使其主次層次分明。刪除一些不必要的功能信息點,幫助用戶篩選出最優的設計。
墨刀針對不同的群體將產品分為3個版本,呈現給用戶的是清晰的不同版本的功能對比,并將企業版的強調出來,通過這樣的分類簡化設計,節省用戶的考慮對比時間,提升產品使用效率。
7. 與用戶情感上的互動交流
我們的產品面向的用戶都是有著豐富情感的人,人都是有感性的一面的。當你的產品觸動到了用戶的情感,引起了內心的共鳴,用戶會產生代入感,拉近與產品的距離。
擬物化的設計就是很好的例子,擬物化是通過視覺設計,將產品界面打造成有真實世界對應物體相同質感的效果,用戶看到產品就很容易聯想到現實中的物體,易于建立產品與用戶的情感連接。
如何做:研究目標用戶群體的特征,將用戶的情感記憶特征設計在產品使用場景當中。比如,設計師人群提到與甲方的恩怨糾纏,就很容易得到目標用戶的認同感,我們就可以以此點來設計。
網易云音樂生日當天“每日推薦”會變成“生日祝?!?,并且在“每日推薦”的第一首歌是祝你生日快樂的歌曲,頭部背景也替換成了生日氣球的圖片。這樣的產品設計在這樣特別的日子是很容易觸動用戶情感,增加與用戶的產品粘性。
8. 加點動效
用戶可以更快了解交互層級,體驗頁面更流暢,增加頁面的活力。
平時使用在QQ空間為別人動態點贊,會出現點贊的小動效,使點贊的動作變得不那么枯燥。App加載動畫也會在設計中加入動效,用戶在等待新頁面時不會很枯燥。
如何做:設計的動效需要考慮正常的使用邏輯,符合一定的預期,過度或隨意胡亂的添加都是無意義的。頁面加載不同內容參考實際物體運動軌跡,緩動回彈的效果,點擊圖標的果凍效果,這些動效讓頁面不呆板,提升產品的用戶體驗。
UI8網站的意見反饋頁面加入插畫動效,非常形象地展示了提交反饋建議的流程,用戶不需要看文字就可以知道,明確了功能的同時也活躍了頁面。
好了,看到這里,相信大家對于一個讓人喜愛的產品具備的設計點,已經有了一個大致了解?,F在,你可以對比自己設計負責的產品,是否都做到了這些點,有哪些做的好的,有哪些還需努力的。
一個好的產品是可以讓用戶愛上它的,產品設計上要有優于同類產品的功能點、交互點、設計點。
而想要做到這個,平時不僅需要使用其他產品時多多留意積累學習,更要結合自己的產品目標,深挖目標用戶群體的特征——想想如何幫助用戶解決問題、提升產品視覺及用戶體驗、實現商業目的,才能設計出讓別人喜愛的產品。
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。