DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計研究:設計師不要為了設計而設計
交互設計研究:設計師不要為了設計而設計
編輯:關於網頁技巧     

這是給部門做的分享,略作刪節。

在正式分享之前,我想做出一個聲明:

1.神馬產品SENSE是,神馬以產品經理的高度去思考問題,神馬補位都是浮雲,都是狗屁。為什麼那麼說?那些都是正確的廢話。我是個理想主義者, 在理解一件事情看待一個問題的時候都喜歡把它推上一個高度,把它看成是多麼的偉大神聖和美好。最讓我自己鄙視自己的是,我還希望讓你們理解它有多麼偉大神 聖和美好。不過還好,現在我醒悟了,所以我聲明從這次分享開始我都不會再講那些被拔高的東西,不會再講那些正確的狗屁。要講,就講實干的東西。抖干貨。

2.從今天這場分享開始,我假定設計部的所有人都了解什麼事產品體驗什麼事用戶體驗什麼是以用戶為中心的產品設計思想等等浮雲。如果不知道的話可以上UCDchina上去翻幾篇文章看看。

3.以後我的分享都會講一些我認為是對的和科學的東西。也就是在我自己經過實踐總結的出來的經驗教訓。大家聽過算過,僅供參考。

Ok,現在開講。我們先來看一則案例,這是台灣設計大師包益民在tedx in Taipei 的演講中拿出來分享的一則經典的案例。

圖上的這個logo是一家咖啡廳的logo,我們看這個設計,古希臘的一個婦女把咖啡到了下去,倒下去還有咖啡濺出來的樣子。這應該是所有咖啡廳的 logo設計中能夠稱的上是好看的了。在來看看另外一個logo,旺旺,我們大家都知道,但是它的logo的設計,我們大家覺得好看嗎?它應該是我見過的 最丑的logo之一了。一個好看,一個丑,這我們大家都認同。但是,logo好看的咖啡廳倒閉了,而旺旺呢,每年產值超過226億新台幣。這說明什麼呢, 說明設計其實改變不了什麼,曉明說,設計是拿來玩的,他是對的,單純的設計就是拿來玩的,它提供不了什麼價值,也不能為公司帶來盈利。這是一個很悲劇的真 理。85度c很火很賺錢,但是它所有的東西都跟設計沒關系,跟它的logo沒關系,跟它的裝潢,跟他的紙杯的設計都沒關系。

不要為設計而設計

所以我們在做產品設計的時候要不要為了設計而設計。這句話可能大家又會覺得是正確的廢話。但是我在真正實踐的過程中真的不容易做到。那什麼是為了設 計而設計呢,我的理解是當我在糾結該使用什麼樣的牛逼的交互控件,該用頁面呢還是用彈出層,網站界面是全屏自適應和還是定寬,滾動條是在裡面還是在外面, 導航怎麼設計的牛逼,是放上面還是左邊。寫個什麼牛逼的表單驗證規則好呢等等之類的企圖把它變得很牛逼的東西,當我們在糾結這些東西的時候,就是在為了設 計而設計,就是再做產生不了任何價值的東西。不是說不要做這些思考,而是在思考之前應該以了解用戶為前提,不要以為這界面這交互這產品體驗是你喜歡的用戶 就會喜歡?可能根本不是他們想要的,我調研下來80%的網吧用戶幾乎都沒有使用網購,支付寶是什麼怎麼用他們都不知道,這說明一個什麼問題,支付寶是個非 常難用的東西,我們有時候都用不好,別說網吧用戶了。很多網吧用戶不了解互聯網不了解網購這些東西,對他們來說,支付寶這玩意兒擺在他們面前,他們能說不 難用嗎?//省略N字//

白領不會玩游戲,但他上網絕對很溜,網吧用戶只會玩游戲,上網它只懂得百度。他們甚至無法把百度和搜索框聯系起來,也就是無法把品牌和產品聯系起來。我知道百度搜索很牛逼,但是對他們來說你給我用什麼搜索引擎我就用這個搜,我不在乎。

所以只有真正了解用戶是誰,並且以用戶需要為前提的情況下,我們的設計才有可能產生價值。用戶不需要很高級的交互,我們就用html原生的控件就行了,用戶對產品都不了解,做頁面還是做彈出層對用戶來說都沒有多大意義,選一個用上就完事兒。糾結個毛,都是浪費時間。

界面不過是呈現產品體驗的一個載體,它是顯性的,但不是決定因素。決定因素是什麼,是用戶和產品,我們就是要很清楚的了解這兩樣東西。

怎麼了解用戶,騰訊唐沐會很不屑的回答你,隨便上大街上拉兩個人過來聊上一會天你就能了解用戶。具體怎麼做呢:

第一步,走出設計部,我知道這個決定是非常艱難的。走出了這一步,他媽什麼事兒都好辦。

你可以多和運營聊,產品是他們養的,從他那兒我們可以獲取到太多的數據,用戶在網站上的點擊率是什麼樣的,pv uv的轉化率是什麼樣的,網頁存在的問題有哪些,為什麼這個流程用戶走不下去?頁面與頁面間的跳轉率有沒有達到要求,現在最賺錢的是哪一批用戶,在線時間 最長的是哪一批用戶,他們是處於什麼樣社會等級的人,等等等等,只要你願意往這方面去想,你拉個運營上休閒吧聊個半個小時,什麼都知道了。還可以讓他們把 網站分析的數據報表拿過來,其實產品線的svn上每周都有更新,可能大家從來都沒有去看過。數據是很能說明問題的,用戶訪談裡用戶和你的對話他會說謊,會 拔高,你還得分析哪些是真善美,哪些是假惡丑。但是數據是很實在的東西,我們人人都要學會分析數據,拿數據來說事兒。

你還可以去客服聽聽用戶是怎麼罵娘的。這方面我沒有經驗,所以我不多說了。

還可以去網吧泡泡,目前來說短時間內網吧就是我們的用戶基地,在那兒我們能夠拿到第一手用戶資料。我們要知道不同時間段的網吧裡的用戶群體也是不一 樣的,工作日分早中晚,雙休日也分早中晚,在每個時間段裡的用戶他們背後都有各自的一個職業群體,社會階層,這需要我們去做訪談,做調研,做問卷去理解和 分析。訪談這個事兒後面說。我們去網吧,首先要自己玩,自己能把網吧的電腦用的跟家裡一樣溜了,說明你已經從小白用戶變成網吧達人了。傅教授做的用戶角色 裡把用戶分成網吧達人,網吧忠實粉絲,小白,隨遇而安型4類。網吧達人是最高境界,我們現在是哪類用戶?我們是淘寶用戶,是支付寶用戶,但絕對不是網吧用 戶,我們自己都不是網吧用戶還在那兒糾結著為了設計而設計的東西是不是悲劇中的杯具?所以,我們去網吧要學會自己玩,第二點,要會觀察用戶,他們是怎麼玩 兒的?我上個禮拜六禮拜天晚上去了網吧,開了台機子做在那兒,就時不時看看他們是怎麼玩兒的,除了光玩游戲,還干嘛呢,他們是怎麼操作電腦的。當然,這只 是我的方法,並不是很科學的,但我相信不被打擾的用戶是最真實的用戶,傅教授不是說了,他們那時候做調研就花錢給用戶讓他們允許他們24小時拍他們。我們 甚至可以在網吧安裝監控軟件。24小時錄制網吧用戶的行為,觀察,分析。這都是了解用戶的科學方法,都是很給力的方法。

還有訪談,怎麼做訪談,我想也不用在說了,目的,方法,時間,地點,人物,問卷,訪談,錄音,錄屏,分析,修正。反正就是一個實驗設計,我們只要保 證他的科學性就可以了,什麼是科學性,科學就是能被反復驗證是對的和允許被推翻的東西。所以說,訪談是個持續的過程,每個階段都有不同的目標和不同的意 義,但是要堅持做下去。

還有做焦點小組,做可用性測試,總之方法真的有很多很多。

說了那麼多怎麼去了解用戶,在來說說怎麼了解產品。

與產品經理做有效的溝通

這裡我只說一個,就是學會與產品經理對話,在互聯網圈子裡,一直產品團隊裡的每個角色他們都是平等的,我們和產品經理是合作關系,這大家都知道,但 是往往在溝通的時候這個關系就變了,好像變成你被他領導,他在領導你,產品經理說,這個按鈕放這邊不行啊,顏色是不是太重拉,提示文字不明顯啊,文字再大 一號啊,東西再粗一點啊,我們敢當面跟他說,這些都是狗屁都是浮雲嗎?肯定不敢,這麼說也是不對的!但是,人與人溝通的時候講究什麼,講究分享和共贏,就 是你分享了你的信息給我,我分享了我的信息給你,你我都得到滿足了,這就是一次很好的溝通。我們和產品經理的溝通也應該是這樣。在產品團隊裡我們做設計的 有一個核心競爭力是什麼,大家知不知道?是用戶,我們是拿界面給用戶看給他們用的人,我們就是用戶的代表,是用戶體驗的話語人,所以我們要拿著這把上方寶 劍去和產品經理溝通,去告訴他,什麼是用戶體驗的階梯,我們的用戶現在對產品的要求還處於哪個階段,現在順網的產品除了網維大師以外都還處於連安全和能用 都搭不到的階段,所以那些什麼花哨的功能,酷炫的交互都滾一邊兒去,用戶不需要,我們得告訴產品經理,什麼不能做,什麼能做。用戶體驗是分階段分步驟實現 的。

另外,我們也要學會從產品經理這兒吸奶,吸干他的奶,了解他對產品的戰略規劃,了解運營,了解技術的瓶頸,了解競爭對手的產品和他們的運營,了解對 產品的所有東西。他是怎麼定義產品線的,這條線3年5年10年的規劃是怎麼樣的,我們當前階段要做到什麼程度,外部風險有哪些?要跟哪些合作商談?項目合 理的進度是什麼,產品在他心中的定位是什麼等等等等,還是那句話,如果你想了解產品,就和產品經理在休閒吧聊上半個小時,什麼都知道了。

//由於涉及產品線內容,省略N個文字……

我舉這些例子想說明什麼,我想說明的是我們拿著用戶的尚方寶劍就要好好的利用它,我們可以用它來回答產品經理不知道的東西,可以用它來解決我們都不知道的問題,可以用它來跟產品經理平等的溝通,作有效的溝通。

其實今天所要說的是就是設計師要了解用戶和產品,而不要為了設計而設計。在我們做到了不為設計而設計的時候,再來想想怎麼把用戶體驗推廣到全公司吧。

最後的思考

最後我想用包益民在ted上的最後一段話結束我的演講,就是你要成為哪一類人,你是要成為一個掌握著用戶體驗大權的人,還是只是做一個只是會埋頭設 計的人?每個設計師都應該思考一下這個問題,我們可以不是成為一個更好的設計師,我們應該成為一個更有能力的人,那當成為這樣的人,我們就要跟所有產品 線,全公司,全行業最好的人來比,他們會什麼,我們在工作以外的時間就去學習這些東西,最後我們會比他們厲害,因為所有的東西我們都會了以後,我們還會設 計。謝謝!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved