|
9月17日，備受矚目的“2011中國交互設計體驗日”在北京新世紀日航飯店拉開帷幕。據悉，本次大會由IxDC（廣東省工業設計協會交互設計專業委員會）和UCDChina聯合主辦，作為北京國際設計周的重要組成部分，2011中國交互設計體驗日圍繞“善意設計.交互未來”的主題，一方面傳達交互設計"與人為善"的本質，另一方面放眼未來，探討未來人類的生活形態和交互方式。
時間：2011年9月17日
地點：北京新世紀日航酒店
張海龍 百度用戶體驗部 高級經理
1997年開始從事UI設計工作，曾任職于多家知名網際網路公司，包括中華網、Yahoo
China，擁有豐富設計與設計管理經驗。現任百度用戶體驗部高級經理，從事用戶體驗界面、交互設計及團隊管理，致力於産品可用性與視覺的平衡設計方法研究。
演講實錄：
非常高興能夠有機會為大家做這樣一個主題分享，我不太想談一些思考的理論上的東西，我先直奔主題做一些分享。
一談到統一化，很多設計者和公司就會比較頭疼，這個東西從我們底層來看，作為一個設計師我們如何推動統一化的設計，它是一個什麼樣的高度。在公司層面上它如果沒有一個從上至下的對這個工作的認可，我如何去把它做出來，這就是我們要去解決的問題，就是説要跟你的老闆，你的同事要講清楚統一化本身的重要性，它具有什麼樣的戰略意義，長遠來看對公司有一些什麼樣的好的促進，等等這樣一些問題需要先搞清楚，然後才能夠真正的推動你的工作。
我的分享分四個部分，首先我們説：要做統一化
要了解做統一化設計對我的産品有什麼樣的好處。從四個方面給大家舉幾個例子，這是新力公司出的界面設計，PSP上會應用的比較廣泛，並且得到了很多用戶的認可，覺得這樣的設計很炫、很酷、操作非常便捷。這個界面是一個新的交互方式，但是從設計者來講，我們需要去考慮更多一些，當我們在PS2、PS3的時候，如何把這樣好的交互設計傳承下來，從用戶使用它的便捷性上，包括對我們的整個體驗上，包括産品開發層面，如何讓它形成一種更加便捷，更加低成本的工作的方式等等這樣一些一系列的情況都需要我們去考慮。這是PS3的界面，很好的傳承交互的設計，這個東西減少了用戶對它認知的習慣。
這是招商銀行的表單設計，很多時候大家在銀行辦公的時候，去做一些填表工作的時候，會發現很頭疼，表格有非常多複雜的項目，哪些是該填的，哪些是不需要填寫的，我應該怎麼樣填更加正確，往往你會找到他的業務員，或者你會找到他的一個範本的案例，逐條的填寫下來。但是招商銀行做了這樣一件事情，他將格式，將所有需要你填寫的項做了明確標注，包括本身格式化的資訊。在你第一次完成這樣一個操作體驗之後，再到銀行中填寫這樣表格的時候，你會發現我已經很習慣，很熟悉這樣的填寫過程
增強品牌影響力，舉一個阿迪達斯的例子，阿迪達斯logo原自於對山的創意，它寓意著不斷的接受挑戰，成就未來，勇攀高峰。三條杠設計也是在産品當中得到了很好的應用。比如很多人都在穿這樣的衣服，他把一種精神，把阿迪達斯的三條杠植入到不同産品裏，不管它的服裝、鞋子還是日常用品等等一系列的傳承一樣統一化的設計，最後給它的品牌帶來雙贏的局面。
産品統一化由品牌出發，當我們需要建立一套統一化的思路，去完成一個對品牌上的詮釋的時候，最終的産生結果也會作用到我們的品牌上。
另外這個網站仍然是阿迪達斯的，這裡有一個交互行為，既然我是一個品牌，作為體育品牌的公司，在做它的網站的時候，裏面交互的動態、視覺交互的動態是否能夠跟産品品牌形成一種關聯，形成一種靈魂上的溝通，這個也是需要思考的問題，所以統一化不只是在視覺層面統一化，更多也是在交互層面，交互是一種行為，又是人們在情感，包括你內心深處習慣的反映。如果這種反映定義一個好的交互的話，它其實使一種自然流露。
從統一化産品設計降低成本角度來看，從我們一開始有了勞動行為，燃燒就在不斷的去創造新的工具，然後找到一些能去省力省時的方法完成我們工作的狀態。統一化不能直接作用於開發成本的節省，包括提高效率，我們需要做的是需要把統一化的工作更進一步的深化，把它形成規範，規範的推進形成多版本的時候，你開發産品才會降低，所以統一化不等於直接降低成本，而是説你需要把它標準化、規範化之後形成一種復用的狀態，它的成本就會降低下來。
如果在路上有一個人背著包，上面有一個小小的紅點，大家就可以知道是IBM的産物，我們叫做DNA。
如果我把它標蓋住以後，大家仍然知道這是一款什麼樣的車，因為它有統一的氣質氛圍，它有統一的運動線條，它有統一的設計，這些東西不斷的傳承在他一代一代的産品裏，使得我們對這個品牌有更深刻的印象。
這是Window8，有很多的設計在統一性上，統一性設計在色彩上，切塊的板式上，會看到這是一個公司的産品，它會形成一種對品牌上的昇華。
基於百度無線端的産品給大家舉一個例子，我們在做同一款內部産品的時候，我們做了兩次的迭代，如果我們想做好這種統一化的工作，我們需要做一些什麼樣的流程，首先你要提取可以統一的元素，這些都是在傳承你的設計未來有可持續可發展的設計階段來提供提前的設計源做這個思考和準備，後續就跟正常的産品開發是一樣的，研究、測試、制定規劃，最後形成應用，在不斷的閉環裏實現這種迭代，使得我們前期的DNA得以傳承使之品牌昇華。
很多用戶在提前做一些調研，説你們了解百度的産品或者是使用百度産品的時候是什麼樣的感受，這是對百度産品的感受，比如説簡單的，貼近生活的，它可以解決人們生活中的問題，比如説百度知道，它是非常簡單便捷易用的，還有百度搜索，非常簡單易用，而且是資訊直達便捷的方式，這是用戶對百度的品牌認知。
這是幾款産品界面的設計，百度身邊、百度地圖等等一些設計，這些設計對於這個産品來説是成功的，它符合這個産品用戶的定位和用戶的使用習慣，並且有它的便捷性，它的易用性，肯定是要得到保證的。通過這些界面，通過這樣一些設計，我們去做用戶研究以後，我們發現整體來講確實跟用戶對百度本身的體驗是一樣的。
我們還可以做一些什麼樣的事情呢？我們再深挖它的時候，會發現每一款産品反映出來的情感的曲線是不一樣的，是不吻合的，我們可以從正向和反向來看，從反向來看，它對本身産品有一個很好的特性展現，比如地圖作為一個定位工具來講，它的易用性方面會突顯出來。我們基於這樣一些思考，如果我們將它的統一化在這種體制上，比如視覺層面，如果做到更加統一，並且能夠反映客戶對它情感感受的話是不是更好，那麼我們需要做什麼事情，這是我們設計需要繼續思考的問題。我們會從百度本身氣質裏提取設計源和DNA，來形成為我們優化它的設計提出一些更好的要求，並且萃取裏面一些元素。
這是一個框的理念，09年百度世界推出框計算理念，圍繞這種框的理念，我們可不可以植入到産品裏，讓更多的人了解百度設計是有很強的傳承。這些簡約圖形也許就是我們的設計源，可以在未來産品當中植入的元素，並且讓用戶認知百度的元素，這些就是理念。當這些理念放大，系統的時候，就會更加的統一，在後期復用的時候，前期需要考慮到這一點。
我們不能只是在圖景層面做到統一，這個東西真能做到一種神似，但是不能把精神貫穿到裏面，仍然不能解決開發的成本，所以我們需要在整個界面系統上進行分級，分成底層、內容層和操作層，哪一層可以被統一化，哪一層可以高度統一，哪一層可以在統一的情況下更多的延展開來，有了這樣的分層以後在後期就會更好的規劃它，更好的研究它。
這是操作欄的一些變化，在我們設計過程當中需要考慮到的就是我們會做一個服務層的（把兒）
，其實在小屏界面的時候，很多時候希望最大化桌面，遊覽的便捷性會使它對這個産品的體驗有一定的提升，這個也是做了一些改良。
這是一個讀圖的産品，當我讀圖的時候，這是有很強的通透性，是一個無邊界的概念，當我閱讀這個圖的時候，把兒會收起來了，讓你感覺更加舒服。
通過一系列的研究、分層，逐步去模組化它的設計，包括它最小的NDA元素，提取出來之後，會發現當我們再做這樣幾款産品的時候，是不同的産品界面，但是有了相同的品牌答案，相同的統一性，在開發完一個産品的時候，再開發其他産品的時候，工程師對這個控件的復用性也非常好。
再看看用戶對它的情感認知，仍然是之前的方向，沒有太多的變化。另外看一下蜘蛛模型，這些産品在這方面是非常接近的，使得我們既有了用戶對它的認知性，又有了整個産品間統一的關聯性，這是一個雙贏的結果。所以這方面的提升不管是為開發層面還是品牌上的促進，再去迭代的時候會發現這是你的一個（B），在這個基礎上再昇華，仍舊是按照統一化的步驟在往前走，這樣推動就會非常的順暢。
如果你想開發成本的降低，應該把它規範化、統一化，這樣才會有復用的價值，而不是為了形似統一而去做，繼續把規範化推動到視覺的規範，移動端的界面指南等等一系列規範化的工作，才會使得你公司整個的設計體系有了更好的前瞻佈局和發展。
下面是百度在無線端的具體案例，這是提取百度NDA時的研究報告，會引入一些中國風的元素在整體設計裏，怎麼樣對它傳承下來，這些都是一些設計源，最後推出百度整個視頻界面設計，它是一套整體的概念，有中國的元素。
剛才我提到過一個觀點，統一化不是為了統一而做的，而是説你應該去把它逐一的分解，什麼樣的産品形態是可以被聚合的，什麼樣的産品形態可以區分的，統一到什麼樣的層級，這些方面都是需要我們去思考的。比如拿無線端的界面來説，我分為三個等級，第一個等級是icon，一個公司如果不統一怎麼能談呢，所以這個不談，因為icon就是需要統一化。第二在啟動界面上面，是不是能夠把原本不是一類的産品但是通過它界面的設計使得這些界面給用戶的第一認知的情感是一致的，讓它形成品牌的認知。再往後是用戶界面整個的控件就是高度統一化。
哪些元素是你不可變的，哪些元素是可以變的，仍然需要在簡單的界面上需要做分層，做處理，這樣才能更好指導未來的設計，根據整個統一化的設計目標走下去。
最後給大家展示一下最終的成果，這是整套的産品。這套整套産品跟以前全是白色的産品不一樣，傳統的留白不只是留有白色，而是留有空間、留有氣場，讓客戶産品聯想。當這個産品更適合於黑色、更適合於藍天白雲的時候，應該賦予他本身的特色，在原有的框架上要有一個很好的結合，我們有不同的顏色，也有不同的背景的門路，但是仍然會看到整體是非常統一化的設計，而且不影響本身産品的特性。
最後簡單做兩個廣告，一個是我們的招聘網站，百度這邊需要有很多的優秀人加入進來和我們一起做這樣的事情。另外請大家敬請期待XDC上線。
謝謝大家。
|
