交互設(shè)計(jì)中的美學(xué)——墨麟集團(tuán)王海銀

2014-5-20    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://news.17173.com/content/2014-04-11/20140411111428246.shtml

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

今天早上有一位姐姐講了時(shí)間,就有小伙伴們跟我說,海銀你這個(gè)PPT要不要改一改?別人已經(jīng)講過時(shí)間了?我來到墨麟聽的第一句話就是不改本色,第二句話是仰天怒吼,這個(gè)時(shí)候我想說,這位姐姐你早上PPT寫的非常上流,這個(gè)時(shí)候我要做一些下流的事。

  今天上午有很多專家們?cè)诓僮鬟@個(gè)東西的時(shí)候,好像很別扭。我們提到時(shí)間在生活中,在生活中提的最常見的一個(gè)字是秒,這個(gè)是我們生活中最常見的一個(gè)單位,也是最小的一個(gè)單位。

  其實(shí)秒這個(gè)單位對(duì)于很多人來說就是一個(gè)最簡(jiǎn)單的反饋,這個(gè)反饋速度越及時(shí),我們感覺就會(huì)越好。

  秒我最后再講,先開始講分,游戲中我們經(jīng)常提到一個(gè)度量的概念,15分鐘。為什么提到15分鐘?剛才很多嘉賓講到10分鐘,5分鐘。在蘋果界面手冊(cè)上面,IOS手冊(cè)上面講了一句話,用戶在接觸一個(gè)新的APP的時(shí)候,他能夠接受的時(shí)間大概在5分鐘,有興趣可以查一下。

  我覺得大家做端游的時(shí)候,我們也定義了這樣一個(gè)時(shí)間,我們把它叫做15分鐘法則,用戶的耐心是也限的。這個(gè)15分鐘法則是一個(gè)比較范的概念,隨著游戲類型越來越碎片化、情感化,那提到這個(gè)東西,我們?cè)谟螒蜷_始,很多人都會(huì)關(guān)注這個(gè)東西,新手教學(xué),它非常重要。到底有多重要?很多在我們團(tuán)隊(duì)里面也好,甚至之前從事的公司,他們都會(huì)說這個(gè)東西,我們說一個(gè)新用戶進(jìn)來以后,這個(gè)東西非常非常重要,要是它流失了,他們看到那個(gè)數(shù)據(jù)以后,覺得留存不是很高,趕緊回去改一版。

  講到這個(gè)東西,拿來主義,我在百度上下了一張圖,叫艾賓浩斯遺忘曲線,這個(gè)大家都了解,以前老師背英語單詞提到過這樣一個(gè)概念,我們不用看后面的曲線,我們看第一個(gè)19分鐘,那個(gè)地方代表什么呢?我假設(shè)把我用戶在這段時(shí)間所記憶的內(nèi)容為100%的情況下,19分鐘已經(jīng)忘掉60%。我原來做游戲的時(shí)候,我們嘗試把新手教學(xué)累的非常多,我發(fā)現(xiàn)實(shí)際用戶玩的過程中,基本上根本記不得教了什么。他上來第一件想的事情是,我怎么打怪?另外一個(gè)喬治米勒定律,7+-2,這個(gè)差不多,也是什么概念呢?做我們自己的度,7+-2,就是5和9,5和9我們認(rèn)為是相對(duì)好的。

  基本上我們看到新手教學(xué)是非常冗余的,不是不應(yīng)該做,而是怎么做。對(duì)于這個(gè)來講,我們看到另外一個(gè),制造興奮點(diǎn)。這個(gè)東西才是前15分鐘最重要的東西?;蛘哒f前面很短的時(shí)間內(nèi),最重要的東西。

  我這里有一個(gè)簡(jiǎn)單的題目,叫做不要試圖挑戰(zhàn)用戶極限,這里有一個(gè)游戲,我打開之后看到的就是真的這個(gè)圖,早上姐姐說Iphone里有一個(gè)菊花在轉(zhuǎn),這個(gè)連菊花都沒有,然后我盯著圖,看了很久終于有變化了,我們?cè)囈幌?,現(xiàn)在開始到圖你們盯著這張圖看一下有什么樣子?

  大家應(yīng)該能體會(huì)我當(dāng)時(shí)看到這個(gè)東西的心情,我知道在我們國家,網(wǎng)絡(luò)我覺得不是那么好,但是當(dāng)我看到這一瞬間,如果不是果粉,我就把我手機(jī)砸了,不想玩了。我想了想,不行,作為一個(gè)有節(jié)操的設(shè)計(jì)師,就看一下到底接下來是什么?于是我看到第一個(gè)進(jìn)入界面,這一下有人知道這個(gè)游戲是什么了。我進(jìn)入這個(gè)界面的時(shí)候,我看到下面有一個(gè)按鈕,我就迫不及待的按下這個(gè)按鈕,因?yàn)槲蚁脍s緊游戲,結(jié)果它彈出來這樣一個(gè),大致意思是,你必須通過用戶協(xié)議,或者你接受用戶協(xié)議。這個(gè)時(shí)候我點(diǎn)了Ok。我本來以為點(diǎn)下OK這個(gè)時(shí)候接受了可以繼續(xù)了,這個(gè)時(shí)候沒有反應(yīng)又回到這個(gè)界面,我終于找到了一個(gè),前面有一個(gè)下拉框的控件,那個(gè)控件是一個(gè)勾選框,我去點(diǎn)一下。而且他做的非常小,今天上午有人提到,手機(jī)控件大小應(yīng)該是多少,我點(diǎn)下它終于把它激活了,這個(gè)時(shí)候想可以玩了,然后成這樣了。

  又彈了一個(gè),這個(gè)大致什么意思呢?我英文不太好,但是我勉強(qiáng)看得懂。意思是說你可以不用注冊(cè)也可以游戲。然后我終于點(diǎn)下一個(gè)OK,它又把一個(gè)界面關(guān)了,再點(diǎn)app出了這個(gè),我就想這個(gè)能叫Quick Start?我在想我開始APP很短的時(shí)間內(nèi),已經(jīng)浪費(fèi)掉我非常多的時(shí)間和情感。

  這個(gè)時(shí)間分,假設(shè)你的游戲已經(jīng)讓用戶駐留了一個(gè)小時(shí)的時(shí)間,這是一個(gè)很令人開心的事情。超過一個(gè)小時(shí),用戶會(huì)發(fā)生什么反應(yīng)?針對(duì)不同用戶有不同情況。但是絕大多數(shù)逃不出這個(gè)東西,我這里寫了一個(gè)HUD界面與臨時(shí)模塊的設(shè)計(jì),什么叫臨時(shí)模塊呢?很簡(jiǎn)單,我舉個(gè)例子,這個(gè)時(shí)候我在游戲中玩了一段時(shí)間發(fā)現(xiàn),有好友加我,或者我開始跟好友解除了,這個(gè)時(shí)候我有社交需求。有人跟我組隊(duì),我們開始小型副本,等等這一系列玩法,都是臨時(shí)模塊。在我曾經(jīng)做過的一款游戲里面,很多人都知道,它里面有一個(gè)自定義界面,打開那里面可以看到滿屏各種各樣信號(hào),這里面包含非常多的臨時(shí)模塊,這個(gè)延展到為內(nèi)容增加而設(shè)計(jì)的擴(kuò)展性。

  很多人問我,海銀界面這個(gè)東西本來就是一個(gè)二維的平面的東西,但是我說好的交互設(shè)計(jì)是不應(yīng)該簡(jiǎn)單的看作是一個(gè)平面,應(yīng)該是一個(gè)舞臺(tái)。所有控鍵在上面不過是轉(zhuǎn)場(chǎng),你就好像一個(gè)導(dǎo)演,你怎么把界面臨時(shí)的不臨時(shí)的,所有駐留的,所有該切換的東西能夠靈活的轉(zhuǎn)換。這個(gè)其實(shí)我認(rèn)為是一個(gè)交互設(shè)計(jì)師必須做到的。

  再往后兩三個(gè)小時(shí)了,四五個(gè)消失了。我相信很多用戶都會(huì)疲倦了,這個(gè)是我截了一張圖,但是當(dāng)我看到這個(gè)圖的時(shí)候,我覺得我不會(huì)做眼保健操,但是是我通過這款產(chǎn)品看到的人文關(guān)懷,這個(gè)時(shí)候我心里會(huì)比較舒服,提醒我該休息一下了。從策劃設(shè)計(jì),會(huì)延展出很多東西,比如說活力系統(tǒng),我們知道游戲就在創(chuàng)造內(nèi)容,更多內(nèi)容被拼命創(chuàng)造出來,需要非常多的時(shí)間做,因?yàn)檫@個(gè)東西不斷控制用戶使用時(shí)間,同時(shí)延長(zhǎng)了用戶的生命周期。

  當(dāng)我們進(jìn)入到天的時(shí)候,我覺得這應(yīng)該是可喜可賀,如果他第二天還來我們的游戲,我相信所有老板都會(huì)比較開心,這個(gè)跟什么有關(guān)呢?留存。

  這個(gè)里面涉及到的第二個(gè),為留住用戶而進(jìn)行的設(shè)計(jì),這個(gè)我們叫做內(nèi)容推送的設(shè)計(jì)。這個(gè)里面包含了很多東西,比如說策劃去設(shè)計(jì)的活動(dòng),特別我們有的喜歡玩分析的,第一天怎么樣、第二天怎么樣,等等推到一周,一周你每天盡管只來三分鐘,那也算好事情。這個(gè)時(shí)候我們就涉及到什么時(shí)候推送合適的內(nèi)容,合適的界面給用戶在他上線推,還是下線推,還是某些時(shí)間短推?這個(gè)就是我們?cè)谔炖锩娴脑O(shè)計(jì)段,應(yīng)該非常重要的注意的內(nèi)容。

  這個(gè)時(shí)候過了天,到周了,這個(gè)真的是非??上部少R的事情,因?yàn)橛脩糸_始以周為單位了,周的意思就是說,我們很多在評(píng)判數(shù)據(jù)標(biāo)準(zhǔn)的時(shí)候,過了一周,這個(gè)用戶基本上是敲定是你的用戶了。

  這是我之前設(shè)計(jì)的一個(gè)產(chǎn)品,以前做的游戲很多人都知道,周其實(shí)對(duì)用戶來說,他玩了一周,基本上脫離了低級(jí)用戶,或者他開始接觸到高級(jí)功能,比如說團(tuán)隊(duì)。

  再比如說,他開始接觸到DPS傷害、仇恨,這些都是高級(jí)功能設(shè)計(jì)。再往下,他可以發(fā)展的功能為什么多,我們進(jìn)行適當(dāng)背包拓展拖拽功能設(shè)計(jì),完了以后還有動(dòng)作條的需求。再以后他還有紅。這些所謂的高端功能,其實(shí)在慢慢過了這段時(shí)間以后,慢慢的會(huì)被用戶使用或者接受,這些是官方提供的高端功能。對(duì)官方來說他始終有一個(gè)度,這個(gè)度保留到什么時(shí)候呢?如果超過一個(gè)月的用戶,我們就會(huì)發(fā)現(xiàn),這個(gè)時(shí)候我們把它叫做高級(jí)用戶,高級(jí)用戶我們?cè)?jīng)這個(gè)是初級(jí)用戶進(jìn)來看到的HUD,這個(gè)時(shí)候高級(jí)用戶應(yīng)該是什么樣子呢?結(jié)果我發(fā)現(xiàn)很多高級(jí)用戶這么玩。我覺得這個(gè)在很多人看來已經(jīng)不是游戲界面了,或者說已經(jīng)不是游戲了,他純粹玩界面,而且上面有非常多界面跟游戲本身產(chǎn)品的視覺設(shè)計(jì)風(fēng)格是完全不搭的,其實(shí)這個(gè)主要是我們開放了LUA的插件接口,我們開始讓高級(jí)用戶自己設(shè)計(jì)他所需要的東西,我們?cè)?jīng)試圖風(fēng)掉LUA接口,因?yàn)樗赡軙?huì)帶來冗余或者有漏洞問題,但是我們每封閉一次接口玩家鬧一次。就是說這種情況下,高級(jí)用戶承擔(dān)的不是內(nèi)容感知,而是隨著策劃重度這些東西出來了,因此插件開放的意義非常重大。

  這個(gè)時(shí)候,我們把它叫做年,一個(gè)游戲本來就是有生命周期的,不管什么樣游戲。我之前做端游,用戶過了一年,我們認(rèn)為他已經(jīng)養(yǎng)成了非常多的用戶習(xí)慣。

  這里有一個(gè)失敗的案例,這個(gè)是我們第一次做靜脈的設(shè)計(jì),當(dāng)時(shí)視覺設(shè)計(jì)師很美妙的把它加快留白,空的非常多。這個(gè)時(shí)候我們讓用戶熟悉了整整一年的界面,這個(gè)時(shí)候我們做了一件非常大膽的事情,因?yàn)槲覀冺?xiàng)目組,很多設(shè)計(jì)師,包括內(nèi)容設(shè)計(jì)師告訴我說,你們這個(gè)界面特別像某某世界,然后我們干了一件事情,做成這樣。其實(shí)這個(gè)界面本身在使用邏輯的構(gòu)成上,結(jié)構(gòu)上,信息結(jié)構(gòu)是一模一樣的。但是沒有包裝就完全看不懂,這個(gè)界面上來之后,所有人覺得好像很吊,但是用起來很痛苦。這個(gè)時(shí)候我們又讓用戶用這個(gè)界面用了兩年,可能還多。這個(gè)時(shí)候他開始習(xí)慣了,很多用戶開始習(xí)慣這個(gè)界面的時(shí)候,我們又做了一個(gè)很大膽的設(shè)計(jì)。我們把這個(gè)東西又改了,為什么呢?因?yàn)橄肓艘幌履莻€(gè)太難了,于是改了一個(gè)簡(jiǎn)單的,這個(gè)東西簡(jiǎn)單嗎?后來玩家把這個(gè)稱作為什么?飛行棋界面。OK,這三個(gè)界面我們分別用了一年、兩年、三年,好像每個(gè)都超過一年了,最后終于受不了了,連系統(tǒng)策劃都受不了了,結(jié)果系統(tǒng)策劃把這個(gè)干掉了,這個(gè)東西已經(jīng)沒了。

  我這里有一句話,回顧曾經(jīng)的產(chǎn)品,依然暴露出非常多的問題,在一次次的版本迭代之后,很多問題依然還在,慢慢的這個(gè)產(chǎn)品越來越復(fù)雜,這究竟是設(shè)計(jì)師的無能?還是說我們視而不見呢?其實(shí)我覺得這個(gè)是一個(gè),可以讓人思考很久的問題。這里我就點(diǎn)一下,為用戶習(xí)慣而設(shè)計(jì)。

  最后回到開始講的秒,秒這個(gè)概念其實(shí)我之前提到說是反饋,早上那位姐姐也提到很多關(guān)于秒的問題,特別在動(dòng)態(tài)設(shè)計(jì)里面,其實(shí)秒對(duì)用戶感知非常重要,包括我剛才按這個(gè)按鍵經(jīng)常按了沒反應(yīng),這是0.1秒的動(dòng)畫,基本上很難看出來,這是0.5秒的動(dòng)畫,這個(gè)是1秒的動(dòng)畫,這個(gè)是1.5秒的動(dòng)畫。這四個(gè)動(dòng)畫給人感覺完全不同,它所應(yīng)用的位置完全不同。我剛才提到一個(gè)1萬曲線,那個(gè)后來后人推倒出另外一個(gè)東西我不知道是不是正確的,就是說用戶點(diǎn)擊一個(gè)東西,當(dāng)他開始這個(gè)界面的時(shí)候,他的忍耐極限是3秒,我們想一想,如果我按下這個(gè)按鈕,沒反應(yīng),我覺得我沒有超過3秒我會(huì)再按一下,比如說我們?cè)趙indows,我們雙擊一個(gè)桌面上的exe的圖標(biāo),一秒鐘沒反應(yīng),兩秒鐘沒反應(yīng),我不相信第三秒有人不再雙擊一下,我覺得對(duì)我而言我肯定拼命按,這個(gè)時(shí)候windows會(huì)帶來一系列的無響應(yīng)的東西。

  這個(gè)由秒一點(diǎn)點(diǎn)構(gòu)成所有體驗(yàn)的環(huán)節(jié),這個(gè)是我講的時(shí)間的環(huán)。

  把這個(gè)時(shí)間重新劃分一下,我們把它叫做因用戶而設(shè)計(jì),從秒開始到分到時(shí)間到天到年,這個(gè)我們用三種顏色劃分,其實(shí)代表三種用戶,前期用戶、中間用戶、高端用戶,什么時(shí)候?yàn)檫@些用戶做對(duì)應(yīng)的設(shè)計(jì),這個(gè)非常重要。還有我們的度到底在哪里?舉個(gè)例子,我們做之前產(chǎn)品的時(shí)候,有非常多優(yōu)秀的插件功能,他們甚至監(jiān)測(cè)到非常細(xì)致很多游戲里面的NPC的技能變化和自己角色職業(yè)的很多變化,但是為什么一直沒有把它融入到我們游戲中去?也就是說我們應(yīng)該更注重哪一層用戶,而應(yīng)該開放給哪一層用戶使用,這個(gè)是我們宏觀上來講交互,體驗(yàn)設(shè)計(jì)中所涉及到的環(huán)節(jié),我們把它稱之為為用戶而設(shè)計(jì),我就講到這里,謝謝!

日歷

鏈接

個(gè)人資料

存檔