首先說明,競品調研的方法有很多,本文只提供一種方法供參考,建議大家活學活用。
建議從下面4個方面入手:
1)調研背景
主要說一些為什么要調研,希望通過調研答達到什么樣的目的?是視覺升級、體驗升級還是為了提升轉化率?只有了解為什么做調研這件事情,才能知道從哪幾個維度調研。
2)調研樣本
建議選幾個直接競品,再選幾個優秀的次要競品也是可以的,可以幫助補齊盲點。
3)調研維度
調研維度要根據調研目的來確定,例如如果是為了視覺升級,那么調研維度主要就集中在視覺效果上,如果是體驗升級,那么調研維度主要集中在交互體驗層面。
所以維度的選擇一定是和此次調研的目的緊密相關的,不過,倒也不是說如果是視覺升級就只調研視覺方面的內容,而是咱們要有一個主要的調研方向,啥都想要,最后啥都做不好。
4)結論
結論是最重要的,畢竟,做這次的調研不就是為了這份結論嗎?所以最后一定要有結論,也就是咱們通過調研得到了什么結論。
我公司這個項目是做一個官網的改版,官網主要就改版主要目標有兩個:
第一個目標是視覺體驗升級,拆解下來就是界面更好看,內容更好找。
第二個目標是提升用戶轉化率,更細致的拆解一下就是讓更多的用戶點擊【咨詢】按鈕。
可以得到關鍵詞:界面更好看、內容更好找、咨詢客服的人數更多。
好,咱們繼續,下一步是找樣本。
前面提到過,樣本最好是直接競品+間接競品(主要是一線大廠競品)。
所以這次調研我選擇了幾個直接競品的官網,以及華為、飛書等這樣的做的比較優秀的產品進行輔助分析。
調研維度又可以分為兩大部分:整體結構、內容拆解。
了解整體架構是每個競品調研都離不開的步驟,可以幫助我們快速了解行業內的通識性做法,畢竟站在巨人的肩膀上才能看得更遠嘛。
1)整體架構
我當時的做法是把主要競品的官網都截圖下來,然后一個模塊一個模塊的去分析,其實看下來你會發現,大家的做法都是有跡可循的。
看下面的圖片,我把他們類似的模塊用同樣的顏色框出來,框出來后就會發現,哦,原來,這就是行業內的通識性做法。
然后我把這種通識性做法歸納總結出來,發現,其實官網首頁可以劃分為四大板塊:
你看,看似有很多復雜內容的官網, 其實也就這幾個模塊,這樣看是不是就清晰多了。
既然咱們通過架構梳理來了官網的內容,下一步就進行內容的拆解了,拆解什么內容?就是拆解上面總結出來的規律呀。
2)內容拆解
為啥要拆解內容呢?
因為咱們競品分析的目的不就是要做到“人有我優”嘛,咱們競品分析是為了青出于藍而勝于藍呀,所以咱們不能直接抄人家的內容,這是無效設計,咱們要做的是分析他們的優點,然后借鑒,然后超越。
進行內容拆解的時候,建議先定幾個拆解維度,不然會沒有方向,這里我分了三個維度來進行拆解:
我就拿【建立認知】板塊來舉例。
官網首頁的建立認知是什么?
是讓進來的用戶對整個網站有一個基礎的認知,顧客來了,對店鋪總要有一個第一印象吧。
通過前面的架構拆解我們發現,首頁一般使用4種方法來對用戶建立認知,哪四種?
banner、產品介紹、解決方案、產品優勢
一個用戶看了banner,瀏覽了產品介紹和解決方案,看了產品優勢,是不是對咱們的產品有了一個認知了,這就是建立認知的過程。
那么咱們如何去分析呢?
我的做法是一個個板塊分析,有些麻煩啊,但是相信我,值得。
下面我就拿建立認知里面的“產品介紹”來舉例子,看看如何去分析產品介紹這個板塊。
使用3個維度來分析:
維度1:用戶訴求(用戶進來之后的訴求)
產品介紹內容是否有我需要的產品和功能?是否滿足我的需求?
維度2:業務策略(針對用戶訴求,業務是怎么解決的)
講清楚三個問題,即“我們的產品是什么”、“我們能做什么”、“我們有什么優勢“
維度3:常用表達形式(用什么樣的表達方式來實現策略)
拆解下來,是不是對產品介紹板塊很了解了,產品介紹板塊主要的目的就是為了講清楚咱們是誰,咱們的優勢啊。王婆賣瓜,瓜雖好,但是咱們得讓來的人知道咱們的瓜好呀,所以表達方式也是至關重要的,用什么形式去表達這個板塊呢?其實競品已經有了很好的解決方案,那就是上面描述的。
你看,這樣一通分析,其實你的方案就自然而出來了,你知道往哪個方向去使勁了,而不是看別人有啥咱們就做啥。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
先問你一個問題。
拼多多、淘寶、京東這三家購物平臺,你認為它們的區別是什么?
或者換個方式問你。
買電器你去哪個平臺?
買衣服你去哪個平臺? 買垃圾袋你去哪個平臺?
是不是有了答案了?
沒猜錯的話, 大部分人的答案是:買電器去京東、買衣服去淘寶、買垃圾袋去拼多多。
你看,這就是一個購物心智模型,你的心里對這三家平臺已經產生了固有的心智,如果讓你去京東買衣服,你會不會覺得,有些別扭?
沒錯,這就是心智模型。
百度百科對心智模型的定義是:
“深植我們心中關于我們自己、別人、組織及周圍世界每個層面的假設、形象和故事。并深受習慣思維、定勢思維、已有知識的局限。”
關鍵詞是:故事、習慣、局限。
淘寶一開始就我們講了一個故事,一個萬能的集市,我們習慣在上面買衣服,但是也產生了局限性,那就是,當我們想買大額電器的時候,還是會選擇京東。
我個人對心智模型的理解是:
我們內心深處對一個事物的看法。
空口聊天多沒意思,下面舉個例子。
這是一尊陶俑,第一眼你覺得她像什么?
是不是覺得像米老鼠?
為什么?
因為陶俑的頭上的發髻和米老鼠標志性的耳朵很像。
如果你從沒見過米老鼠,你還會覺得她像米老鼠嗎?
一定不會。
這就是心智模型,你對頭頂的大圓形的心智是“米老鼠”,所以一旦你看到類似的形狀,米老鼠的形象就會浮現出來,這個發髻的形狀和你心里對米老鼠的形象產生了匹配。
對心智模型有沒有一點印象了?
下面我們接著聊。
我不想用具體的界面來聊,那樣的話太散,我認為要想理解一個概念,最好還是從“面”的角度來說,所以下面我會舉一些商業上的案例來輔助理解。
心智模型有哪三種運用方式?
第一種:創建新的心智模型
第二種:改變舊的心智模型
第三種:匹配現有的心智模型
可以理解成一件事情的新生、改變和延續。
下面咱們一個個來。
第一種:創建新的心智模型
難度指數:難啊。
記得《盜夢空間》里最難的是什么嗎?
最難的不是盜夢,而是植入一個想法。
創建新的心智模型有異曲同工之妙,都是讓別人內心接收一個事物,需要刻意培養。
舉幾個例子。
當年外賣剛開始的時候,家家搞補貼,很多時候幾乎不花錢就可以點外賣,后來這些福利沒有了,為啥?
因為點外賣的心智已經培養好了,你離不開它了,所以平臺可以“不慣著你了”。
還有唯品會的正品低價、瑞幸一開始的星巴克平替,這些都是他們想要植入到用戶大腦中的心智。
為什么要費勁植入一個新的想法?
因為一旦植入了,就很難改變。
現在我身邊的很多朋友想買一些低價的品牌都會上唯品會,買咖啡會喝瑞幸,一旦用戶的習慣養成就很難改變,意味著什么?
意味著留存和轉化的成本更低了。
第二種:改變舊的心智模型
難度指數:也難。
《盜夢空間》里小李子的妻子被他植入了一個想法“你不在現實世界里”,當他和他妻子回到現實世界后,他妻子仍舊認為自己不在現實世界里,這個被植入的想法已經根深蒂固,很難改變。
所以改變舊的心智也不簡單。
例如小米最初主打極致性價比,后來想往高端路線走,很難,大家心里已經認準了小米就是“性價比之王”,也就是你的產品不僅要好還要便宜。
這就導致小米一漲價,大家就罵他們忘了初心……所以小米拆分出了紅米主攻性價比,小米往高端發展,但是仍舊很難。
拼多多的百億補貼也是一樣的道理,一開始的砍一刀深入人心,大家對拼多多的心智已經成型:便宜,質量一般。拼多多想改變這個心智,推出百億補貼,并承諾假一賠十,就是想告訴大家,我拼多多,也是有正品好貨的。不過,效果嘛,見仁見智。
第三種:匹配現有的心智模型
難度指數:相對簡單。
其實匹配現有的心智模型,是相對最簡單的方法,市場已經幫你把用戶習慣培養好了,你直接使用,那肯定事半功倍,省時省力啊。
舉個例子,大家最近有關注小米的 13 Ultra 嗎?
小米和徠卡聯合研發的,主打徠卡調色的相機。
我有一個同事就直接把手里的微單換成了 13 Ultra ,因為拍照足夠好看而且便攜。
這里不是要推銷手機啊,是想讓你們了解 13 Ultra 是個什么東西。
然后給大家看看它的手柄(一個配角,可以拆卸)。
是不是有些熟悉?
和相機像不像?
這個手柄就是沿用了相機的心智模式。
小結一下:
心智模型有3種用法:
新建:創建新的心智模型
改變:改變舊的心智模型
延續:匹配現有的心智模型
下面聊聊,咱們怎么做才能更加匹配用戶的心智模型?
同樣的,我不會拿具體頁面來舉例,還是希望把思考方式分享給大家,而不是某一個頁面的設計。
要想匹配用戶的心智模型其實就三步:
了解業務、了解用戶、競品調研。
或者可以這么說, 在懂業務、懂用戶的基礎上,還要了解行業內的通用做法。
1)了解業務
一定要了解業務,為什么?
因為好的設計方案千千萬,但是匹配你的業務的方案才是好方案,如果不了解業務,可能設計出來的方案就是自嗨,例如網上很多的dribble風設計。
又比如說手機瀏覽器一般都把搜索框放到屏幕頂部,而夸克瀏覽器卻把搜索框放到了下面。
為什么?
因為夸克想推翻傳統的瀏覽器,想打造一款更年輕更好用的瀏覽器,把搜索框放到下面也是滿足他們的業務訴求,現在手機屏幕越來越大,搜索框放在下面手指操作更加方便。
所以,一定要先去了解業務。
拼多多和淘寶同樣都是電商平臺,可它們的用戶心智相差甚大,因為最后方案設計是服務于最初的業務目標的,業務不同,呈現的方案也不一樣,最后讓用戶形成的心智也不同。
2)了解用戶
為啥?給老人和小孩設計的界面能一樣嗎?
就拿顏色和文字來說。
小孩喜歡高飽和、豐富的顏色,而老人則需要考慮在各種場景下都能看得清楚信息的顏色。
小孩喜歡圓潤的卡通字體,而老人需要識別度更高的字體,更大的字號。
不同的用戶,采用的設計一定是不同的,只有了解了他們的喜好和痛點,才能做出符合他們心智模型的設計。
3)競品調研
為啥要競品調研呢?
因為競品和我們的產品類似,那么意味著用戶大概率重合度也高,甚至業務上都有一定相似度,那么意味著,競品的方案,大概率是經過市場驗證的符合用戶心智模型的方案。
你看,既然競品已經給咱們打了個樣,為何還要自己悶頭造輪子呢?
咱們目的是解決問題,又不是為了證明自己很厲害。
但是,不要誤解,我不是說照著競品抄,而是取長補短,所以不僅要調研,還要分析,分析就是把競品的優劣勢找出來,好的地方咱們可以酌情借鑒,不好的地方,咱們也要避個雷嘛。
好了,小結一下,要想匹配用戶的心智模型,一定要了解業務、了解用戶,還要做競品調研了解市場的通識性做法。
以上。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
進入喜茶小程序的時候給我的感受是簡潔、時尚、極致的設計風格,截了兩張小程序內的兩個界面。 確實做的還挺不錯的,為什么給人感受不一樣?接下來我們分析分析
1.首先從下面的頁面我們能發現,界面的排版只有卡片左邊距留了20的安全距離,而卡片右邊安全距離為0,這樣特別的版式設計給人不對稱的感覺,這樣的設計能讓用戶記住,同時又有一點時尚范的感覺,很符合喜茶目標用戶年輕人的審美。
2.同時產品的banner是3:2的比例,較為靠近黃金比例的尺寸。
1.點單頁面,喜茶新增了新品推廣位,一些新上的產品都會在推廣位呈現,尺寸比例4:3,給人的感受像是線下海報一樣,同時第三個廣告位露出部分,讓用戶知道后面還可以左滑查看。同時推廣頁的右下角有個箭頭指引,告知用戶可點擊。
2.看完這幾個頁面會發現,喜茶的基本上都是純直角的設計語言,推廣頁是直角、標簽是直角、按鈕微圓角,直角的設計語言給人的感受是時尚、極致、極簡的設計感受,個人非常喜歡。
3.但是點單頁面的有點亂,標簽的顏色過多,不夠統一,圖標的也非常的多,這樣給人的感受就會比較凌亂,盡可能少的去表現,這樣更加能提高用戶的效率。
1.在點單頁面用戶上滑,推廣位漸漸的往上消失,這樣產品的展示會更多,利于用戶挑選和尋找。
2.用戶在選口味界面,發現每一個標簽的內的文字左右的安全距離一致,依次排列,具有節奏感,頁面給人感受簡潔、易操作,同時用戶可以選自己的口味,可進行保存,下次點直接就可以選擇自己的口味。
在喜茶的百貨界面能清晰發現每一個模塊的都是不一樣的,很多產品的商場頁面都是一致的,而喜茶在產品的展示會以不一樣的形式出現,每一個模塊都有尺寸和排版的差異,這樣給用戶有種落錯感,更加有設計。
1.喜茶的會員頁給我眼前一亮的感覺,會員的背景用色都是明度高、純度低的漸變給人的感受清新、淡雅的感覺。
2.會員頁用戶在切換的同時圖標的顏色會跟著會員的顏色變化,特權的內容也會有不一樣的變化,讓用戶有明顯的等級感知。
3.切換到“黑卡”的時候,會發現會員頁的“喜”字加上了質感。
4.會員卡上“喜”字提取了“喜茶”中的“喜”,跟其他產品的會員做了區分的同時又加深了品牌印象。
喜茶有兩種不同風格的圖標,一種是比較極簡,線性,差異性沒有那么強,而另一種則是插畫風格的圖標,給人感受比較有趣,更有差異,極簡則符合喜茶整體小程序的調性,而插畫又豐富了頁面的單調性。
1.喜茶頂部的banner做非常不錯,例如跟FENDI合作的會在首屏加入視頻,用戶一進入小程序就能看到能很好的吸引用戶的注意。
2.用戶在左右切換banner時,文字會先出現然后底部的圖片漸漸出現,給用戶感受自然、流暢的感受,好的動畫效果能給產品加分,給用戶留下好的感受。
1.喜茶的數字字體是NeutraText-DemiAlt,每次進去喜茶看到他們的數字字體非常有獨特性,給人的感受時尚、極致、有設計。
2.部分界面和海報喜茶會用上方正悠宋,有點中國風、古風的韻味在里面,而且也非常有獨特的設計美感,喜茶會應用在國風的海報以及會員頁的“喜”字上,突出風格化。
3.好的字體能很好的提高產品的品牌感和設計美感,更能傳達該品牌想傳達的東西。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
近年來,行業內不斷探索廣告的新玩法,激勵視頻廣告成為一種愈加流行的廣告形式,當前已經是媒體主流變現模式之一,以滿足廣告主營銷效果、媒體變現效率最大化。對用戶而言,觀看激勵視頻廣告能夠獲得相應獎勵;對于客戶,激勵視頻廣告通過獎勵機制,得到更長時間的曝光來提升轉化率;對于平臺,有更高的變現效率能帶來更高的收益。
百度激勵視頻廣告承載著百度APP任務系統、權益場景、活動場景等的重要變現任務,本文將從激勵視頻廣告的框架、提升轉化效果兩個方面,來闡述容器結構設計與提升轉化效果的設計思考。
框架:建立場景核心轉化流程
激勵視頻廣告是獨立的視頻場景,場景內的元素布局、容器結構不依賴于所在的宿主場景,在整個交互鏈路中能夠采用更有創新的設計形式。
1、布局跨場景橫向一致
基于激勵視頻廣告的元素來明確內容分區,考慮元素作用與通用性可分為頂部框架區、附加掛載區、內容信息區、轉化決策區,在結構設計上,將核心獎勵計時組件置于頂部框架區并保持穩定展現,保證百度APP內的視頻廣告在布局上橫向一致性,同時也有利于場景之間創意交叉驗證與復用。
2、容器、元素組件選型
從激勵視頻的鏈路流程出發,結合主動交互行為的各類組件狀態:獎勵計時與完成、視頻播放與完播、瀏覽落地頁、退出挽留四種核心狀態。
1)獎勵計時與完成:考慮獎勵計時器會存在于多種不同場景情況,需要具備橫向統一的計時形式來穩定用戶預期,以及通過視覺反饋給予用戶明確的狀態變化感知,來降低不同場景下的理解成本,通過ABtest的方式,最終選用場景元素圖標與文本計時形式,圖標能夠根據獎勵的不同支持靈活配置,滿足多元化場景的適配訴求,同時選用視覺感知較弱的樣式與動畫形式,盡可能避免與點擊、轉化無關的元素動畫稀釋用戶對內容的注意力,從而影響廣告效果。
2)視頻播放與完播:播放狀態下,為盡量降低對視頻內容的遮擋,在轉化組件的呈現上,采用“延遲展現吸引觀看,漸進式增強吸引點擊”的手段,視頻完播狀態下呈現視頻尾幀,尾幀增加再看一個視頻功能,為想要獲得金幣的用戶縮短操作步長,提升激勵視頻廣告的分發。
3)瀏覽落地頁:瀏覽落地頁過程中也需明示獎勵計時,為了保證視頻場景和落地頁場景的計時延續與組件統一性,采用避讓計時組件的面板化落地頁容器。
4)退出挽留:當用戶在不同獎勵狀態下會在退出的主動行為,挽留彈窗承載挽留與再看功能的重要作用,彈窗作為前后鏈路場景的共性組件,在彈窗設計上頂部承載所在場景主視覺IP,以滿足多元化場景的下活動主視覺的延續,使激勵視頻廣告更契合所在活動場景。
3、轉化鏈路降步長
在原有的基礎路徑上,獎勵計時與倒計時結束的兩個環節僅有計時器形態的變化,元素變化是容易起到聚焦視覺的作用的,以倒計時結束為節點,將用戶從"視頻場景"帶入到"決策場景",通過容器結構形態的變化來解放停留在計時器上的視覺焦點,面板結構能承載更多的增益內容,延展信息載量,視頻完播是判斷用戶對內容感興趣的重要契機,在視頻完播狀態自動調起落地頁,通過縮短轉化步長提升轉化效率。
激勵視頻廣告容器每一步迭代都伴隨大量的前置思考、歸因分析、嚴謹實驗,經歷多輪迭代最終完成流程框架搭建,后面我們仍要思考如何通過設計方法,在現有的框架上進一步提升轉化效果。
提轉:內容化與獎勵玩法助決策
在廣告創意視角下,通過內容信息命中用戶訴求、滿足心理期望能夠提升轉化效果;在用戶目標視角下,我們希望充分發揮激勵機制,給予用戶更多豐富的獎勵交互與玩法,持續獲取收益與滿足感。
1、增益信息前置,助力轉化決策
輪播推薦詞:推薦詞輪播的形式來營造場景內互動氛圍,在一些節日期間通過契合節日的情感化文案,讓內容更貼合節日營銷氛圍,同時將落地頁中的優質廣告賣點、數據生成的熱度等多元的營銷信息前置,助力用戶決策。
行動號召詞:不同廣告內容之間的轉化文案存在差異化的表達,通過符合廣告內容的決策性文案披露,將固定文案升級為營銷目標及類型特征文案,輔助轉化決策,在容器內每一個元素都應該作為廣告創意的一部分。
2、分段獎勵計時,引導視頻完播
點擊率、轉化率隨視頻播放時長的數據變化,發現呈現正相關的趨勢,我們希望用戶能夠選擇看完視頻,核心思路是將用戶從低變現效率場景,引導至高變現效率的場景,由此我們通過兩段計時獎勵的設計形式,激勵用戶可以拿到更多獎勵并將視頻看完,考慮多種不同場景以及理解成本的問題,最終選用兩段獎勵計時組件的方式。
3、彩蛋營造驚喜,提升轉化
為了更好的匹配各大電商平臺調起類廣告的預算,大促期間的突然出現的禮物彩蛋為用戶營造節日驚喜感,在點擊行為后,紅包元素的彈窗與彩帶動畫形式來承載金幣獎勵與氛圍,獎勵感知的觸達能夠提升用戶的獲得感,同時在獎勵彈窗上進一步承載調起任務,從而更好的滿足客戶營銷訴求。
4、強化轉化組件,增強獎勵觸達
延續以上驚喜感獎勵滿足促轉化的思路,針對下載類廣告,我們在轉化組件上進行與獎勵內容的結合,在任務計時完成但并沒有形成轉化的時機下,通過變色與光效視覺吸引來傳遞獎勵信息,通過強化獎勵感知和轉化組件來助力轉化決策。
寫在最后
激勵視頻廣告至今經歷了多個不同的階段,如何在商業效果與用戶感知之間選取一個平衡點,一直都是激勵視頻廣告的長久的設計課題,目前也只是一個開始,還有很多的設計提轉機會點等待我們去深挖,相信在不久的將來能夠探索更加多元的激勵玩法,發現更多契合用戶訴求的場景,為更好的價值生產不斷迭代功能與體驗,我們希望能夠給予用戶、客戶、平臺更多的價值增益,做用戶喜歡、客戶滿意、平臺有利的商業設計。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
19世紀末,意大利經濟學家和工程師維爾弗雷多·帕累托(Vilfredo Pareto)發現,自家花園中80%的豌豆產自于20%的豌豆莢,在隨后研究土地所有權和財富不平等的問題中,再次發現意大利 80%的土地屬于 20%的人。
20世紀初,由管理學家約瑟夫·朱蘭(Joseph Juran)將其命名為帕累托法則,即80%的結果是20%的原因造成的,并且號召關注「重要的少數」而不是在「瑣碎的多數」當中投注精力。后續在經濟學中得出結論(80%的財富掌握在20%的人手里)更加證實了帕累托法則的觀點。
帕累托法則有很多不同的叫法,如帕列托法則、關鍵少數法則、二八法則、巴萊特定律、最省力的法則、不平衡原則等,后續筆者將其稱為「80/20法則」。
其實,80/20法則是一個較為抽象的概念,可以理解為:大部分的效果由少數幾項關鍵的因素來決定。在實際的場景中,“大部分”不是精確的80%,“幾項關鍵因素”也不是固定的20%,數據會有所浮動,可能是70%+30%或者90%+10%,但不管這些數字如何波動,其背后蘊含的規律(集中的投入將產出大于預期的結果)是不變的,并且生活中存在的許多不平衡現象,都與這個規律相當接近。
80/20法則并不受人為直接控制,更多時候是自然而然的形成,其適用領域非常廣泛。早期大多數用于社會、經濟、管理以及工程等領域,而在80年代末就已經有設計師將其設計領域,在各行各業中,已經有大量的案例證明了 80/20原則:
70年代中期出現圖形化界面,而到80年代末,80/20法則就已經被設計師引用在設計規范當中,后續經過不斷的發展及優化,現已深入設計中的方方面面,PM用來處理KPI、UX用來劃分權重、UI用來決策版面布局等。
界面設計中該如何應用80/20法則,這就需要設計師時刻注意如何讓用戶更快找到目標、如何更順暢的完成任務以及如何擁有更愉悅的心理感受。例如80%的用戶只會用到20%的功能,那么設計師就應該將80%的時間、精力集中在這20%的功能上,不斷迎合用戶需求以及使用體驗。
80/20法則能夠幫助我們提供決策思路、梳理設計方向,通過前面的了解,我們應該清楚了產品80%的用戶只會用到20%的功能,而80%的收益也恰恰來自于20%的付費用戶,甚至低于20%。
雖然一直呼吁盡量滿足所有用戶,但產品團隊的重心始終要圍繞著20%來進行,從產品到設計、再到開發測試,都能以此為方向制定問題的解決方案。
任何一款產品都不能忽略主次,每隔一段時間就要重新評估功能價值,以備后續的更新迭代,針對非關鍵性的80%切勿耗費過多的精力,以免喧賓奪主,不僅得到不好的反饋、還會帶來不必要的損失,吃力不討好。
對于已經過期的核心(曾經20%)功能,需要及時降低權重以及精力的消耗,不然即便是掌聲一片、也可能無法變現。
用20%的部分創造80%的價值,并不意味著只關注20%的關鍵性指標、其它的就可以被忽略,這樣做表面上看是挺誘人,但會讓其他很多指標停滯,呈現出產品過度優化的情況,造成短時間內隱藏的負面影響。
團隊應該要有眾覽全局的眼光,考慮到各指標間的相互影響,可視情況而定將時間和精力合理分配,如90%+10%、80%+20%、70%+30%等,只要是將大部分用在關鍵性指標上即可。
在UI設計中,我們會將主要精力花費在20%的頁面設計上,例如APP底部標簽欄的幾大主頁或其它重要的一/二級頁面,會花費更多的心思去構思不一樣的布局、表現手法,將設計功底凸顯出來。而剩下80%的頁面就相對機械化,會使用一些常規樣式以及復用的方式像搭積木一樣快速完成,成本之低、效率之高毋庸置疑。
同一個頁面的設計方式也是如此,設計師將大量心思放在首屏及位置靠上的功能上,待超過一屏后下滑時,設計也會逐漸輕量、組件化,這有助于節省產品、設計、開發更多的時間。
用戶瀏覽屏幕時,眼球移動的順序通常都是從左到右、從上到下(基于網頁瀏覽眼動測試),這種移動軌跡很像字母「F」,這也讓F型布局成為網頁設計中效率最高的方式之一,所以設計師通常會將重要的信息放在左上角或左側,不重要的信息放在右側。
如下面這張眼動測試圖,F型布局也正好詮釋了80/20法則合理性與可行性,在頁面中20%的關鍵區域,吸引了用戶80%的注意力。
很多產品因為業務功能的龐大,一股腦的將信息全部展示出來,看起來十分臃腫,用戶不能快速找到自己想要的信內容,就會失去信心。
優酷APP首頁將熱門頻道和點擊頻率較高的頻道顯示在頂部導航中,如精選、電視劇、電影、最新院線等,而其他更多的分類則隱藏在頻道選項卡中,將少量(≈20%)重要的內容放在明顯的位置,目的就是為了讓大部分用戶更快觸達,提高了產品的易用性。
在一些選項列表中,由于選項數量的龐大,會給用戶增加使用難度。
例如,使用美團購買火車票在選擇地址時,面對超長的地址列表,逐個查看或通過字母篩選,都要花費一定的時間和操作成本,即便可以通過碼字搜索來完成,但因為自行輸入有很多的不可控性,能讓用戶選擇的就不要讓其輸入。對于地址列表,除開自動定位和搜索歷史,運用80/20法則就能很好的解決這一問題,系統將約20%高頻選擇的熱門城市作為單獨的模塊放在全部列表之前,提高了大部分用戶的搜索效率。
極簡風格的界面設計跟80/20法則在精神上保持著高度的一致,剔除多余、無用的元素,而保留的每一個元素都是有目的、有針對性的,也是絕對必要的存在。在極簡主義設計中,視覺上簡單干凈,大部分都是通過通過留白來襯托關鍵性元素的存在,讓用戶更加聚焦于主要功能/信息。
奧卡姆剃刀指出「如無必要,勿增實體」,需知頁面中每多一個元素都會增加視覺“噪聲”,意味著用戶需要花費額外的時間和理解成本,對用戶體驗的影響是很大的。那么問題來了,當產品需要增加一項需求量小但確實存在的功能,該怎么處理?
這時我們可以將奧卡姆剃刀原則作為最終的評判標準,是否需要增加上述所說的功能,就要看看能否很好的控制團隊開發成本和用戶體驗成本。其實在80/20法則中,很多小眾但確實存在的功能需求基本很難抵消所造成的用戶體驗損失,所以即便實現了這個需求,也很難分配出20%的精力去維護與迭代,甚至“俺耳盜鈴”般的將其遺忘,但這個視覺“噪聲”一直存在,如果事先能分析出這種結果,這個需求根本不需要增加。
在2004年長尾模型才被提出來的時候,很多人認為這是在顛覆80/20法則,它們的曲線長得很像,但結論完全相反,那條長長的“尾巴”(非關鍵的80%)所占據的長度幾乎與頭部的(關鍵的20%)高度相當,這說明收益雖低,但這么多數量的累積,依然值得重點關注。所以有很多企業在采集差異化戰略時運用了長尾理論,例如小米搭建的全品類商城用的是長尾理論。
乍一聽好像很有道理,難道80/20法則被推翻了嗎?事實并非如此,長尾理論的成立必須要滿足兩個條件,第一是尾巴真的足夠長(小眾需求確實非常多),第二長尾巴能被用戶發現(龐大的用戶量),這兩個條件缺一不可。例如京東、淘寶、微信、支付寶等,其前提都是建立在大規模、且海量的用戶資源之上,不管多么隱蔽、多小的動能,總能擁有一些不錯的曝光度,所以才能發揮長尾模型的作用。
說道這里,大家應該就明白了,那些中小型的產品對長尾模型大多是望塵莫及,所以在你的產品規模、用戶量沒有達到一定的級別之前,就不要妄捧長尾模型,用好80/20法則就好。
80/20法則在實際工作中是一個相對普遍的定律,它能讓我們靈活思考設計問題,更好的為用戶服務,雖然80/20法則也存在一定的爭議,但還是適用于覺絕大多數的場景,在關鍵時候使用,能幫助我們準確的找到問題點,在有限的時間和精力下快速作出優化決策并、關注核心功能,最終達成目標。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
一、項目背景
虛擬形象產品形態現已逐步成熟,“捏臉+社區” 的模式逐漸成為年輕人的虛擬社交游樂場,競品QQ、Soul、淘寶等產品先后融入虛擬形象,探索年輕、有趣的社交模式。
貼吧在這一方向上進行了創意玩法探索,希望可以通過特色互動形式,拉近與年輕用戶的關系,為后續開拓社交場景奠定基礎。
二、視覺風格滿足年輕用戶喜好
通過用戶調研,了解年輕用戶喜好個性十足和精致細膩的設計,同時希望可以有更多的搭配空間,我們針對設計成本與用戶喜好,建立十字坐標軸篩選設計方向,匹配不同用戶,帶來差異化感知。
1、潮流、漫畫雙風格設定,滿足用戶自我表達
潮流風格具備年輕時髦感,漫畫風格質感更細膩,打造出產品的精致度,雙風格設計可以最大程度滿足用戶的多元自我表達需求。
2、形象工程量產,滿足搭配的豐富度
為了達到玩法多變的目標,我們對形象進行工程化文件拆分,以發型區為例,通過層層分區來實現顏色、素材的靈活搭配。
拆分不同的發片,與身體、面部相互穿插,可以搭配出不同發型,對底色、陰影、描邊的拆分,實現代碼著色改變發色,每個形象完成36層拆解,達到顏色、素材的多元展現。
漫畫風格,在表現上相比潮流風格更加細膩,采用同樣的裸模坐標與拆分標準,實現雙風格靈活搭配。
針對兩種風格我們批量化產出了服飾、發型、配飾、五官等標準化素材,實現全部素材多變量靈活搭配,形象設計從軟萌可愛到年輕潮流,貼合了年輕用戶的多重喜好,為了提升與研發的對接效率,同步制定了工程文件產出規范,通過對坐標軸、熱區的定位,圖層規范化的命名,實現所有素材快速開發上線,降低產研溝通走查成本。
三、創新交互玩法增加可玩性
1、點選切換展示區讓創作更便捷
從0-1搭建基礎框架,為了降低學習操作成本,讓用戶可以快速上手,框架采用上部展示區、下部選擇區的形象制定產品通用布局。
在交互形態上,我們進行了創意玩法創新,新增點選切換形式提升便捷度,用戶能通過點選展示區當前部位快速定位操作,簡化使用,縮短裝扮時長。
2、靈活手勢創新實現玩法多變
針對貼吧用戶腦洞大開、鬼馬個性的特點,提供靈活操作,提升形象創意度,以下圖為例,可以看到眼睛、嘴巴等元素通過用戶的旋轉、縮放、位移等操作產生了很多鬼畜搞笑的形象,更有阿凡達、小岳岳、一眼丁真等形象加持,趣味十足。
3、豐富表態吸引用戶快速參與
通過動態輕互表情帶來驚喜感,同時增加長按觸發連擊效果,提升用戶互動爽感,狀態表達幫助用戶快速選擇當時狀態,更低成本參與自我表達。
四、強化感知多場景觸達虛擬形象
為了讓貼吧用戶快速玩起來,提升用戶滲透,我們在貼吧全場景進行傳播。
1、串聯核心場景實現用商聯動變現
串聯端內成長體系這一核心任務,打通多場景閉環,形象設定之后,在首頁、圖文詳情頁、個人主頁等核心場景展示個人形象,形成全場景滲透,有效擴大虛擬形象在端內的傳播。
高定裝扮聯通會員權益與成長值,通過漲、兌、買路徑,實現會員權益激勵、成長體系、形象變現的三方激勵串聯。
采用細膩手繪技法為對魔域游繪制精品形象,吸引游戲深度用戶完成形象裝扮,同時實現設計變現。
2、建立分享回流機制實現社區裂變
通過端外引流和影響力擴散,吸引用戶產生回流,增加用戶粘性,持續增加用戶量。
五、結語
以上就是虛擬形象設計在整個創新玩法探索中的思路與舉措。
回顧設計過程,我們探索了更加貼切用戶的快捷交互體驗,提升操控效率、縮減觸發路徑;我們緊跟設計趨勢,時刻關注年輕用戶需求,通過多風格、工程化、輕互動等手段,打造年輕化產品;我們通過與貼吧核心場景串聯融合,給老產品帶來全新社區體驗。
虛擬形象上線后滲透率持續增長到15%,用戶累積佩戴數達百萬級別,效果超預期,吧友們在虛擬形象吧里進行深入的評價與討論。定制出了高顏值、個性化、輕幽默等不同風格的形象。
最后也期待廣大吧友們可以通過對貼吧虛擬形象的關注和喜愛來到貼吧,在我們的特色平臺定制出獨一無二的自己。
未來我們也將不斷探索、創新更多年輕化創意玩法,讓貼吧成為用戶喜愛具有歸屬感的繁榮社區。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
“系統應該在合理的時間內通過適當的反饋,始終讓用戶了解正在發生的事情” --尼爾森。
用戶都希望產品是可控的、狀態是可預測的,所以無論用戶在界面上做了什么,系統應該在合適的時間給予合理的反饋,始終保持界面的狀態可見、變化可見、內容可見,讓用戶對已經發生的、正在進行的、以及后續走向都有所了解,以避免在后續的轉化決策中出現錯誤。
界面不僅僅是為了把信息呈現給用戶,還需要引導用戶來操作,讓用戶清楚的知道當前在什么位置,以及操作時最想要知道的信息。
例如,訂單頁頂部的導航分欄,不僅將字體加大加粗、色彩加深,還添加了主題色的形狀,為的就是強化用戶當前所在位置。購買產品VIP時,按鈕中會顯示金額,也是為了讓用戶的視線停留在CTA按鈕上,避免用戶想要查看價格時將視線從CTA按鈕上移開。
對于同一操作,系統需要搭配不同的時間場景給予不同的反饋,確保反饋的及時性,避免讓用戶產生焦慮或不安。例如在跳轉頁面時,即時跳轉,用戶通常看不到任何跳轉中的狀態,時間稍長會看到加載動效,若長時間沒有響應,則會提示其他問題,如網絡問題、跳轉失敗等。
用戶需要清晰感知到已經發生、正在發生以及即將發生的事情,以便于他們進行下一步決策。每當用戶進行交互后,系統應將當前狀態、位置、進度以及操作結果適當的反饋給用戶,以減少不確定性。如果用戶存在失誤,更應加以正確方向上的引導,避免用戶產生疑惑或重復操作。
例如在電商應用中,將商品收藏、添加到購物車等,這種操作行為不會造成任何損失,系統在反饋時盡量不要打斷用戶,使用類似toast簡短彈窗提示即可。但對于金額支付、內容刪除等,會涉及用戶利益或安全方面的操作,就需要通過彈窗打斷用戶當前操作,讓其二次確認后再作決策,以減少不必要的損失。
“系統應該說用戶的語言,用戶熟悉的單詞,短語和概念,而不是系統導向的術語。遵循現實世界的約定,使信息以自然和合乎邏輯的順序出現”--尼爾森。
設計師需要站在用戶的角度去做設計,但并不能就此代表用戶,不要將自己對產品的理解、行業中的專業術語代入用戶場景中,因為用戶的認知大多來源于多周圍環境的感知,我們需要使用最貼近目標用戶群體生活場景的表達方式,讓信息表現的自然,用戶能更容易理解。
對于環境貼切原則,直接點就是“說人話”,蘋果之父「喬布斯」和微信之父「張小龍」的產品核心理念便是如此,用最簡單直白的語言、用戶最熟悉的概念呈現信息,盡量貼近真實的世界,將產品做到傻瓜也能操作,才能保證與用戶溝通交流的順暢。
產品的設計語言需要針對不同的用戶群體以及不同的使用習慣,使用該群體所熟知的文字、圖形、版式、配色以及設計風格等,讓用戶覺得這個產品能解決自己的問題,不會有認知上的困難。
從大了講,例如微信的標準模式符合大多數常規用戶的操作,但又另外設計了一套關懷模式,將文字、按鈕變的更大,色彩變的更強,這就是為老年人的視覺障礙而準備的一套解決方案。還可以開啟聽文字消息,在會話框中只要點擊一下文字消息,系統就可以直接閱讀,將信息的傳達從視覺轉移至聽覺,更大程度的解決了視覺障礙問題。其實,不管是微信的標準模式、關懷模式,還是其他的鄉村模式、青少年模式、大學生模式等,都是為了迎合不同的用戶群體。
將范圍縮小至產品的某個功能,如高德地圖視覺障礙模式(色盲/色弱用戶的專屬配色)、首頁設置(搜索框位置的調整)等也是為了滿足不同用戶群體或同一用戶群體的不同使用習慣而設計。
將現實世界中的物體映射至產品設計中,能讓用戶通過對現實環境的認知感受到產品的真實易懂,很大程度上降低了學習成本,幫助用戶更快的理解并輕松掌握其使用方式。模擬現實世界的物體并不僅僅局限其外形,對于其動態效果、聲音以及其他屬性特征等都可以加以融合,打造更真實的用戶體驗。
iOS系統早期的桌面圖標就是如此,即便后來逐漸過渡到扁平化,但很多地方依然保留了擬物化的設計,如同步變化的動態時鐘表盤、接近于物品外觀的相機、計算器圖標等。網易云音樂播放頁面中,復古的黑膠唱片,不僅模仿了早期的留聲機,還融入的懷舊情感,與其他同類產品的差異性也即刻凸顯。
產品不僅可以使用人們對真實物體的視覺感知,還可以利用文化觀念進行隱喻。
例如,紅色意味著危險、禁止,綠色則代表安全、通過,而產品中的審核結果就可以用顏色醒目的圖標強化提示,紅色表示審核未通過、綠色表示審核通過。另外在現實生活中,“+、-”符號代表增加和減少,對于互聯網產品,同樣可以使用“+、-”來表示內容的增加與減少,常見的有購買商品數量調整、自定義內容布局等。
“用戶通常會錯誤地選擇了系統的某個功能,并且需要一個明確標記的「緊急出口」來離開不想要的狀態,而不必進行擴展對話。支持撤消和重做”--尼爾森。
用戶需要擁有控制系統和來去自由的權利,且產品要在用戶可能犯錯誤之前及時警示并給予正確的引導,但總有些特殊場景,用戶發生主觀上的失誤不可避免,為了不讓用戶進入到錯誤的場景,這時系統應該提供一個“緊急出口”,便于用戶撤銷和重做。
在使用產品的過程中,系統檢測到用戶有可能出現操作失誤的情況,應給予明確的提示和指引,關閉/返回就是最為常見的“緊急出口”,即便大部分用戶知道向右側滑返回,但“緊急出口”依然要明確顯示。
另外,在刪除某些信息時,系統給予的確認彈窗也是為了減少用戶操作失誤,以免造成不必要的損失。
用戶的失誤行為已不可避免的發生,應當提供撤銷、取消或重做等相關功能。
在社交類應用中,短時間內發出的消息可撤回重新編輯,便是給了用戶可以反悔的權利,辦公類產品中的回收站亦是如此。
“不應該讓用戶懷疑不同的話語、場景或行為是否在表達同樣的一件事情。系統設計需遵循平臺慣例,保持一致性”--尼爾森。
對用戶來說,同一產品需要統一的設計規范,其視覺樣式、交互形式都應該遵循基本的用戶習慣,保持功能、操作的一致性為確保用戶對界面的學習使用至關重要。
設計規范就是為保持產品內部的一致性而生,不管是色彩間距、還是組件模塊,保持一致性不僅能讓用戶感覺使用的是同一個產品,還有助于品牌傳播,給用戶留下一定的印象。
對于業務非常復雜的大型產品,雖然各元素組件樣式繁多,但會從視覺風格和交互形式上來確保產品的一致性,這都可以減少用戶的思考負擔和學習成本。
雖然很多產品都在呼吁創新、去同質化,但差異化較大的設計雖然達到了去同質化的目的,卻給用戶增加了更多的學習及思考成本。這里意思請大家不要誤解,并不是說不去創新,而是除非你的產品有足夠的影響力,對于較大的變動,企業能承擔起試錯成本、以及增加了額外學習成本可能造成的用戶流失,否則只能進行一些小的改動,循序漸進的跟隨主流。
對于同類型的產品,我們依然需要參考競品的一些設計形式,如下圖是音樂APP的播放頁面,其主要功能的優先級排列、頁面布局基本相同,即便是創新也是從設計風格、氛圍以及微動效等方面做出差異化。
先舉個例子,之前有不少產品引用費茨定律“任意一點移動到目標中位置距離越短,所花費的時間就越少”這一原則,于是將左上角的返回按鈕搬到了左下角(側滑返回操作沒有影響),沒錯,對于現在的大屏手機來說,返回效率確實提升了,但卻違背了用戶的使用習慣,增加了誤操作的可能性。
返回按鈕放置左上角,與絕大多數產品保持一致的使用習慣,這意味著用戶只需付出更少的學習成本甚至無需學習即可快速上手。
“系統要么消除容易出錯的情況,要么檢查它們,并在用戶采取行動之前向用戶提供確認選項”--尼爾森。
用戶的很多操作都是比較隨意、無意識性的,也因此造成了一些不可挽回的錯誤。系統應該在用戶出錯之前采取一定的措施,這并沒有多么復雜,或許只是一個走心的設計,如使用引導用戶、溫馨提示、有效控制等方式以減少錯誤的發生。
主動引導的目的就是為了給用戶提供明確的路徑,減少錯誤操作。很多APP首次下載或更新迭代之后就會提供新手引導,還有表單的占位符提供的格式規范、內容描述也是如此。
在用戶操作時,系統對用戶錄入的已有信息進行預判并提供相匹配的內容讓用戶選擇,也是一種常用的防錯方式。如搜索聯想詞、商品錯誤文字自動修正等。
對于一些較為敏感、可能存在危險或不可逆轉的操作時,系統需要提供二次確認引起用戶注意,以起到警示作用。例如注銷賬號、刪除某些內容或中途退出流程,都會有彈窗提醒用戶,避免誤操作帶來不必要的損失。
從表面來看,限制用戶似乎并不友好,但為了避免用戶錯誤理解,利用明確的限制阻止用戶犯錯也是一個不錯的選擇。例如無效內容置灰、未達到操作條件的限制,都能很好的防止用戶無效操作。
筆者曾使用過一個產品,在選擇出生年齡時,往前的年份能滑到清朝時期(一百多歲玩不動智能手機了),往后面能滑到今年之后的幾十年(我還沒出生呢),這并不是在質疑設計的合理性,而是無效或過于冷門的選項越多,用戶可能會有選擇性困難「綜合癥」、也可能會提高隨意性以及選擇錯誤的幾率,這對后期用戶數據分析的精準度有很大影響。
適當的限制操作范圍,對產品來說也是一個很好的防錯策略。例如:美團定酒店的日歷限制在半年以內、在手機號碼表項中限制輸入11位數字等,都可以降低用戶出錯的概率。
對于隨意性較強的用戶,通常都是「做多錯多」,所以在部分場景下,如果對用戶的操作需求明確可控,可根據實際場景提供符合目標的默認值,以減少用戶操作成本。
添加銀行卡時,輸入卡號后會自動匹配對應的銀行、購物下單時系統也會自動選擇一個默認收貨地址,這些默認值的存在都或多或少的減少了用戶操作步驟,即便不是用戶所需,也不會造成什么負擔,這本該就是用戶完成任務的必要流程。
在數字信息輸入場景中,可以利用一些特定格式,不僅能減少出錯,還能有效避免將錯誤信息帶入下一步流程。
例如,輸入手機號、銀行卡號、身份證號等,可以將幾個數字分為一組,以此類推,這樣更有利于用戶自查。
“通過使用對象、動作和選項的可視化表達,最大限度地減輕用戶的記憶負擔”--尼爾森。
在產品設計的時候,需保證組件、按鈕以及選項的可見性,用戶不需要去動腦筋,產品應該把用戶當傻瓜對待,盡可協助其記憶。在特殊情況下,用戶離開當前頁面,產品可提供關鍵信息讓其確認,而不是讓用戶去回憶,徒增記憶負荷。
產品能做決定的就不要讓用戶去選擇、能讓用戶選擇的就不要讓他們自己輸入。其實選擇和輸入的操作成本相差巨大,很多用戶都不愿意在輸入上面花費過多時間。
問個比較現實的問題,如果你申請信用卡的意愿不是很明確、在辦與不辦之間猶豫徘徊時,有多少人是被幾頁超長表單勸退的?需要用戶提供的信息我們無權刪減,但可以利用設計手段降低操作成本,如果將部分輸入框變成選擇框,讓任務變的更容易完成,用戶的抵觸心理自然也會降低。例如:微信添加銀行卡時,手機號、銀行卡號都能從相應的接口獲取,減少了很多操作。
與其讓用戶逐步完成任務,不如讓用戶只進行一步簡單操作,產品就智能化的將信息提取出來、自動拆分并送到用戶手中,不僅節省了大量的交互步驟和瀏覽時間,也降低了用戶因自行輸入信息可能出錯而帶來的不可控感,大大提高了產品的易用性。
新建收貨地址時,將地址信息粘貼至輸入框,產品即可自動拆分省/市/區、詳細地址及個人信息;綁定信用卡時,只需掃描卡片就能自動提取卡號、開戶行、有效期等信息。
特別是一些隱藏的交互操作,一定要使用用戶最熟悉的方式,避免浪費時間去回憶或手動試錯,要保證用戶在最短的時間內有效識別、理解。
例如,左滑列表中的某個內容可進行刪除操作、屏幕邊緣右滑返回上一頁、雙擊短視頻點贊等。
眾所周知,文字表意明確,也是最能讓用戶理解的方式,不過它的信息傳達效率遠遠不如圖形,所以在眾多UI設計中,有圖標的出現,就會搶占信息組中的主視覺,但這并不代表可以完全替代文字,很多時候,我們應該讓文字成為輔助的存在,以加深用戶的理解。圖標+文字組合表意更加明確,能迎合更廣泛的用戶群體,避免少數用戶產生疑惑。
這里要說明一點,圖標并非不能單獨出現,而是要慎用。就如搜索圖標,全球99%都在用這個放大鏡造型,無可厚非。花瓣APP底部標簽欄也使用了純圖標形式,因為它所面對的用戶絕大多數都是設計師,而設計師對圖標的識別和理解自然沒什么難度。
針對一些需要用戶記住或對用戶來說較為重要的信息,即便已進入下一步流程,產品有必要二次呈現用給用戶確認,避免用戶回憶(想不起來就會離開)。
在購物下單頁面,會提供商品的關鍵信息給用戶確認;部分產品的表單任務完成后,點擊提交,也會彈出之前輸入的內容給用戶自查。
系統應該提供用戶最近的訪問項,幫助他們提供未完成或想要重復完成的任務,即便是跨系統、設備,再次使用也不用來回調整,歷史記錄功能便是這個需求的最佳體現。
例如騰訊視頻的觀看歷史模塊,按照時間排序,提供了看過的內容以及進度,點進去之后會從上次退出時的位置節點接著播放,視頻、音樂、閱讀類應用都是如此。
“好的產品需要同時兼顧新用戶和資深用戶的需求,對新用戶來說,需要功能明確、清晰,對于老用戶需要快捷高效使用高頻功能。不可迎合某一種用戶,把不必要的信息占據重要部分”--尼爾森。
靈活高效原則旨在滿足多樣化的使用群體,通過對他們的使用場景、任務流程進行深挖,讓其在最短的路徑以最快的速度完成目標需求。
系統要同時照顧新老用戶的使用體驗,對于新手用戶,要盡量降低學習成本,能讓其快速上手是留住他們的必要手段。而對老用戶來說,對產品的信任度有一定的基礎,能快捷高效、心情愉悅的使用至關重要。
沒有什么能比提供快捷操作更能節省時間成本了,但凡使用過手機、電腦辦公的用戶都用該知道Ctrl+C、Ctrl+V、Ctrl+S這三組合的神奇之處,提升的效率真的不是一星半點兒。
在UI設計中,很多快捷的入口、操作方式都相對降低了用戶使用門檻,例如快捷登錄(QQ、微信、手機號一鍵登錄)減少操作步驟,節省用戶很多時間;另外,在一些產品截圖后就會彈出分享、反饋入口,這也是通過行為預判為用戶提供便捷操作的體現。
一些頻繁使用的功能,可在不同的頁面重復顯示,當用戶有使用需求時,能隨時通過就近的操作入口進入。微信的掃一掃在會話列表、通訊錄、個人信息等頁面都有操作入口,非常方便;支付寶首頁的花唄、借唄、芝麻信用等功能在我的頁面幾乎都重復了一遍,觸手可及,對產品轉化也有很大的幫助。
「功能自定義」意味著用戶可以對自己常用或喜歡的功能進行隨意排列、增減,兼顧了不同用戶對不同功能的使用需求,提高產品的靈活性。
支付寶讓用戶根據自己的喜好選擇13個常用功能放在首頁,操作起來更加方便,滿足了用戶的自定義需求。網易云音樂則更個性化,不僅能對功能模塊、底部導航自定義,系統還提供了3種不同的版式風格,對于這種靈活的調整,不管是“蘿卜”還是“青菜”,總有一款是你的最愛。
提供默認選項上述有提到過,通過減少多余操作,不僅對防止用戶出錯有極大的幫助,對于提升任務完成效率也尤為明顯。
不同的用戶就有不同的需求、不同的喜好、不同的使用習慣,產品需要做到千人千面,以最大化的程度滿足多種用戶群體。
這種類似的案例非常之多,且不說各大電商通過背后隱藏的算法為各種用戶匹配不同的內容,就說明面上能看到的如關愛模式、鄉村模式、青少年模式等,還有高德地圖搜索框上/下位置調整、京東商品頁的宮格樣式/列表樣式等,都在為滿足絕大多數的用戶的使用需求而付出了最大努力。
“不要包含不相關或低頻次的信息/操作。頁面中的每個額外信息都會降低主要內容的相對可見性”--尼爾森。
在設計頁面時,需要注意信噪比(有效信息與無效信息的比例),處理好信息層級,方便用戶能快速捕捉到自己想要知道、或產品想讓用戶知道的信息。因為用戶的注意力有限,任何低頻次或不相關的信息都將成為視覺“噪音”,導致原本重要的信息被用戶忽略。
不管是模塊與模塊之間、還是單個模塊內的各個類容,都有其一定的等級權重,劃分好信息層級能集中用戶注意力,更好的引導用戶操作,避免用戶分不清重點而徒增使用成本。需知什么內容都想突出,其結果必定是什么也突出不了。
產品的視覺效果需要和諧統一,富有設計感、獨具一格的效果能給人眼前一亮個感覺。這就是為什么很多小而美產品能頻頻登上App Store的榜單的原因。例如,躺平(已下線)、即刻、小宇宙等應用獲得了用戶的一致好評。
不管一個頁面中信息量的多少,但是一定要有“主角”,很多時候,我們會通過添加次要信息或背景裝飾來襯托這個“主角”的存在。設計之前一定要權衡視覺重點,應弱化或去除頁面中的無關信息,減少信息“噪音”的干擾,使用體驗能得到良好的提升。
所有的設計都應該遵循產品設計四大原則,即親密、對齊、重復、對比。很多時候,頁面設計不夠精致,總感覺差點意思,但又找不出真正的原因,就是基礎原則沒有掌握好,或許只是間距、字號、大小的一個微調,即可達到意想不到的視覺效果。關于設計四原則,暫不多做贅述,后續會單獨出具詳細的文章。
“錯誤的信息應該用通俗易懂的語言表達,較準確的指出問題,并且提出解決方案。避免通過代碼等用戶難以理解的形式”--尼爾森。
筆者相信有很多人見過這樣的問題,在遇到網絡問題時過了幾分鐘后的頁面還是一片白板、很多錯誤反饋就顯示什么錯誤404/505/321之類的代碼,真心搞不懂,很讓人抓狂。
用戶在使用過程中,有時候出錯不可避免,系統應該通過明確的提示性文字或插圖來提醒用戶,并附上解決方案,而不是給一堆看不懂的代碼草草了事,需要幫助用戶從識別、診斷、并從錯誤中恢復過來。
用戶在操作前(預判)、操作中、操作后都可能出錯,系統可通過前端驗證(優先使用)和后端驗證明確告知出錯的原因以及解決方法。
例如手機號碼表單項都是限制在11位數,如果用戶手滑少輸了一位數字,在離開輸入框時,系統應及時通過前端驗證告知用戶。這里要吐槽一點,一些產品是等用戶完成所有表單內容并提交后才統一反饋,這并不太友好。還有產品在用戶未達到表單要求的情況下,始終將下一步按鈕處于置灰狀態,期間并沒有任何提示,這就需要用戶反復查看每個表單項的內容是否達標,無故浪費大量的時間成本,實則不可取。
當網絡出現問題或長時間無響應,系統會給出明確的提示,并提供重新加載、刷新、設置網絡等操作入口,讓用戶知道問題出現的原因以及如何解決。
當錯誤已經發生,系統應盡可能的幫助用戶從錯誤中恢復,將損失降到最低。
發布微信朋友圈,如果內容有問題刪除后,系統會提供“重新編輯”入口,并保留了原先所有內容,能很輕松的、以最小的操作成本就完成了二次編輯。iPhone相冊中的回收站會保留30天內所刪除的內容,方便隨時恢復,這都用戶犯錯后能及時止損的最佳體現。
“如果系統能讓用戶不需要閱讀文檔就會使用那是最好的,但通常情況下還是需要幫助文檔的。任何信息應該容易被搜索,且專注于用戶的目標任務,并列出具體的步驟來告知用戶”--尼爾森。
雖然很多時候,用戶并不需要幫助或稍加摸索便能上手,但要考慮到意外情況的發生,系統有必要提供一份幫助文檔,方便用戶有需要時能隨時了解,以便接下來專注于完成任務。
能進行清晰直觀、符合用戶習慣的設計再好不過了,無需任何幫助,用戶也能順暢的完成任務。如組件庫的打造,就是為了讓設計更簡單、用戶更容易理解與使用。
對于那些用戶只需花費少量的時間就能熟練使用的功能,產品為了實現快速轉化或給少數的特定人群提供幫助,會提供一次性幫助。如首次進入App的新手引導、迭代后的部分新功能指引等。
對于較為復雜的操作流程或存在必須要用戶注意的問題,產品會在必要的位置提供說明,方便用戶在需要時能及時獲得幫助。
例如粵通卡ETC激活流程,對于這種冷門卻又必須要用的功能,即便使用過的老用戶也未必能記住所有步驟,所以每次進入激活功能,首先看到的便是操作指引。其他如綁定信用卡時,輸入簽約手機號、安全碼,對應位置都有固定的幫助入口。
對于一些常見的使用問題,系統會提供一個「幫助中心」功能入口,將所有問題集合在一起,方便用戶隨時查看。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
在市面上有各種各樣的方法論,但我們重中會發現答案是如此的相像。
【 發現問題 —— 定義問題 —— 解決方案 ——上線 —— 復盤 】
以下是我總結的思維模型;
設計模型分為五個階段,分別是:
1、定義問題:確定需要解決的問題,如果發現問題不需要解決,需要重新尋找問題。
2、正確的做事:在確定問題后,需要展開多維度挖掘,并確立核心目標。
3、用正確的方法做:圍繞核心目標,通過UE交互、UI設計等方法解決問題,進行可行性預測并提前進行數據埋點。
4、真的做對了嗎:上線后進行設計驗證,進行數據分析和反饋,了解用戶需求,度量產品是否符合預期。
5、規劃:根據驗證結果開展新的設計指標調整和后續迭代。
這些階段的設計模型可幫助您更好的解決問題。
在職場上,很多情況下接到需求同時已經把方案確認來。所以我們前置問題。以下兩個理論很好的詮釋為什么要整明白事情后做事。【黃金圈法則】【第一性原理】我們應該多問為什么直擊問題本質。
5Why分析法
5Why分析法是一種用于解決問題的方法,通過不斷問“為什么”來找到問題的根本原因,從而采取相應的解決措施。該方法主要包含以下步驟:
1、確定問題:明確問題的具體表現和影響,將問題定義清晰。
2、提出第一個為什么:從問題的表面原因開始,問“為什么”出現這個問題。
3、進一步提出為什么:根據第一個為什么的回答,追問“為什么”這個回答是如此,找到更深層次的原因。
4、重復以上步驟:根據第二個為什么的回答,再次追問“為什么”,直到找到問題的根本原因。
5、制定解決方案:針對問題的根本原因,提出相應的解決措施。
通過追問層層遞進,直至得到問題本質。抓住關鍵點,排除信息干擾。MECE法則,相互獨立、完全窮盡通過不斷追問“為什么”,可以找到問題的真正原因,避免只解決表面問題而忽略了更深層次的問題。
我們可以通過體驗走查、競品分析、數據分析、用戶分析、專家訪談、圓桌會議、用戶體驗地圖、產品體驗報告??梢愿鶕椖啃枨蟮牟煌Y選出更適公司的策略,從而更好的解決問題。
體驗走查:通常情況下由體驗設計進行專業性的走查發現體驗問題
競品分析:防止閉門造車,發現競品亮點。統一固有的交互方式增強易用性。
用戶分析:用戶類型分析,對人群劃分。
專家訪談:專家訪談也叫用戶方案,主要針對反饋問題進行進一步的了解。
圓桌會議:通過調研報告二手資料審視產品問題。
用戶體驗地圖:用戶體驗地圖又稱體驗地圖、旅程圖主要是圍繞用戶主流程洞察用戶痛點,從痛點形成設計目標。
產品體驗報告:公司內部對產品調研反饋的報告文件,可以是第三方可以是不同崗位的調研報告。
聚焦,顧名思義根據上一步我們挖掘出來的「問題」、「機會點」進行聚集。實際上我們很容易的先入為主從用戶體驗上推論出可行性設計解決方案,而忽略了業務目標形成有效的商業價值。所以我們應該從業務目標為前提解決用戶訴求。
設計日標 = 用【某設計策略】給目標用戶帶來【某價值】,以助力【某變現方式】
在設計思路的探索階段,我們需要采用發散思維的方式,嘗試不同的方案,以激發更多的可能性。通過設計工作坊、競品分析、頭腦風暴等形式,圍繞著設計目標,我們使用不同的設計策略對產品進行改進和優化。在主要負責產品迭代優化并滿足業務需求的過程中,我們需要不斷地探索和嘗試,以達到更好的效果。
設計策略是解決設計問題的核心方法,它幫助設計師建立正確的思維框架,從合適的維度去思考和檢驗設計方案。它是基于設計目標、用戶需求、市場分析等因素而制定的指導性原則,指導我們選擇合適的設計方法、工具和技術,以達成最佳設計效果。設計師在于是否熟練掌握了相關的設計策略并正確地實施。因此,我們不能生搬硬套固定的設計方案,而要根據不同的情境和問題,靈活運用設計策略。
我們可以通過設計預演、可行性測試、設計評審設計流程來進行設計最終評審。
這一階段我們可以從不同角度來審視自己的設計是否可行。甚至可以把一些不確定的設計方案進行拋磚引玉。最重要的是設計闡述,通過什么設計手段來達到我們的目標,來支撐我們的設計方案,需要有空杯的心包容其他人提出的問題。最終形成設計方案,這個過程并不是一次完成,有可能進行多輪討論完成。
產品上線后我們需要驗證產品的最終是否符合我們設計預期。首先我們需要根據設計預期統計上線后的數據表現。
灰度測試
灰度測試和A/B測試都是軟件測試中的一種測試方法,但是它們的目的和實現方式有所不同?;叶葴y試是指在軟件發布之前,先將新功能或者新版本的軟件發布到一部分用戶中進行測試,以收集用戶反饋,然后再逐步擴大范圍,直到全面推廣上線。而A/B測試則是將同一個功能或者頁面設計出兩個或多個版本,然后將不同版本的頁面隨機分配給不同的用戶,通過比較不同版本的用戶行為數據來確定哪個版本更優秀。
數據驗證
前期在設想目標轉化流程,然后通過數據埋點數據采集,來收集用戶行為數據、應用數據、網站數據等等。構建數據指標體系,進行事件分析,查看數據是否符合預期。如:轉化率、用戶停留時長、跳出率等等。
除此以外,我們還可以參考行業其他的度量方式:如(谷歌Heart模型、阿里巴巴五度模型)
用戶反饋
不同行業收集渠道都不一樣可以根據成本、可行性出發選擇一個能快速執行的方案。
1、內部渠道,比如客服咨詢、反饋投訴,可以直接了解用戶的問題、建議、需求等。
2、比如在線問卷、彈窗調查、用戶評論等,可以主動邀請用戶提供反饋。
通過數據埋點,構建數據指標體系,進行事件分析,查看數據是否符合預期。如轉化率、用戶停留時長、跳出率等等如五度模型
復盤
復盤是一個對整個設計過程進行回顧、總結和反思的過程,主要目的是為了發現問題、優化流程、提升設計質量和工作效率。它通常包括三個階段:準備階段、設計復盤階段和知識共享階段。
在準備階段,需要明確復盤的目標和范圍,梳理并整理在整個設計過程中產生的調研內容、分析結果、設計成果物等。這樣有助于在復盤階段更加有針對性地收集和整理相關信息,以更好地發現問題和優化方案。
在設計復盤階段,可以從自身出發,對整個設計過程進行回顧、總結和反思,進一步發現問題和提升設計質量和工作效率。同時,也可以從外部出發,收集項目組成員、真實用戶等各方反饋,進一步驗證設計質量、工作質量等。在復盤階段,可以采用面談、問卷調查、數據分析等方法,對設計過程和成果進行評估。
在知識共享階段,可以分享得出的結論、總結和優化方案,以便其他人可以從中受益。同時,還可以將得出的結論、總結和優化方案進行知識沉淀,以便以后的設計過程可以更好地避免犯同樣的錯誤。知識共享和沉淀是復盤的重要結果之一,也是大家共同進步的關鍵。
總之,充足的前期準備會讓之后的復盤過程更加順利,復盤結果更加準確。復盤是一個持續改進的過程,通過反復的復盤和優化,可以不斷提升設計質量和工作效率,實現更好的效果和成果。
5.1 產品規范
在新版產品發布后,通過數據驗證進一步了改版后是否達到預期。改版的價值是否能體現?如果不是我們應該如果重新調整方向。
總之,針對電商產品新版發布后的項目規劃和調整,需要通過數據分析來了解用戶需求和反饋,制定相應的項目計劃和調整方案,并在實施過程中不斷監控和評估,以便及時進行必要的調整和優化。
結語
優秀的體驗設計師是鳳毛麟角,但每個人都可以提出一些建議。本文介紹了一些方法,希望能啟發讀者,成為優秀的用戶體驗設計師。作為一名用戶體驗設計師,需要掌握以下幾個技巧:
1、溝通技巧:用戶體驗設計師需要具備與團隊成員、利益相關方和用戶進行高效溝通和協作的技巧。
2、用戶理解力:深刻理解用戶需求,準確把握目標受眾,并站在他們的角度思考問題,以設計出符合用戶需求的產品和服務。
3、數據分析能力:能夠運用數據挖掘技術,客觀論證假設,提高決策正確性,以評估設計效果并提出改進方案,不斷優化產品的用戶體驗。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
為什么要做精細化設計
1)不同圈層用戶需求不同,如股票小白、一般散戶、專業用戶群體,特點不同,需求也不同,充分對用戶進行挖掘、細分才能更好的理解用戶。
2)在產品同質化嚴重背景下,精細化設計是一條能持續產生創新收益路徑。
3)互聯網新流量獲取困難,比起搶占流量,當下更重要的,是提升用戶粘性、更好的服務用戶、打造精細化服務體系。
精細化設計方法優勢
精細化設計是可以被復用的標準化流程方法,設計師可以通過精細化用戶/場景/時段分析后更好的理解用戶多樣化需求,從而轉換角色發現用戶痛點,基于痛點制定設計策略,展開具體設計,設計方向精耕、細致,更關注效果,重視投入產出比。
一、精細化需求分析
用戶分層及需求分析
用戶分層:方法包含多種,包括按用戶價值、生命周期、RFM模型、AARRR模型、使用經驗分層等方法,需結合需求目標及業務類型選擇匹配的方法。
以搜索金融垂類為例,目標是更好的滿足用戶的需求,而不同分層下的用戶需求不同,因此結合金融垂類下不同使用經驗用戶需求不同的特征,按用戶使用經驗由淺入深分為:小白用戶、一般散戶、專業用戶,基于大盤用戶分析報告發現用戶類型主要以小白用戶和一般散戶為主,小白用戶占比最高。
需求分析:方法包括問卷調研、用戶訪談、焦點小組、數據分析等方法,此項目需求分析結論來源于用戶分析報告,主要是通過問卷方式調研用戶需求,將不同分層用戶的需求進行分類整合,得出以下需求特征:
小白用戶:入門學習資料、百科基礎知識、新聞資訊、行情、社區內容。
一般散戶:行情、自選、新聞資訊、投資建議。
專業用戶:自選、行情、資訊、社區、更高級的策略組合。
場景分類分析
輔助挖掘分場景的細化需求并提供對應設計解法
不同場景下用戶需求不同,設計解決方案會有差異,金融品類需求豐富包括股票/基金/期貨/外匯/貴金屬,需求類型包括實體需求/問答需求/轉化需求,需通過數據分析了解各類需求占比,可以作為后續優化優先級的判斷指標,經過數據分析后得出結論股票品類需求及用戶占比遠高于其他品類,以股票品類舉例細化用戶需求,列舉搜索詞,便于后續進行線上問題走查挖掘設計機會點。
使用時段分析
輔助挖掘分時效的細化需求并提供對應設計解法
股票交易時段有固定的交易周期,包括盤前/早盤盤中/午休/午盤盤中/盤后幾個固定時段,不同時段用戶需求不同,了解不同時段的用戶需求可以更好的滿足用戶,比如開盤過程中用戶想看到更實時更專業的行情信息、實時的資訊動態,而在盤前/盤后用戶更想看到的是今日大盤的走勢預測/收盤后的大盤總結,除了固定周期的用戶需求,突發的新聞資訊類時效性內容對用戶做決策分析也很重要。
二、機會點挖掘
綜合分析判斷設計優先級
由于開發資源有限,不能一次做完所有產品設計優化,因此需針對優化內容排布優先級,對高優場景進行優化,這里的方法是結合用戶分類規模、產品品類規模、發展目標、體驗收益高低明確優化優先級,通過上述精細化分析得出結論股票場景用戶規模大,且小白用戶占比高,因此在股票場景下針對偏小白用戶高優進行設計優化。
結合分析結論洞察機會點
結合小白用戶需求特征在股票需求場景下挖掘設計機會點,結合股票場景需求分類結論列舉搜索詞,針對搜索詞下的需求滿足情況進行挖掘分析,可以從以下三點著重分析:
1)結合用戶需求結論分析是否存在未滿足的使用需求。
2)結合競品分析已滿足需求是否有提升空間,如在滿足效率上、信息理解成本上。
3)結合競品分析交互、布局、視覺樣式上是否存在優化空間。
以大盤詞下的股市行情搜索詞為例:
1)當前僅滿足了用戶單一市場的行情需求:僅展示了A股下的上證指數行情,缺少美股/港股等多市場滿足、缺少重要行情動態信息包括大盤最新消息、大盤整體漲跌情況、大盤特殊異動等信息。
2)數據圖表復雜理解成本高,滿足效率低:橫縱坐標數據多、圖表內包含分時、五日、日K等專業行情功能切換,小白用戶難以理解。
3)內容布局及樣式上相對單一:由于滿足卡片使用了通用的股票行情設計模板、且需求滿足有缺失,導致了內容及布局上相對單一,與競品相比在內容豐富度及視覺樣式上差距較大。
按照以上方法對列舉搜索詞場景進行逐一分析挖掘,最后整理分類總結設計機會點。
三、制定設計優化策略
明確設計準則及發力點
基于小白用戶經驗少、金融垂類專業知識多晦澀難懂、數據復雜難理解的背景,制定易觸達、易理解2個策略,通過信息可視化外顯、圖表圖形化表達、關鍵信息外顯等方式降低用戶消費門檻,提高信息獲取效率,強時效是基于股票特有的盤前/盤中/盤后周期性交易特征擬定的,可通過此特征打造更加差異化的滿足。
四、落地應用驗證
股票大盤場景
1)分析用戶需求及業務訴求
典型搜索詞:如大盤行情、今日股市動態等大盤泛搜索詞。
用戶需求:結合用戶高頻使用功能分析發現小白用戶、一般散戶、專業用戶均對行情功能有高頻率的使用需求,具體需求包括了解多市場、關鍵指數行情、了解最新快訊、重要行情動態、盤前/盤中/盤后簡報,再結合小白用戶占比高且對百科內容有需求的現狀,知識科普信息也是相關待滿足需求。
業務訴求:增加自選股入口、開戶轉化導流入口。
2)競品分析挖掘優化點
搜索競品分析:普遍用一張晦澀難懂的數據結果卡滿足全部用戶的復雜檢索需求,可獲取信息很有限,對小白用戶來說復雜的數據圖更是難以消化。
垂類競品分析:更專業,信息滿足更豐富,但頁面內容較繁雜,對于小白用戶來說入門成本較高。
設計優化思路:結合競品優劣勢可得出,需要在提高信息豐富度的同時,考慮小白用戶的入門成本,用更可視化及簡潔的設計語言輔助用戶快速獲取有效需求信息。
3)結合策略展開設計
結合用戶需求優先級對信息模塊進行分區,強需內容放在頭部,弱需滿足放在中部,附加轉化放在底部,如多市場TAB+指數模塊作為搜索強需置于上方,關鍵指數信息置于頭部,市場總覽及簡報內容置于中部,開戶轉化等激發需求入口置于下方輔助展現,并結合設計策略進行詳細設計。
易觸達:優化前的搜索結果卡片僅支持上證指數數據的展示,更豐富的行情信息都承載在落地頁內,通過前卡與落地頁的聯動優化,外顯滿足需求的關鍵信息,幫助用戶提升消費效率。
易理解:通過數據結構化、圖形可視化、標簽化字體等用戶更易理解的設計表達語言,幫助用戶更簡單快捷的獲取信息。
強時效:增加快報簡訊等時效性內容、周期性內容展示。
4)實驗上線驗證
通過最終上線實驗數據分析發現,設計改版后由于更高效的滿足了用戶多樣化內容需求,搜索量、點擊率大幅提升,也驗證了整個設計方法思路的正確性。
開戶轉化場景
設計方法流程相同
分析需求:典型搜索詞股票開戶等轉化詞,線上僅有開戶入口列表,但實際搜索用戶有潛在的查找開戶方式需求未滿足,因此需先滿足用戶了解開戶流程的需求,再提供轉化入口。
競品分析:搜索競品包括今日頭條、夸克、QQ瀏覽器、必應、谷歌均以滿足用戶查找需求為主,信息以純文本形式展現,消費成本較高,且未滿足用戶潛在的開戶需求,垂類競品開戶頁對流程、材料介紹均不完整、缺少完整的介紹及問題解答。
策略設計 :結合用戶需求優先級對信息模塊進行分區,可視化外顯優先滿足開戶流程需求,再提供優質券商開戶入口,考慮到搜索結果頁卡片展示屏效,完整開戶指南配合在落地頁內呈現。
驗證收益:產品上線后開戶轉化率提升,用戶需求和轉化需求得到了較好的平衡,再次驗證精細化設計方法的有效性。
總結與展望
精細化設計方法應用落地主要分為四步:1)分用戶、場景、時效的精細化需求分析;2)VS競品分析問題挖掘設計機會點;3)結合分析制定設計優化策略;4)高優場景設計及收益驗證。該方法不僅適用于搜索金融垂類體驗持續優化,同時也可應用至搜索全局啟發設計優化思路。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )蘭亭妙微,是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
藍藍設計的小編 http://ssll180.com