整體的用戶體驗設計

課程簡介

本課程中，百度用戶體驗部總監劉超，跟大家分享了百度用戶體驗部設計的一些產品，讓大家通過百度貼吧、百度視頻、百度地圖、百度魔圖、百度閱讀等案例，了解產品設計背后的故事并加深對互聯網產品中用戶體驗設計的價值認識。

學習獲益

1、了解如何把用戶體驗看為一個整體來做產品

2、提升對互聯網產品中用戶體驗設計的價值認識

推薦人群

1、產品經理、交互設計師、設計管理者

2、設計類研究人員與在校學生群體

文字實錄

讓我想起12年前我剛畢業的時候，來到了這個行業，進到這個行業的時候，跟現在有很大的不同，當時全國也就十幾個人來做我們的工作，當時也沒有這么高大上的協會，老板經常虐稱我們為美工，當時我們還想組織一個協會，我們說再叫我們美工我們就不給他合作了，我們要站著把錢賺了，但是他們還是管我們叫美工，于是我們繼續工作堅持了12年。
  
今天我跟大家分享的是，把鏡頭切回了12年前，經過了這么多的工作和做了這么多的項目，我有不同的看法。
 

一、PM是有病的

首先12年前，我有很多的困擾，我想很多像我一樣剛進到這個行業的同學，也有一樣的困擾，我們經常在想，這個公司的Logo設計得如此之酷，尤其當時我也設計過一些公司的Logo，但是為什么后來這個公司倒閉了？當時我也想，有很多公司的Logo為什么設計成像IXDC一樣直接拿字母去拼，為什么這個公司會越做越大，當時我很困惑，剛畢業的時候。

當時也有一些比較流行的活動叫廣告饕餮之宴，我們很多人都看這個廣告，有很多非常精彩的廣告，到現在我也記得這個廣告，非常好，我突然回憶一下想起，我發現忘了是哪個公司和哪個公司的產品了，我只記得那個廣告，但是今天在我腦子里，一想到廣告就想起，今年過年不收禮、收禮之收腦白金，我當時困惑了很久，到底哪種廣告是好的，我們如何評價呢。
 
甚至幾年前我還做過手機ROM，當時由設計師主導，我們也說我們要設計主導，所以我們的ROM一定要眩、酷，非常3D的、翻轉的、爆炸的，有很多爆炸的，設計了之后手機確實是這個樣子，后來我就想，我應該是一個接地氣的設計師，我要負責任，我要看看真正的用戶是如何看待你的手機的，我們就跑到一個商場里面賣手機，這時候有一個用戶進來我就跟他說，我們的手機是旋轉的、爆炸的、翻轉的、3D的怎么樣，那大哥說，別扯了，有沒有字兒大的。
  
當時我就非常震驚，我跟他說的翻轉、爆炸他都沒興趣，他只要字大的。下面估計很多同學也會想，我作為一個設計總監，拍板做得這么丑，為什么這個家伙在這里還可以給大家做講座。
  
對于這些問題我之前有很多的思考，我們曾經是否認為設計是無用的，看來設計沒有什么用，我有很多朋友中間就改行了，有的人就去做產品了，有的人去做銷售了，也有的人可能做餐飲了，有的人認為可能設計是無用的，也有人說設計是小眾的，只有我們懂，你們不懂，你們認為我做得不好，我有情懷，你們不懂，所以他們做一些小眾的產品，類似于這樣，這樣設計就是小眾的。
  
在公司里面經常有人這么說，因為PM是有病的，他們跟我們是無法溝通的，也有人說老板是沒審美的，經常這么說，我們也看到非常漂亮的一個圖，就是一個設計師在這里做圖，后面說一群指點江山的神。后來我還發現有一個非常有意思的，老板和PM如何虐待我們設計師，就是說高端大氣上檔次，時尚現代小清新，顏色不對字號小，最好改回第一稿。
 

二、真正的用戶體驗設計師一個整體

所以經過我這么長時間的思考，我后來發現了一個答案，是我現在認為的相對的答案，因為真正的用戶體驗設計是一個整體，如果你把它當做一個整體的看，而不是把你的設計只當成一個其中的元素的話，你會發現你的認識有所不同，那么這也就是我今天要給大家分享的主題，就是用戶體驗是由產品的方向、功能、圖形交互設計還有運營，整體設計串合在一起，我們要把它做成一個整體的設計，而不是單獨拆開，那么怎么理解呢？我們一個一個舉例，一個一個元素來看。

2.1產品方向
首先是產品方向，這是非常核心的，一個產品能否存活的核心就是在于它的產品方向，我們可以這么說，我把最近比較火的幾個社交軟件拿出來，大家應該都認識。

第一，微信。產品方向是熟人之間的社交。
第二，貼吧。興趣社交。
它們兩個產品的產品方向是非常不一樣的，熟人之間不一定有同樣的興趣，而有同樣興趣的人，未必在同一個城市、同一個地點，也未必認識，這就是兩個產品方向的不同。
  
第三，陌陌。陌生人社交就是他的產品方向，所以很多人都說，微信出了之后，我看過很多的產品想超越微信，去跟微信PK，確實很難，因為你產品的產品方向和微信的差異化比較小，而陌陌是有的，因為什么？因為當你的微信用到一定的時候，就像你自己的電話號碼一樣，你自己本人非常隨身攜帶的一個號，當你有約炮的想法的時候，你會認為用這個不是太土，尤其在你曬朋友圈的時候，你會覺得很難受，這個時候陌生人交友的需求，就會跟這個產品方向不一樣，所以就會有這樣的產品出現，而且跟微信之間有差異化競爭。
  
第四，無密，熟人之間的吐槽。吐槽你的朋友、吐槽你的老板，管理者和老板，如果要想找不痛快，就下載這個軟件，這個就是產品的差異化。
  
所以來說，你通過這一點的話，你會發現，產品的方向是它的靈魂，它實際上有一些驗證的鐵率和法則的，怎么驗證產品方向。所以第一點來講，剛才跟唐總說的很像，你是否有用戶的需求，他說的叫痛點，其實是一個意思，你是否有用戶需求，這是反過來想，當時我在商場里面給人家看手機，我說你看這個手機又眩又酷，你為什么不買？因為那個東西不是他想要的剛需，他想要的是字大，所以你當時的想法并沒有砸到用戶的剛需上。

第二個需求就是你是否對公司有價值，其實說白了就是你的這個產品，能賺多少錢。那么你的產品越大眾，其實它的變現能力就會越強，越小眾的話變現能力就會越弱，就像這幾個APP一樣，微信的變現能力最強，還有貼吧，由于它是最大眾，所以它的變現能夠也很強，所以說熟人之間的吐槽，你如果變現呢？在一個公司里面，你的產品和公司主營業務的關系，關聯得越緊，你對公司的價值就越大，這時候我們就考察他產品的價值。

最后一個就是是否有競爭優勢，這個也非常非常地關鍵，就是說我經常也做一些討論，我們說做一個智能硬件的設備吧，經常有一些同學說，我們有一個表，然后這個表有很牛的功能，我跟它說任何話他都能夠理解，它就可以做這件事情、那件事情，這件事情討論完了之后就去設計這個表的工業造型。
  
但實際上他忘了最重要的一點，這個技術瓶頸是非常大的，你有沒有優勢，你如果真在市場上做的話，你覺得是這個表的外形重要，還是這個表的人工智能重要呢？你把你的優勢做到百度的優勢上了。
  
這個例子還有很多，包括幾年前很多人說，我做了一個產品騰訊就抄我的我就完了，所以他就說騰訊的問題。實際上也是一樣的，你把你的優勢做在騰訊上面了，因為QQ和微信也擺在那里，你也可以抄他啊，所以我們綜合這幾點來說，就是產品的方向。
 

2.2產品方向
說完產品方向我們說產品功能，我們大部分的產品經理（執行層面的產品經理），主要的工作就是說得到了產品方向之后去想產品功能，其實這個也非常地簡單，把你所有的功能和你的方向越相近的越強調和你的這個方向特色越遠的越砍掉越弱化，所以說我們認為靠譜的PM是做減法的PM，這點我接觸的很多人都是這么認為，靠譜的PM是做減法的PM，功能越多，其實就是越不自信，尤其是精品出了一個你又抄一個，你也不知道這些功能為什么要添加。
  
還有一個就是案子BY案子的討論，我認為是錯誤的，怎么解釋這一點呢？就是當如果大家不討論產品方向的時候，其實每個功能都是對的，也都是錯的，我們經常看到的一種討論就是說，我認為從用戶的角度來說，這個功能是有用的，另一個人就說，你不是用戶你怎么知道從用戶的角度來說，這個功能有用呢？他又會說，你不是我，你怎么知道我不知道用戶呢？………這樣的話就一直在不斷地重復下去。
  
所以實際上為什么會出現這種事情，就是因為大家沒有產品方向的定義，每個功能真的都是有用的，也真的都是無用的。

我們舉一個經典的例子，我們在做新聞的時候，肯定要用戶研究嘛，我們的團隊有用戶研究，我們把用戶叫過來跟用戶說，在新聞的客戶端里，每天的信息你最想知道的是什么？用戶肯定說是天氣，確實沒錯沒有騙我們，我們就把天氣放到新聞的客戶端里，用了一段時間問用戶，你用天氣爽不爽，用戶說不太爽，為什么呢？用戶說因為我想看一周的天氣，而你的天氣只有一天的，我們想也對，就趕緊做一周的吧，一周的做完之后再給用戶用，用戶說還是不爽，因為我看天氣做得是不錯，但是我想分享到我的朋友圈、微博分享不了，我說好，我們以用戶為導向，我們做用戶體驗，用戶說什么都是對的，那好吧我們去分享朋友圈，分享完了以后用戶說看不到評論，我還想看看PM2.5、洗車指數等等的。再往下走發現你已經做成了新聞客戶端，你已經做成墨跡天氣了，所以這就是我們說的你的所有的功能，要跟產品方向所結合。

2.3交互與圖形設計
說完了產品功能，我們繼續往下講，就是產品交互，估計來到這里的都是交互設計師，也是一樣的，如果沒有產品方向，沒有一個定義的話，那么任何的交互方式，它依然也都是對的，就像我列出了這三個最明顯的交互框架，絕對不要說我認為用戶怎么樣，而是想你的產品到底適合哪個，如果你的產品基本上就是一個主流，邊上是一些設置，我們就再一個頁面里把大多數的工作都做完了的，最左邊的就是合適的。如果你的產品有很多的頻繁切換，你中間的就是對的，如果你的產品它們每一個功能、使用頻率是一樣的，但是它們之間并不切換，右邊的就是對的，所以我的意思就是說，如果沒有一個整體的設計的話，每一點也都是對的，每一點也都是錯的。
 
接下來說完了交互，我們就再快速地說一下圖形設計，圖形設計依然還是用你的整體思維去想，我們對圖形設計其實有很簡單的標準，就是易用性加情感加VI，什么叫易用性，很多產品的設計說我們叫情懷，但實際上我們第一點要滿足的是易用性，也就是說你可以看到像我們百度新聞的客戶端，你每一個圖標不用寫字，你也能夠知道這個圖標是什么意思，還有什么叫易用性，就是我讓你看到的圖片、顏色、字體大小是跟產品的優先級完全匹配的，我們不會讓你看錯，就是我們完全是有意讓用戶得到我們最想讓你看到的信息，把這個信息做大，然后把不重要的做小，這就叫易用性。
  
易用性之后是基礎，滿足了易用性我們就要滿足情感，又是整體的，你的產品方向是什么，你的產品特色是什么，這個就是情感。像我們百度新聞的新的安卓客戶端，你們可以下載看一下，我們主打的是科技，所以這就是一個科技風格的。
  
最后一個就是VI，你的產品應該有一定的VI，讓用戶一眼就能夠識別，這是一個產品，舉一個例子。
  
像百度視頻也是一樣的，你可以看到他的情感就是來自于我們在電影院里面看電影的感覺，一個布料的感覺，深深的，它有VI，它有小小的標簽，它的易用性，視覺層級非常清晰，這就是我們如何看圖形設計，也是一個整體。

2.4產品運營
說完圖形之后我們繼續往往下做，我們還是做運營，很多同學還是做產品運營，一個產品做好了之后他要有運營，運營還是按照這個邏輯往下走。運營的第一點就是一致性，你要知道每一次運營的機會，就像說給你一個上春晚的機會，尤其你的產品有很多的用戶的時候，像百度大部分的產品都有上億的用戶，每天都有幾千萬的人在用，像這樣的話我們珍惜它是一個上春晚的機會，那么你每次運營應該有一定的VI和識別性放在你的運營里面，我看過很多的產品和很多的設計師，他們每做一次運營，都做得不錯，這樣的結果用戶看到的，他會記住什么呢？就像我們去車展一樣，我們看到遠處說，這個地方發包了，然后可能這個包值5塊錢，里面還有幾本書你就去拿了，拿了之后你回到家里，忘了是從哪兒拿的包。運營我們都是要花錢的，所以運營的VI非常有價值，你不斷地讓用戶記住你的VI，這是我們的百科，左邊是PC的首頁，右邊是手機掃碼，右邊是它的Icon。
  
運營的投放要相當精準，之前我們做過百度魔拍的產品，因為誕生于于百度魔圖，我們做完這個產品以后，也希望李開復老師幫我們轉一下，他就幫我們轉了，講了一些很軟的軟文的話，我們特別高興，期待著開復老師轉了之后，我們的日活一下子就會上多少，結果發現沒什么反應，因為投放不精準，這個產品是女孩兒直接一拍就會眼睛變大、下巴變尖，皮膚變白這么一個產品，關注開復老師的都是科技粉絲，所以轉了之后除了競爭對手看到的之外，真正的小姑娘都不知道李開復是誰，他們甚至不知道李彥宏是誰。
  
第二次運營的時候我們就找綜藝節目的主持人，韓劇的、模特的甚至代購的讓他們在圈里投放，很快我們的日活就拉得很高，幾百萬，這就是運營的相關性投放。

三、熊孩子的誕生   
所以我今天講的一個重點是這個，前面都是理論，有很多的理論，好玩兒的在后面，也就是說我用這個理論做了一個百度的小形象，我們是怎么做的？在前半年的時候我們跟IXDC一起去美國參觀了很多美國的公司總部，有谷歌在，我們看了店面非常非常不錯，有很多的禮品，禮品都是很精美，打上了谷歌的Logo，但是我什么也沒買，因為我覺得這個東西和谷歌基本上沒有什么太大的關系。
 

所以后來我們就在想，如果我們要是給產品做一個吉祥物的話，我們應該怎么做？我們首先第一點，這個吉祥物要和你的產品非常地掛鉤，是你在產品里不斷地曝光的東西，才能夠做吉祥物，如果你把這個東西，你的吉祥物和產品完全掛鉤了之后，會形成一個良性的循環，每次曝光的時候，還有可能給你的產品帶量，那這樣的話就是我們認為是非常不錯的一個也就是說你的吉祥物要綁定某一個產品。
 
我后面馬上要給大家看東西了，就是我們在想，我們要做一個吉祥物的話，這個產品吉祥物（貼吧吉祥物），我們應該做成什么樣子？這個爭論了兩年，如果讓我們70后來決定的話，他們肯定說要代表公司形象，它一定要健康、陽光、科技，還要紅藍配，你要真這么做出來的話，你的消費主體白送他都不要。
 
我們后來調查發現70后喜歡的就是這種感覺，80后喜歡的是可愛的，但是80后也是老時尚了，我們真正針對的是85后甚至90后的用戶，他們習慣呆萌賤壞怪，這種聲音就是我們想要的聲音，就是用戶的尖叫，所以我們就做出了我們的產品。
  
前兩天有人估計已經看到，我們有同事穿這個了，百度熊孩子，這些東西是什么？第一個就是加大曝光率，現在你下載一個百度貼吧貨幣升級之后，手機APP先把這個東西加大曝光，因為我們每天有幾千萬的人在用，這幾千萬的人就看到這些形象一次一次地再次曝光。昨天很多同學可能看了這個就想下載貼吧試一試，歡迎你們試一下。我們的故事如何來，這個小熊叫什么？這個誰認識？我們的主打思想就是小呆熊。
  
設計的時候很多同學說我們能不能可愛一點、壞一點、怪一點，我說都不可以，一定是呆萌，不要可愛，可愛是80后的，我們90后不喜歡可愛。
  
我雖然是個90后，但是我還有很多其他的繁忙工作做，這個形象加入了我很多心血，他們最開始設計的時候是跟第二個形象一樣，是一個平胸的女孩兒，我說絕對不行，我們90后怎么能容忍平胸的呢？就加大胸，就出現了最終的版本，這個版本我們真正的玩偶可以做成胸是可拆卸的，一秒鐘變大胸。
  
這個是T恤，這個東西產能跟上了，前兩天估計有人已經領到了，再過幾天所有百度用戶體驗部的同學都可以得到這個禮品。我們現在內部發獎的時候，好多小姑娘非常喜歡。我們有杯子、扇子、鼠標墊、手機套、便簽紙。購物袋。
  
最后每個產品會有一個二維碼掃描，去驗證你的產品是真是假，我們會有一些驗證版本，這些字我就不讀了。
  
所以最后反過來我們說，用戶體驗是一個整體，如果你整體看待一個問題的話，你就會發現設計是非常有價值的，我們不要片面地從一個點去看一個設計，最后這是我們整個百度用戶體驗部的大家庭，看到我們的穿著，也就是我們的風格和文化，也歡迎大家能夠來關注我們的官方微博，謝謝大家。