1.序言
黎萬(wàn)強(qiáng):
好的設(shè)計(jì)都要找到原點(diǎn)直秆;對(duì)于百度的產(chǎn)品設(shè)計(jì)和用戶(hù)體驗(yàn)設(shè)計(jì)來(lái)說(shuō)就是“簡(jiǎn)單可依賴(lài)”辛蚊。在這個(gè)原點(diǎn)上齐帚,百度設(shè)計(jì)團(tuán)隊(duì)強(qiáng)調(diào)“設(shè)計(jì)是一個(gè)整體”的過(guò)程:從產(chǎn)品設(shè)計(jì)到運(yùn)營(yíng)全環(huán)節(jié),來(lái)整體思考設(shè)計(jì)。
-怎么理解原點(diǎn)涯肩?可以類(lèi)比做一件事情時(shí),你得有價(jià)值觀巢钓,做事的原則病苗。有了這些東西之后再去延伸出對(duì)應(yīng)的方法,行動(dòng)方向症汹。
胡曉:
隨著技術(shù)硫朦,文化和戰(zhàn)略的進(jìn)步,各種產(chǎn)品的交互方式越來(lái)越多烈菌,用戶(hù)體驗(yàn)也越來(lái)越多得到重視阵幸。而你需要深入用戶(hù)的內(nèi)心,洞悉用戶(hù)的需求芽世,善于運(yùn)用各種技術(shù)和方式挚赊,全面提升用戶(hù)的交互,情感济瓢,感官品質(zhì)荠割。在這個(gè)重視用戶(hù)體驗(yàn)的大環(huán)境下,如何闡釋用戶(hù)價(jià)值,商業(yè)價(jià)值蔑鹦,社會(huì)價(jià)值成為了設(shè)計(jì)師任重而道遠(yuǎn)的目標(biāo)夺克。
怎么闡釋用戶(hù)價(jià)值,商家價(jià)值嚎朽,社會(huì)價(jià)值铺纽?可以具體理解為,運(yùn)用合適的工作技巧哟忍,方法狡门,制度建設(shè)。推動(dòng)出更有價(jià)值的方案锅很,且讓別人能感受到價(jià)值其馏,讓別人能感到一點(diǎn)點(diǎn)美好。
我們?cè)谧龅挠脩?hù)體驗(yàn)設(shè)計(jì)爆安,就是基于用戶(hù)源需求的一個(gè)推導(dǎo)過(guò)程叛复;
任何一個(gè)設(shè)計(jì)細(xì)節(jié)的調(diào)整,都是基于上一步清晰目標(biāo)的展開(kāi)扔仓,環(huán)環(huán)相扣褐奥,并且和整體的品牌和體驗(yàn)保持高度一致。
一步一步当辐,合理的推導(dǎo)出方案抖僵。而不是拍腦袋,想方案缘揪。
我們需要和用戶(hù)站在一起,熟悉用戶(hù)文化义桂,挖掘用戶(hù)的習(xí)慣找筝,分析用戶(hù)的趨勢(shì),不斷的迭代產(chǎn)品
了解用戶(hù)慷吊,滿(mǎn)足用戶(hù)(用戶(hù)研究人員袖裕,容易陷入的思維誤區(qū)),引導(dǎo)用戶(hù)溉瓶。
2.用戶(hù)體驗(yàn)是一個(gè)整體
配合的問(wèn)題
一個(gè)產(chǎn)品的成功需要每個(gè)環(huán)節(jié)都成功的配合急鳄,我們?cè)诟鱾€(gè)環(huán)節(jié)種投入了最專(zhuān)業(yè)的人才,但是如果這些人不能往一個(gè)方向發(fā)力堰酿,就很有可能導(dǎo)致產(chǎn)品的失敗疾宏。那么如何讓產(chǎn)品各個(gè)環(huán)節(jié)緊密配合的問(wèn)題就出來(lái)了。
價(jià)值觀触创,原則就像“政治課”一樣坎藐,讓一群人對(duì)問(wèn)題和方案達(dá)成共識(shí)的概率增大,讓他們往一個(gè)方向前進(jìn)。
產(chǎn)品金字塔模型
1.層與層之間是決定和被決定的關(guān)系
2.UE 設(shè)計(jì)師必需理解和參與其他環(huán)節(jié)
這個(gè)模型能幫助我們岩馍,更容易理解我們正在進(jìn)行的工作的內(nèi)容碉咆,和需要參與的工作內(nèi)容。老實(shí)說(shuō)蛀恩,會(huì)比用戶(hù)體驗(yàn)要素模型疫铜,更加實(shí)用。
公司的優(yōu)勢(shì)決定產(chǎn)品方向
1.任何產(chǎn)品的成功都需要有自己的獨(dú)特的特性双谆;
例如:閱讀類(lèi) app壳咕,有的注重評(píng)論,有的是分享佃乘,有的是某一垂直領(lǐng)域的內(nèi)容
2.方向不是隨意制定囱井,一方面是用戶(hù)剛需,一方面是公司自身的優(yōu)勢(shì)趣避;
例如:“發(fā)紅包”是支付寶首先推出的庞呕,但是在微信上火了,主要原因是這一功能需要作用與有關(guān)系的人之間
我有什么優(yōu)勢(shì)程帕,就得利用這個(gè)優(yōu)勢(shì)去做事情住练。會(huì)不會(huì)就是遏制創(chuàng)新的本源。這種思維會(huì)陷入“工匠思維”的局限愁拭。
方向決定產(chǎn)品功能
1.設(shè)定功能最難的不是增加功能讲逛,而是保證在添加和設(shè)計(jì)功能時(shí),和產(chǎn)品的方向保持一致岭埠,敢于砍掉不相關(guān)和關(guān)系不大的功能盏混;
例如:設(shè)計(jì)百度新聞客戶(hù)端時(shí),調(diào)研發(fā)現(xiàn)用戶(hù)每天都想看的都是天氣信息惜论,既然是天氣信息那么是否我們要做的更加酷炫一點(diǎn)呢许赃,是否需要增加分享功能呢,評(píng)論功能呢馆类?慢慢的你就發(fā)現(xiàn)混聊,你的產(chǎn)品已經(jīng)不是一個(gè)新聞客戶(hù)端了;
平庸的產(chǎn)品經(jīng)理加一堆功能乾巧,一般的產(chǎn)品經(jīng)理加一個(gè)功能句喜,牛逼的產(chǎn)品經(jīng)理砍功能LOL
功能和設(shè)計(jì)
1.設(shè)計(jì)交互框架
拋開(kāi)產(chǎn)品方向,功能和業(yè)務(wù)沟于,純粹的談交互框架是沒(méi)有意義的
上圖中是常見(jiàn)的3種移動(dòng)端導(dǎo)航的交互框架
側(cè)邊導(dǎo)航:適合功能多咳胃,有主要操作和瀏覽的區(qū)域;
底部 tab:適合需要經(jīng)常切換的需求社裆;
宮格式的框架設(shè)計(jì):適合功能獨(dú)立的工具化產(chǎn)品導(dǎo)航拙绊;
2.產(chǎn)品運(yùn)營(yíng)
1.一個(gè)產(chǎn)品上線(xiàn)之后,快速拉動(dòng)數(shù)據(jù)的關(guān)鍵方式是運(yùn)營(yíng),而由于運(yùn)營(yíng)的日常工作太多更換太快标沪,我們經(jīng)常注重效率而忽視質(zhì)量
2.但是榄攀,還是要保持和產(chǎn)品的品質(zhì)和風(fēng)格保持一致
- 運(yùn)營(yíng)的基本目標(biāo)是形成記憶(印象),高級(jí)目標(biāo)是形成長(zhǎng)期的積極記憶(品牌)金句。
- 手段是1.機(jī)械式的灌輸內(nèi)容 2.互動(dòng)式的灌輸檩赢。
- 另外,新手做需求時(shí)违寞,容易忽略運(yùn)營(yíng)和品牌的問(wèn)題贞瞒。eg.做新功能介紹,做新手引導(dǎo)趁曼,推廣活動(dòng)等军浆。
3.案例分析
百度地圖
1.方向:做的更加簡(jiǎn)單,高效
2.優(yōu)化點(diǎn)
優(yōu)化圖區(qū)展示
強(qiáng)調(diào)搜索
收起高級(jí)功能
精確的表意:圖標(biāo)(圖標(biāo)的價(jià)值:延續(xù)真實(shí)世界的認(rèn)知挡闰;而且能讓整個(gè)界面看起了更有活力一些)+文字
3.對(duì)付硬骨頭的需求
定義:
1.交互流程復(fù)雜乒融,可能涉及到多場(chǎng)景,多用戶(hù)摄悯,多時(shí)段赞季,有較多的邏輯判斷
2.界面元素多,很容易顯得頁(yè)面雜亂
3.需要?jiǎng)有лo助
4.需求優(yōu)先級(jí)高奢驯,但是時(shí)間和資源不足
解決方案:動(dòng)態(tài)原型
原型方案的表達(dá)方式效率申钩,影響交互設(shè)計(jì)師,在專(zhuān)業(yè)線(xiàn)上的深耕瘪阁。
效率問(wèn)題具體為兩點(diǎn):
1.出稿的速度是否快撒遣?
2.原型是否能和真實(shí)產(chǎn)品的還原度接近?
4.別給用戶(hù)思考的時(shí)間
室內(nèi)的測(cè)試環(huán)境管跺,和復(fù)雜的移動(dòng)場(chǎng)景并不是一致的愉舔。尤其是導(dǎo)航類(lèi)產(chǎn)品的使用環(huán)境和普通環(huán)境差異很大
5.people lie
例:之前給用戶(hù)做訪(fǎng)談,討論某個(gè)信息應(yīng)該放在屏幕上伙菜。他闡述了很多理由支持這個(gè)信息應(yīng)該放在屏幕上。但是訪(fǎng)談結(jié)束前命迈,我們無(wú)意中問(wèn)了一個(gè)問(wèn)題:您平時(shí)都把手機(jī)放在哪贩绕?他說(shuō),放在副駕駛座位上……于是我們對(duì)他的闡述產(chǎn)生了大大的疑問(wèn)壶愤。
6.抓住細(xì)節(jié)不放
語(yǔ)音播報(bào)里淑倾,用數(shù)字來(lái)表達(dá)距離并不直觀,100個(gè)人心中可能對(duì)應(yīng)了100個(gè)不同的長(zhǎng)度征椒。
百度貼吧
調(diào)研發(fā)現(xiàn)痛點(diǎn)
- 用戶(hù)對(duì)于自身興趣感知不明顯
- 用戶(hù)對(duì)于新鮮的事物感知能力差
解決辦法:新手引導(dǎo)
引導(dǎo)的分類(lèi)
1.強(qiáng)引導(dǎo):打斷任務(wù)流娇哆,立刻能關(guān)注到引導(dǎo)信息,需要關(guān)閉浮層才能正常使用;有些用戶(hù)容易習(xí)慣性的關(guān)掉浮層碍讨;
2.中度引導(dǎo):能夠看到該功能治力,但是又不會(huì)打斷其他任務(wù)操作
比如:目標(biāo)區(qū)域,有氣泡提示勃黍,圖形提示宵统,或者動(dòng)效提示
4.輕度引導(dǎo):不需要讓用戶(hù)一眼看到,主要是文字引導(dǎo)
另一種分類(lèi):
以容器的面積覆获,和展示時(shí)間維度來(lái)分類(lèi)
1.大马澈,長(zhǎng)(強(qiáng))
2.大,短(可強(qiáng)可弱)
3.小弄息,長(zhǎng)(可強(qiáng)可弱)
4.小痊班,短(弱)
調(diào)整引導(dǎo)內(nèi)容的強(qiáng)弱考慮3個(gè)點(diǎn):容器面積,內(nèi)容本身摹量,持續(xù)的時(shí)間
結(jié)構(gòu)
Z 軸的縱深挖掘
1.背襯區(qū)域
2.內(nèi)容區(qū)域
3.導(dǎo)航區(qū)域
不要忽視 Z 軸
百度視頻
- 采取了敏捷設(shè)計(jì)的流程規(guī)范
- 初期很快完成了產(chǎn)品框架定義和風(fēng)格定義涤伐,以動(dòng)態(tài)演示的方式快速推動(dòng)評(píng)審
原型方案的表達(dá)效率啊>S馈7贤ぁ!
百度魔圖
關(guān)于自拍的深層次理解:自拍和一般的拍照相比具钥,更是一種情緒的表達(dá)豆村,而且具有很強(qiáng)的私密性。這種情緒的表達(dá)可能非常迅速——即產(chǎn)生一個(gè)拍照沖動(dòng)骂删。
關(guān)于娛樂(lè)化的思考:工具化到娛樂(lè)化的設(shè)計(jì)路的轉(zhuǎn)變掌动,是建立在用戶(hù)需求和社會(huì)娛樂(lè)化的環(huán)境前提下產(chǎn)生的。