9月17日，備受矚目的“2011中國(guó)交互設(shè)計(jì)體驗(yàn)日”在北京新世紀(jì)日航飯店拉開帷幕。據(jù)悉，本次大會(huì)由IxDC（廣東省工業(yè)設(shè)計(jì)協(xié)會(huì)交互設(shè)計(jì)專業(yè)委員會(huì)）和UCDChina聯(lián)合主辦，作為北京國(guó)際設(shè)計(jì)周的重要組成部分，2011中國(guó)交互設(shè)計(jì)體驗(yàn)日圍繞“善意設(shè)計(jì).交互未來(lái)”的主題，一方面?zhèn)鬟_(dá)交互設(shè)計(jì)"與人為善"的本質(zhì)，另一方面放眼未來(lái)，探討未來(lái)人類的生活形態(tài)和交互方式。

　　時(shí)間：2011年9月17日
　　地點(diǎn)：北京新世紀(jì)日航酒店

　　張海龍 百度用戶體驗(yàn)部 高級(jí)經(jīng)理

　　1997年開始從事UI設(shè)計(jì)工作，曾任職于多家知名互聯(lián)網(wǎng)公司，包括中華網(wǎng)、Yahoo China，擁有豐富設(shè)計(jì)與設(shè)計(jì)管理經(jīng)驗(yàn)?，F(xiàn)任百度用戶體驗(yàn)部高級(jí)經(jīng)理，從事用戶體驗(yàn)界面、交互設(shè)計(jì)及團(tuán)隊(duì)管理，致力于產(chǎn)品可用性與視覺的平衡設(shè)計(jì)方法研究。

演講實(shí)錄：

　　非常高興能夠有機(jī)會(huì)為大家做這樣一個(gè)主題分享，我不太想談一些思考的理論上的東西，我先直奔主題做一些分享。

　　一談到統(tǒng)一化，很多設(shè)計(jì)者和公司就會(huì)比較頭疼，這個(gè)東西從我們底層來(lái)看，作為一個(gè)設(shè)計(jì)師我們?nèi)绾瓮苿?dòng)統(tǒng)一化的設(shè)計(jì)，它是一個(gè)什么樣的高度。在公司層面上它如果沒有一個(gè)從上至下的對(duì)這個(gè)工作的認(rèn)可，我如何去把它做出來(lái)，這就是我們要去解決的問(wèn)題，就是說(shuō)要跟你的老板，你的同事要講清楚統(tǒng)一化本身的重要性，它具有什么樣的戰(zhàn)略意義，長(zhǎng)遠(yuǎn)來(lái)看對(duì)公司有一些什么樣的好的促進(jìn)，等等這樣一些問(wèn)題需要先搞清楚，然后才能夠真正的推動(dòng)你的工作。

　　我的分享分四個(gè)部分，首先我們說(shuō)：要做統(tǒng)一化

　　要了解做統(tǒng)一化設(shè)計(jì)對(duì)我的產(chǎn)品有什么樣的好處。從四個(gè)方面給大家舉幾個(gè)例子，這是索尼公司出的界面設(shè)計(jì)，PSP上會(huì)應(yīng)用的比較廣泛，并且得到了很多用戶的認(rèn)可，覺得這樣的設(shè)計(jì)很炫、很酷、操作非常便捷。這個(gè)界面是一個(gè)新的交互方式，但是從設(shè)計(jì)者來(lái)講，我們需要去考慮更多一些，當(dāng)我們?cè)赑S2、PS3的時(shí)候，如何把這樣好的交互設(shè)計(jì)傳承下來(lái)，從用戶使用它的便捷性上，包括對(duì)我們的整個(gè)體驗(yàn)上，包括產(chǎn)品開發(fā)層面，如何讓它形成一種更加便捷，更加低成本的工作的方式等等這樣一些一系列的情況都需要我們?nèi)タ紤]。這是PS3的界面，很好的傳承交互的設(shè)計(jì)，這個(gè)東西減少了用戶對(duì)它認(rèn)知的習(xí)慣。

　　這是招商銀行的表單設(shè)計(jì)，很多時(shí)候大家在銀行辦公的時(shí)候，去做一些填表工作的時(shí)候，會(huì)發(fā)現(xiàn)很頭疼，表格有非常多復(fù)雜的項(xiàng)目，哪些是該填的，哪些是不需要填寫的，我應(yīng)該怎么樣填更加正確，往往你會(huì)找到他的業(yè)務(wù)員，或者你會(huì)找到他的一個(gè)范本的案例，逐條的填寫下來(lái)。但是招商銀行做了這樣一件事情，他將格式，將所有需要你填寫的項(xiàng)做了明確標(biāo)注，包括本身格式化的信息。在你第一次完成這樣一個(gè)操作體驗(yàn)之后，再到銀行中填寫這樣表格的時(shí)候，你會(huì)發(fā)現(xiàn)我已經(jīng)很習(xí)慣，很熟悉這樣的填寫過(guò)程

　　增強(qiáng)品牌影響力，舉一個(gè)阿迪達(dá)斯的例子，阿迪達(dá)斯logo原自于對(duì)山的創(chuàng)意，它寓意著不斷的接受挑戰(zhàn)，成就未來(lái)，勇攀高峰。三條杠設(shè)計(jì)也是在產(chǎn)品當(dāng)中得到了很好的應(yīng)用。比如很多人都在穿這樣的衣服，他把一種精神，把阿迪達(dá)斯的三條杠植入到不同產(chǎn)品里，不管它的服裝、鞋子還是日常用品等等一系列的傳承一樣統(tǒng)一化的設(shè)計(jì)，最后給它的品牌帶來(lái)雙贏的局面。

　　產(chǎn)品統(tǒng)一化由品牌出發(fā)，當(dāng)我們需要建立一套統(tǒng)一化的思路，去完成一個(gè)對(duì)品牌上的詮釋的時(shí)候，最終的產(chǎn)生結(jié)果也會(huì)作用到我們的品牌上。

　　另外這個(gè)網(wǎng)站仍然是阿迪達(dá)斯的，這里有一個(gè)交互行為，既然我是一個(gè)品牌，作為體育品牌的公司，在做它的網(wǎng)站的時(shí)候，里面交互的動(dòng)態(tài)、視覺交互的動(dòng)態(tài)是否能夠跟產(chǎn)品品牌形成一種關(guān)聯(lián)，形成一種靈魂上的溝通，這個(gè)也是需要思考的問(wèn)題，所以統(tǒng)一化不只是在視覺層面統(tǒng)一化，更多也是在交互層面，交互是一種行為，又是人們?cè)谇楦校銉?nèi)心深處習(xí)慣的反映。如果這種反映定義一個(gè)好的交互的話，它其實(shí)使一種自然流露。

　　從統(tǒng)一化產(chǎn)品設(shè)計(jì)降低成本角度來(lái)看，從我們一開始有了勞動(dòng)行為，燃燒就在不斷的去創(chuàng)造新的工具，然后找到一些能去省力省時(shí)的方法完成我們工作的狀態(tài)。統(tǒng)一化不能直接作用于開發(fā)成本的節(jié)省，包括提高效率，我們需要做的是需要把統(tǒng)一化的工作更進(jìn)一步的深化，把它形成規(guī)范，規(guī)范的推進(jìn)形成多版本的時(shí)候，你開發(fā)產(chǎn)品才會(huì)降低，所以統(tǒng)一化不等于直接降低成本，而是說(shuō)你需要把它標(biāo)準(zhǔn)化、規(guī)范化之后形成一種復(fù)用的狀態(tài)，它的成本就會(huì)降低下來(lái)。

　　如果在路上有一個(gè)人背著包，上面有一個(gè)小小的紅點(diǎn)，大家就可以知道是IBM的產(chǎn)物，我們叫做DNA。

　　如果我把它標(biāo)蓋住以后，大家仍然知道這是一款什么樣的車，因?yàn)樗薪y(tǒng)一的氣質(zhì)氛圍，它有統(tǒng)一的運(yùn)動(dòng)線條，它有統(tǒng)一的設(shè)計(jì)，這些東西不斷的傳承在他一代一代的產(chǎn)品里，使得我們對(duì)這個(gè)品牌有更深刻的印象。

　　這是Window8，有很多的設(shè)計(jì)在統(tǒng)一性上，統(tǒng)一性設(shè)計(jì)在色彩上，切塊的板式上，會(huì)看到這是一個(gè)公司的產(chǎn)品，它會(huì)形成一種對(duì)品牌上的升華。

　　基于百度無(wú)線端的產(chǎn)品給大家舉一個(gè)例子，我們?cè)谧鐾豢顑?nèi)部產(chǎn)品的時(shí)候，我們做了兩次的迭代，如果我們想做好這種統(tǒng)一化的工作，我們需要做一些什么樣的流程，首先你要提取可以統(tǒng)一的元素，這些都是在傳承你的設(shè)計(jì)未來(lái)有可持續(xù)可發(fā)展的設(shè)計(jì)階段來(lái)提供提前的設(shè)計(jì)源做這個(gè)思考和準(zhǔn)備，后續(xù)就跟正常的產(chǎn)品開發(fā)是一樣的，研究、測(cè)試、制定規(guī)劃，最后形成應(yīng)用，在不斷的閉環(huán)里實(shí)現(xiàn)這種迭代，使得我們前期的DNA得以傳承使之品牌升華。

　　很多用戶在提前做一些調(diào)研，說(shuō)你們了解百度的產(chǎn)品或者是使用百度產(chǎn)品的時(shí)候是什么樣的感受，這是對(duì)百度產(chǎn)品的感受，比如說(shuō)簡(jiǎn)單的，貼近生活的，它可以解決人們生活中的問(wèn)題，比如說(shuō)百度知道，它是非常簡(jiǎn)單便捷易用的，還有百度搜索，非常簡(jiǎn)單易用，而且是信息直達(dá)便捷的方式，這是用戶對(duì)百度的品牌認(rèn)知。

　　這是幾款產(chǎn)品界面的設(shè)計(jì)，百度身邊、百度地圖等等一些設(shè)計(jì)，這些設(shè)計(jì)對(duì)于這個(gè)產(chǎn)品來(lái)說(shuō)是成功的，它符合這個(gè)產(chǎn)品用戶的定位和用戶的使用習(xí)慣，并且有它的便捷性，它的易用性，肯定是要得到保證的。通過(guò)這些界面，通過(guò)這樣一些設(shè)計(jì)，我們?nèi)プ鲇脩粞芯恳院螅覀儼l(fā)現(xiàn)整體來(lái)講確實(shí)跟用戶對(duì)百度本身的體驗(yàn)是一樣的。

　　我們還可以做一些什么樣的事情呢？我們?cè)偕钔谒臅r(shí)候，會(huì)發(fā)現(xiàn)每一款產(chǎn)品反映出來(lái)的情感的曲線是不一樣的，是不吻合的，我們可以從正向和反向來(lái)看，從反向來(lái)看，它對(duì)本身產(chǎn)品有一個(gè)很好的特性展現(xiàn)，比如地圖作為一個(gè)定位工具來(lái)講，它的易用性方面會(huì)突顯出來(lái)。我們基于這樣一些思考，如果我們將它的統(tǒng)一化在這種體制上，比如視覺層面，如果做到更加統(tǒng)一，并且能夠反映客戶對(duì)它情感感受的話是不是更好，那么我們需要做什么事情，這是我們?cè)O(shè)計(jì)需要繼續(xù)思考的問(wèn)題。我們會(huì)從百度本身氣質(zhì)里提取設(shè)計(jì)源和DNA，來(lái)形成為我們優(yōu)化它的設(shè)計(jì)提出一些更好的要求，并且萃取里面一些元素。

　　這是一個(gè)框的理念，09年百度世界推出框計(jì)算理念，圍繞這種框的理念，我們可不可以植入到產(chǎn)品里，讓更多的人了解百度設(shè)計(jì)是有很強(qiáng)的傳承。這些簡(jiǎn)約圖形也許就是我們的設(shè)計(jì)源，可以在未來(lái)產(chǎn)品當(dāng)中植入的元素，并且讓用戶認(rèn)知百度的元素，這些就是理念。當(dāng)這些理念放大，系統(tǒng)的時(shí)候，就會(huì)更加的統(tǒng)一，在后期復(fù)用的時(shí)候，前期需要考慮到這一點(diǎn)。

　　我們不能只是在圖景層面做到統(tǒng)一，這個(gè)東西真能做到一種神似，但是不能把精神貫穿到里面，仍然不能解決開發(fā)的成本，所以我們需要在整個(gè)界面系統(tǒng)上進(jìn)行分級(jí)，分成底層、內(nèi)容層和操作層，哪一層可以被統(tǒng)一化，哪一層可以高度統(tǒng)一，哪一層可以在統(tǒng)一的情況下更多的延展開來(lái)，有了這樣的分層以后在后期就會(huì)更好的規(guī)劃它，更好的研究它。

　　這是操作欄的一些變化，在我們?cè)O(shè)計(jì)過(guò)程當(dāng)中需要考慮到的就是我們會(huì)做一個(gè)服務(wù)層的（把兒） ，其實(shí)在小屏界面的時(shí)候，很多時(shí)候希望最大化桌面，游覽的便捷性會(huì)使它對(duì)這個(gè)產(chǎn)品的體驗(yàn)有一定的提升，這個(gè)也是做了一些改良。

　　這是一個(gè)讀圖的產(chǎn)品，當(dāng)我讀圖的時(shí)候，這是有很強(qiáng)的通透性，是一個(gè)無(wú)邊界的概念，當(dāng)我閱讀這個(gè)圖的時(shí)候，把兒會(huì)收起來(lái)了，讓你感覺更加舒服。

　　通過(guò)一系列的研究、分層，逐步去模塊化它的設(shè)計(jì)，包括它最小的NDA元素，提取出來(lái)之后，會(huì)發(fā)現(xiàn)當(dāng)我們?cè)僮鲞@樣幾款產(chǎn)品的時(shí)候，是不同的產(chǎn)品界面，但是有了相同的品牌答案，相同的統(tǒng)一性，在開發(fā)完一個(gè)產(chǎn)品的時(shí)候，再開發(fā)其他產(chǎn)品的時(shí)候，工程師對(duì)這個(gè)控件的復(fù)用性也非常好。

　　再看看用戶對(duì)它的情感認(rèn)知，仍然是之前的方向，沒有太多的變化。另外看一下蜘蛛模型，這些產(chǎn)品在這方面是非常接近的，使得我們既有了用戶對(duì)它的認(rèn)知性，又有了整個(gè)產(chǎn)品間統(tǒng)一的關(guān)聯(lián)性，這是一個(gè)雙贏的結(jié)果。所以這方面的提升不管是為開發(fā)層面還是品牌上的促進(jìn)，再去迭代的時(shí)候會(huì)發(fā)現(xiàn)這是你的一個(gè)（B），在這個(gè)基礎(chǔ)上再升華，仍舊是按照統(tǒng)一化的步驟在往前走，這樣推動(dòng)就會(huì)非常的順暢。

　　如果你想開發(fā)成本的降低，應(yīng)該把它規(guī)范化、統(tǒng)一化，這樣才會(huì)有復(fù)用的價(jià)值，而不是為了形似統(tǒng)一而去做，繼續(xù)把規(guī)范化推動(dòng)到視覺的規(guī)范，移動(dòng)端的界面指南等等一系列規(guī)范化的工作，才會(huì)使得你公司整個(gè)的設(shè)計(jì)體系有了更好的前瞻布局和發(fā)展。

　　下面是百度在無(wú)線端的具體案例，這是提取百度NDA時(shí)的研究報(bào)告，會(huì)引入一些中國(guó)風(fēng)的元素在整體設(shè)計(jì)里，怎么樣對(duì)它傳承下來(lái)，這些都是一些設(shè)計(jì)源，最后推出百度整個(gè)視頻界面設(shè)計(jì)，它是一套整體的概念，有中國(guó)的元素。

　　剛才我提到過(guò)一個(gè)觀點(diǎn)，統(tǒng)一化不是為了統(tǒng)一而做的，而是說(shuō)你應(yīng)該去把它逐一的分解，什么樣的產(chǎn)品形態(tài)是可以被聚合的，什么樣的產(chǎn)品形態(tài)可以區(qū)分的，統(tǒng)一到什么樣的層級(jí)，這些方面都是需要我們?nèi)ニ伎嫉摹１热缒脽o(wú)線端的界面來(lái)說(shuō)，我分為三個(gè)等級(jí)，第一個(gè)等級(jí)是icon，一個(gè)公司如果不統(tǒng)一怎么能談呢，所以這個(gè)不談，因?yàn)閕con就是需要統(tǒng)一化。第二在啟動(dòng)界面上面，是不是能夠把原本不是一類的產(chǎn)品但是通過(guò)它界面的設(shè)計(jì)使得這些界面給用戶的第一認(rèn)知的情感是一致的，讓它形成品牌的認(rèn)知。再往后是用戶界面整個(gè)的控件就是高度統(tǒng)一化。

　　哪些元素是你不可變的，哪些元素是可以變的，仍然需要在簡(jiǎn)單的界面上需要做分層，做處理，這樣才能更好指導(dǎo)未來(lái)的設(shè)計(jì)，根據(jù)整個(gè)統(tǒng)一化的設(shè)計(jì)目標(biāo)走下去。

　　最后給大家展示一下最終的成果，這是整套的產(chǎn)品。這套整套產(chǎn)品跟以前全是白色的產(chǎn)品不一樣，傳統(tǒng)的留白不只是留有白色，而是留有空間、留有氣場(chǎng)，讓客戶產(chǎn)品聯(lián)想。當(dāng)這個(gè)產(chǎn)品更適合于黑色、更適合于藍(lán)天白云的時(shí)候，應(yīng)該賦予他本身的特色，在原有的框架上要有一個(gè)很好的結(jié)合，我們有不同的顏色，也有不同的背景的門路，但是仍然會(huì)看到整體是非常統(tǒng)一化的設(shè)計(jì)，而且不影響本身產(chǎn)品的特性。

　　最后簡(jiǎn)單做兩個(gè)廣告，一個(gè)是我們的招聘網(wǎng)站，百度這邊需要有很多的優(yōu)秀人加入進(jìn)來(lái)和我們一起做這樣的事情。另外請(qǐng)大家敬請(qǐng)期待XDC上線。

　　謝謝大家。