一個(gè)門(mén)外漢的產(chǎn)品設(shè)計(jì)漫談
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
本文純屬門(mén)外漢YY的結(jié)晶,如有低級(jí)問(wèn)題,敬請(qǐng)行家里手批評(píng)指正;如果文中煞有介事得出的結(jié)論與設(shè)計(jì)學(xué)科的經(jīng)典理論不謀而合,則不勝榮幸。本文目的是閑侃軟件產(chǎn)品尤其是互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì),多處以傳統(tǒng)產(chǎn)品甚至不登大雅之堂的東東來(lái)舉例,這順帶也在證明設(shè)計(jì)無(wú)處不在,以及軟件設(shè)計(jì)與傳統(tǒng)設(shè)計(jì)在理念和方法上融會(huì)貫通。 設(shè)計(jì)無(wú)處不在,設(shè)計(jì)決定一切設(shè)計(jì)無(wú)處不在,人類世界是被設(shè)計(jì)出來(lái)的。如果你細(xì)心觀察,可以在生活的時(shí)時(shí)處處發(fā)現(xiàn)優(yōu)秀的設(shè)計(jì)及其蘊(yùn)含的智慧。現(xiàn)在低頭看看你鍵盤(pán)上F、J兩個(gè)鍵上面的小疙瘩;筆記本電腦電源按鈕(不是凸出的,而是凹或者至少是平的);鼠標(biāo)的滾輪(沒(méi)有設(shè)計(jì)成一個(gè)向上翻頁(yè)和向下翻頁(yè)的按鈕);蘋(píng)果筆記本觸摸板的多點(diǎn)觸控;衣服和包包上的拉鏈(容易拉開(kāi)和閉合,密封性很好);還有天朝獨(dú)有的防插隊(duì)機(jī)(一舉解決了從出口插隊(duì)、在窗口簇?fù)淼膬纱髥?wèn)題,簡(jiǎn)單可依賴)。 防插隊(duì)機(jī) 然而,令人遺憾的是,糟糕的設(shè)計(jì)也隨處可見(jiàn)。比如,初期的無(wú)線鍵鼠的信號(hào)接收器都是幾厘米長(zhǎng),如果是配合筆記本電腦使用時(shí),你必須經(jīng)常插拔,因?yàn)樗L(zhǎng),當(dāng)把筆記本放入包中時(shí)容易折到所以必須拔下來(lái)。更加不爽的是,鼠標(biāo)上往往還沒(méi)有收納倉(cāng)可以把接收器放起來(lái),所以經(jīng)常會(huì)把接收器弄丟。 現(xiàn)在,短小精悍的接收器已經(jīng)成了標(biāo)配。 天朝的很多辦事流程也是糟糕的設(shè)計(jì)。比如,中國(guó)特色的“開(kāi)證明”:假設(shè)你辦理某證件,需要自己跑到到社保部門(mén)開(kāi)具社保繳納證明、去稅務(wù)部門(mén)開(kāi)具完稅證明、去XX部門(mén)開(kāi)YY證明……我不禁納悶,你們?cè)谙到y(tǒng)里面查一下不就知道我們是否繳納社保、是否納稅了嗎,為什么非要老百姓東奔西跑、非要把數(shù)據(jù)從系統(tǒng)調(diào)出并打印到紙上、蓋上紅戳方肯罷休? 設(shè)計(jì)決定一切。先談產(chǎn)品的初期設(shè)計(jì),即產(chǎn)品的創(chuàng)意。就像廣告創(chuàng)意對(duì)于廣告營(yíng)銷活動(dòng)的重要性一樣,對(duì)于產(chǎn)品而言,產(chǎn)品創(chuàng)意也是具有決定性的。產(chǎn)品創(chuàng)意不好,基本上就不可能成功。而這個(gè)最初的核心創(chuàng)意,都是非常簡(jiǎn)單的、具有高區(qū)隔度的、一句話可以說(shuō)清楚的。例如,簡(jiǎn)單地說(shuō)twitter就是140字的博客、百度貼吧就是關(guān)鍵字社區(qū)、唱吧就是手機(jī)KTV。對(duì)用戶需求的一個(gè)敏銳的洞察,就能產(chǎn)生好的產(chǎn)品創(chuàng)意,加上足夠的研發(fā)和推廣運(yùn)營(yíng),就能夠成功——這里說(shuō)的是創(chuàng)新性的產(chǎn)品,而那些抄襲、跟風(fēng)的產(chǎn)品要成功,最需要的往往是強(qiáng)大的運(yùn)營(yíng)、渠道和推廣能力。 大方向定好之后,就看產(chǎn)品的設(shè)計(jì)了。產(chǎn)品設(shè)計(jì)的優(yōu)劣,很大程度上決定了這個(gè)產(chǎn)品能否成功,很少能有一個(gè)爛產(chǎn)品能夠憑借出色的技術(shù)實(shí)現(xiàn)和市場(chǎng)運(yùn)營(yíng)手段獲得長(zhǎng)期成功的。何況,大部分產(chǎn)品并不是必須要有業(yè)界頂尖的技術(shù)才能開(kāi)發(fā)出來(lái)。與產(chǎn)品對(duì)比,技術(shù)是可以被量化的,技術(shù)指標(biāo)是有明確的技術(shù)框架和軟硬件手段來(lái)改善的。比如,頁(yè)面加載速度是1S,這個(gè)太慢了,我們可以很明確地把它優(yōu)化到100ms。而產(chǎn)品設(shè)計(jì)是一個(gè)軟性的能力,你很難說(shuō)這個(gè)產(chǎn)品設(shè)計(jì)的合理程度是另外一個(gè)產(chǎn)品的幾倍,或者這個(gè)版本的體驗(yàn)比上一個(gè)版本優(yōu)化了幾倍,因?yàn)樵O(shè)計(jì)帶來(lái)的影響往往有滯后期以及其他因素的干擾。 設(shè)計(jì)很重要,所以就需要找到合適的人,然而要覓得一個(gè)真正的產(chǎn)品設(shè)計(jì)師卻很難。 設(shè)計(jì)師應(yīng)具備的能力產(chǎn)品設(shè)計(jì)是一種非常特別與微妙的工作,作為一個(gè)優(yōu)秀的產(chǎn)品設(shè)計(jì)師,你要具備以下幾方面的能力。 細(xì)心 雖然“細(xì)心”、“細(xì)節(jié)”這類的詞已經(jīng)被用爛了,但它確實(shí)是產(chǎn)品設(shè)計(jì)需要具備的首要能力,并且,很少有人真正能理解“細(xì)節(jié)是魔鬼”、“細(xì)節(jié)決定一切”的內(nèi)涵與分量。 細(xì)心這個(gè)特點(diǎn)很難后天學(xué)習(xí),至少很難把它變成你的下意識(shí)的思考方式,它與人的性格、生活、工作習(xí)慣等因素息息相關(guān)。 注重細(xì)節(jié)并不是負(fù)擔(dān),一旦它深入你的骨髓,注意細(xì)節(jié)就是條件反射,你隨時(shí)都會(huì)因?yàn)檫@樣的性格特點(diǎn)而接收到比別人多很多的信息,同時(shí),作為上天對(duì)于細(xì)心的你一種饋贈(zèng),你經(jīng)常會(huì)因?yàn)樽⒅丶?xì)節(jié)而得到精神上的愉悅,因?yàn)槟隳軌蚋惺艿胶芏啾怀H撕鲆暤拿篮门c感動(dòng)。除此之外,你還能因?yàn)榧?xì)心洞察到用戶的需求、發(fā)現(xiàn)潛在問(wèn)題,設(shè)計(jì)出近乎完美的產(chǎn)品。 注重細(xì)節(jié)會(huì)造福人類。在細(xì)節(jié)上花費(fèi)的微小的成本,其帶來(lái)的效用與價(jià)值會(huì)因?yàn)楫a(chǎn)品使用人數(shù)和次數(shù)增長(zhǎng)而被線性地放大。比如,不少軟件和網(wǎng)站界面上的單選項(xiàng)都不能通過(guò)點(diǎn)擊radio box圖標(biāo)旁邊的文字而選中,這很不方便。而改善它只需要很少的代碼——程序員省了一分鐘,億萬(wàn)用戶不爽了億萬(wàn)分鐘。這可以看到設(shè)計(jì)和技術(shù)的價(jià)值有多大! 細(xì)節(jié)決定谷歌。想起谷歌當(dāng)年進(jìn)入中國(guó),它那域名中的自造詞“google”,就將絕大多數(shù)中國(guó)人拒之門(mén)外,因?yàn)閷?duì)于大部分人來(lái)說(shuō),在那時(shí)候把這個(gè)單詞正確地拼寫(xiě)出來(lái)幾乎是不可能的——單單這個(gè)細(xì)節(jié),基本就能決定他無(wú)法成功。雖然后來(lái)覺(jué)察到問(wèn)題嚴(yán)重性,推出了全球最短域名“g.cn”、中國(guó)特色的網(wǎng)址導(dǎo)航站“265.com”,但為時(shí)已晚。 邏輯思維能力 由于任何產(chǎn)品都有操作步驟和條件分支,而設(shè)計(jì)產(chǎn)品時(shí)要考慮到的完備的流程邏輯要比產(chǎn)品界面上展現(xiàn)的復(fù)雜得多,所以,如果要設(shè)計(jì)一個(gè)稍微復(fù)雜的產(chǎn)品,產(chǎn)品設(shè)計(jì)師若不認(rèn)真列表格、畫(huà)功能流程圖、狀態(tài)遷移圖的話,肯定會(huì)出問(wèn)題。這就是為什么經(jīng)常會(huì)出現(xiàn)這樣的窘?jīng)r:一大堆人在開(kāi)會(huì)評(píng)審產(chǎn)品設(shè)計(jì)文檔,由于產(chǎn)品流程出現(xiàn)斷層、死循環(huán)或者條件考慮不周等問(wèn)題,產(chǎn)品經(jīng)理講不下去了。 除了掌握系統(tǒng)設(shè)計(jì)的思維方式和工具,產(chǎn)品設(shè)計(jì)的細(xì)節(jié)也往往需要具備較好的邏輯思維能力。比如,現(xiàn)在要設(shè)計(jì)一個(gè)保溫杯,如果不能直接作出推理:“保溫杯→水很燙→沒(méi)法直接喝→需要倒出來(lái)喝→額外攜帶一個(gè)杯子不方便→將保溫杯的蓋子設(shè)計(jì)成蓋子和杯子兩用”,那么就很難做到一次設(shè)計(jì)成功。 讀懂?dāng)?shù)據(jù)需要智商。產(chǎn)品上線之后需要關(guān)注各種統(tǒng)計(jì)指標(biāo),如安裝量、激活量、PV、UV、步長(zhǎng)、跳出率等等,要能夠從各種數(shù)據(jù)的對(duì)比和變化之中看出問(wèn)題進(jìn)而改進(jìn)產(chǎn)品,這些都需要足夠的邏輯思維能力。絕大部分用戶都不會(huì)直接將自己使用產(chǎn)品的的爽與不爽告訴你,通過(guò)數(shù)據(jù)就能將他們的喜怒哀樂(lè)用正態(tài)分布展示出來(lái)。 創(chuàng)新能力 這同樣是一個(gè)高頻詞匯。對(duì)于產(chǎn)品設(shè)計(jì)的創(chuàng)新而言,可以包含創(chuàng)意出新的產(chǎn)品以及在現(xiàn)有產(chǎn)品的細(xì)節(jié)之處進(jìn)行創(chuàng)新(即大名鼎鼎的微創(chuàng)新)。創(chuàng)新在很大程度上其實(shí)并不是發(fā)明了地球上沒(méi)有的東西,而是你發(fā)現(xiàn)了用戶的某種需求沒(méi)有被滿足、用戶每次要費(fèi)很大勁才能完成一件事,你設(shè)計(jì)出了相應(yīng)的產(chǎn)品來(lái)讓他用。從另外一個(gè)角度來(lái)講,創(chuàng)新能力可以看作是“注重細(xì)節(jié)”的副產(chǎn)品。除了個(gè)人需要保持好奇心、富有探索精神外,創(chuàng)新也有規(guī)律可循,也有很多成型的方法和工具,比如頭腦風(fēng)暴、逆向思維、組合等。 迭代 迭代,這個(gè)從數(shù)學(xué)和計(jì)算機(jī)領(lǐng)域走出來(lái)的專業(yè)術(shù)語(yǔ),現(xiàn)在卻散發(fā)著濃郁的鄉(xiāng)土氣息。對(duì)于產(chǎn)品設(shè)計(jì)而言,迭代就是有錯(cuò)就改、不停地改、快速地改。與其說(shuō)這是產(chǎn)品設(shè)計(jì)需要具有的一種素質(zhì),不如說(shuō)是應(yīng)該掌握的一種方法?;ヂ?lián)網(wǎng)產(chǎn)品由于其技術(shù)形態(tài)的特殊,使得它的更新成本低、不存在遞交延遲,這不得不說(shuō)是互聯(lián)網(wǎng)設(shè)計(jì)師和研發(fā)人員的福音:上線了發(fā)現(xiàn)不好就改掉、面對(duì)多個(gè)方案不知所措了就用A/B test。 設(shè)計(jì)師的層級(jí)根據(jù)能力的高下,可以將產(chǎn)品設(shè)計(jì)師分為四個(gè)級(jí)別。 初級(jí)設(shè)計(jì)師 這樣的設(shè)計(jì)師剛開(kāi)始設(shè)計(jì)產(chǎn)品,他們心懷設(shè)計(jì)牛逼產(chǎn)品的偉大理想,但是由于天賦和經(jīng)驗(yàn)的不足,導(dǎo)致產(chǎn)品的基本功能都設(shè)計(jì)得不太合理,用戶的主觀感受就是“不好用”,“用一兩次就不想用了”。 下面這只棉拖鞋,就可以認(rèn)為是出自初級(jí)設(shè)計(jì)師之手。 它看上去做工精良,鞋上的喜羊羊圖案顯得高貴與內(nèi)斂。但是它卻存在一個(gè)致命的設(shè)計(jì)缺陷,就是一點(diǎn)兒防水功能都沒(méi)有,因?yàn)榈鬃又車哺采w了絨布,這樣當(dāng)你穿著在衛(wèi)生間等地面濕漉漉的地方走一會(huì)兒,腳就濕了――水從鞋底很快就洇了上來(lái)。 好的設(shè)計(jì)應(yīng)該像這樣: 再對(duì)比一下如下這兩個(gè)遙控器的設(shè)計(jì)。左邊這個(gè)看起來(lái)非常高檔,但是用起來(lái)卻不方便,它把最常用的頻道增減和音量增減按鈕放在遙控器的下部,而沒(méi)有放到人順手拿起來(lái)了就能舒適操作的位置。 中級(jí)設(shè)計(jì)師 他們的產(chǎn)品往往基本功能設(shè)計(jì)得還不錯(cuò),但不夠貼心。一個(gè)重要的原因就是,他們只設(shè)計(jì)了功能,而未能考慮到使用場(chǎng)景,也就是說(shuō),產(chǎn)品設(shè)計(jì)的觸角沒(méi)有再往前伸展一步。打個(gè)比方,就像是他們?cè)O(shè)計(jì)出了各種形狀和功能的積木塊,但是沒(méi)有直接為用戶搭好房子和汽車。 比如,對(duì)于“把手機(jī)用作手電筒”這個(gè)需求,中級(jí)設(shè)計(jì)師就會(huì)這樣設(shè)計(jì):手機(jī)里面有一個(gè)“手電筒”app,這個(gè)app有一個(gè)明顯的打開(kāi)/關(guān)閉按鈕,并且,啟動(dòng)時(shí)手電筒應(yīng)該處于打開(kāi)而不是關(guān)閉狀態(tài)。然而,用戶場(chǎng)景是:在伸手不見(jiàn)五指的黑夜,他猴急地想照亮眼前的世界!按照這個(gè)設(shè)計(jì),他不得不先解鎖屏幕,在眾多app海洋中找到這個(gè)app,然后打開(kāi)app。這尼瑪太麻煩了,反人類??!來(lái)看看小米手機(jī)的貼心設(shè)計(jì):在鎖屏狀態(tài)下長(zhǎng)按桌面鍵即可打開(kāi)手電筒。 高級(jí)設(shè)計(jì)師 使用高級(jí)產(chǎn)品設(shè)計(jì)師設(shè)計(jì)出來(lái)的東西,直觀感受是:
這樣的產(chǎn)品體驗(yàn)很流暢,而且考慮了大部分的使用場(chǎng)景。 下面再舉幾個(gè)例子:
高級(jí)設(shè)計(jì)師還會(huì)設(shè)計(jì)出一些讓用戶感到驚喜的小功能。比如,在小米手機(jī)中,當(dāng)你剛存下一個(gè)新號(hào)碼,稍后想給他打電話或者發(fā)短信時(shí),他竟然就出現(xiàn)在最近通話列表和最近的短信接收人列表那里!這樣的貼心小功能,會(huì)給用戶帶來(lái)驚喜。 神設(shè)計(jì)師 神設(shè)計(jì)師設(shè)計(jì)出的產(chǎn)品體驗(yàn)必須非常流暢,神還能創(chuàng)造出新的場(chǎng)景和使用方式。若干年前,大家都認(rèn)為操作計(jì)算機(jī)就是輸入一行一行命令的時(shí)候,發(fā)明圖形操作界面的人就屬于神級(jí)的設(shè)計(jì)師;當(dāng)大家認(rèn)為手機(jī)就應(yīng)該跟電腦一樣采用物理鍵盤(pán)輸入的時(shí)候,摒棄物理鍵盤(pán)、裝配大觸摸屏的iPhone,就屬于神級(jí)的設(shè)計(jì)。 下拉、滾屏自動(dòng)翻頁(yè),也算是一個(gè)很棒的設(shè)計(jì),它突破了點(diǎn)擊“下一頁(yè)”按鈕的舊傳統(tǒng),非常適合逐頁(yè)貪婪瀏覽,你需要做的只是不停地轉(zhuǎn)動(dòng)滾輪和滑動(dòng)手指即可。 神設(shè)計(jì)師還能通過(guò)巧妙而簡(jiǎn)單的設(shè)計(jì)一舉多得地解決N個(gè)問(wèn)題。現(xiàn)在廣泛使用的用戶注冊(cè)策略“將email地址作為用戶名”,也是很好的設(shè)計(jì),它一舉解決了帳戶名重名、真實(shí)性驗(yàn)證、密保郵箱等多個(gè)問(wèn)題。 產(chǎn)品交互產(chǎn)品要將復(fù)雜的實(shí)現(xiàn)用交互界面隱藏起來(lái),內(nèi)部電路和代碼可以猥瑣一些,但界面要正派和好用。 物理形狀比平面標(biāo)識(shí)(文字和圖標(biāo))更易于感知:大部分耳機(jī)左右只寫(xiě)著“L、R”,像我一樣的強(qiáng)迫癥患者,每次都要看清楚左右才會(huì)帶上。好的設(shè)計(jì),就是在“L”的地方設(shè)計(jì)一個(gè)凸點(diǎn),這樣你拿起耳機(jī)就憑借觸感分辨出左右。 凸點(diǎn)的耳機(jī) 在表達(dá)方式上,有以下幾個(gè)規(guī)則:
以上這些規(guī)則同樣適用于你寫(xiě)任何郵件、文檔。 別把專業(yè)術(shù)語(yǔ)和復(fù)雜操作拋給用戶。你是為用戶設(shè)計(jì)軟件,而不是為設(shè)計(jì)師和研發(fā)人員設(shè)計(jì)。同樣是掃描木馬、清理垃圾文件,360把它叫做“電腦體檢”,并打出分?jǐn)?shù),還說(shuō)“你又擊敗了全國(guó)百分之多少的用戶”,這一切讓本來(lái)很高深晦澀的技術(shù)操作變得通俗易懂,這樣的包裝,勢(shì)必還會(huì)增加你的使用頻度。 讓用戶快速地上手,迅速明白這個(gè)產(chǎn)品是干什么的并可以開(kāi)始把玩。如果產(chǎn)品有比較復(fù)雜的設(shè)置,那先把它隱藏,按照大部分的情況處理。那些善于探索的高階用戶,可以在設(shè)置界面里面盡情微調(diào)。 對(duì)比一下這樣兩個(gè)訂火車票的網(wǎng)站:12306和某訂票網(wǎng)站的界面: 著名的12306 某訂票網(wǎng)站 可見(jiàn),12306不僅排版繁雜,不夠美觀,而且讓來(lái)訂票的用戶一上來(lái)不知道先干什么;相比這個(gè)“某訂票網(wǎng)站”的界面就很簡(jiǎn)潔,用戶能很方便地先搜索車次,然后就可以訂票了,除此之外,下面還有明確地流程說(shuō)明。 一般而言,首頁(yè)應(yīng)該有一個(gè)明顯的輸入框、按鈕之類的,來(lái)引導(dǎo)用戶進(jìn)入產(chǎn)品的流程的第一步。對(duì)于稍微復(fù)雜的流程,在頁(yè)面下部還應(yīng)該增加一個(gè)流程圖,而且最好點(diǎn)擊每個(gè)步驟可以了解詳情。 再舉一個(gè)逆天的例子。飛利浦的空氣凈化器有一個(gè)非常奇葩的設(shè)計(jì),導(dǎo)致不少人用了數(shù)月之后,才發(fā)現(xiàn)自己每天白“凈化”了:因?yàn)樗麄儧](méi)有在使用之前拆開(kāi)凈化器,把里面的四層過(guò)濾網(wǎng)塑料的包裝拆除掉,從而沒(méi)有起到任何過(guò)濾效果——機(jī)器工作時(shí)并未檢測(cè)出這種問(wèn)題,還在假模假樣地凈化著。 奇葩的飛利浦空氣凈化器 仔細(xì)看,電纜插頭有一個(gè)小標(biāo)簽,使用說(shuō)明書(shū)里也有一行小字,提示必須先拆除塑料包裝,但是你寫(xiě)這么小,太容易被忽視掉了!而且,對(duì)于空氣凈化器這種產(chǎn)品,一般人肯定認(rèn)為插上電源打開(kāi)開(kāi)關(guān)就能開(kāi)始工作了。雖然仔細(xì)閱讀產(chǎn)品使用說(shuō)明書(shū)是一個(gè)好的習(xí)慣,但是我相信大部分人沒(méi)有這個(gè)習(xí)慣,或者至少不會(huì)是先讀完說(shuō)明書(shū),再開(kāi)始使用產(chǎn)品。人們閱讀說(shuō)明書(shū)往往是因?yàn)楫a(chǎn)品出現(xiàn)問(wèn)題,或者想了解高級(jí)功能。這也是一個(gè)典型的各個(gè)環(huán)節(jié)都出問(wèn)題的案例:產(chǎn)品設(shè)計(jì)不合理、銷售渠道未盡提示義務(wù)、沒(méi)有售后回訪。 不要讓我瞄準(zhǔn)。盡量不要讓用戶的常用操作必須通過(guò)移動(dòng)鼠標(biāo)/移動(dòng)手指瞄準(zhǔn)某個(gè)按鈕進(jìn)行點(diǎn)擊才能完成。 o Chrome瀏覽器中關(guān)閉tab時(shí),關(guān)閉一個(gè)后,下一個(gè)tab的“X”按鈕就在鼠標(biāo)底下,方便你連續(xù)關(guān)閉多個(gè)tab,當(dāng)你不再關(guān)閉將鼠標(biāo)移開(kāi)時(shí),tab寬帶會(huì)自適應(yīng)地變大。(Chrome瀏覽器有很多優(yōu)秀的設(shè)計(jì),值得仔細(xì)研究與體會(huì)) o 手機(jī)App要方便拇指操作,充分利用觸、滑等操作方式,盡量避免必須點(diǎn)擊邊角上的某個(gè)按鈕才能完成的情況。我有一段時(shí)間喜歡使用weico,就是因?yàn)樗軌蚍奖愕厥褂没瑒?dòng)操作從微博詳情頁(yè)返回到微博時(shí)間線,以及通過(guò)輕觸就能查看大圖、返回微博,見(jiàn)下圖。 o Windows經(jīng)過(guò)數(shù)年的創(chuàng)新和研發(fā),終于將“顯示桌面”按鈕移到右下角了!這樣你閉著眼睛就能完成這個(gè)常用的“顯示桌面”的操作了。 o 瀏覽器鼠標(biāo)手勢(shì):按住鼠標(biāo)右鍵在頁(yè)面劃出一個(gè)“L”就能將頁(yè)面關(guān)閉,這樣又酷又方便!妹紙看得目瞪口呆有木有?。磕阍僖膊恍枰苿?dòng)鼠標(biāo)瞄準(zhǔn)tab上面那個(gè)“X”按鈕了,劃“L”甚至比“Ctrl+W”都方便。 關(guān)閉當(dāng)前頁(yè)面的一個(gè)鼠標(biāo)手勢(shì)截圖以及常見(jiàn)的手勢(shì) 搜狗輸入法附帶了一個(gè)鼠標(biāo)手勢(shì)工具,更是將鼠標(biāo)手勢(shì)從瀏覽器中延伸到了任何的軟件界面中,比如在某個(gè)軟件的窗口劃一個(gè)L,就能把它關(guān)閉,確實(shí)挺方便。 保持交互的一致。為了減少用戶的學(xué)習(xí)成本,同一個(gè)公司的各個(gè)相關(guān)產(chǎn)品或者同一個(gè)產(chǎn)品的各個(gè)終端,其交互應(yīng)該保持一致。蘋(píng)果在這方面做得非常好,看圖即可知曉: MAC iPhone與iPad iPod 對(duì)比這幾種設(shè)備的界面,可以看到上面是應(yīng)用的圖標(biāo),下面是Dock,并且圖標(biāo)都一模一樣,就連級(jí)聯(lián)菜單項(xiàng)的設(shè)計(jì)都一致?,F(xiàn)在想想,你的PC站點(diǎn)和WAP/APP的用戶體驗(yàn)?zāi)鼙M量做到一致嗎? 簡(jiǎn)潔的美。蘋(píng)果設(shè)備的極簡(jiǎn)設(shè)計(jì),比如,“外觀無(wú)槽、無(wú)棱”、“電池和存儲(chǔ)卡固化”、“一個(gè)萬(wàn)能插槽”,使得整個(gè)設(shè)備簡(jiǎn)潔、緊湊,而且不容易積灰——?jiǎng)e笑,你看看手里那些布滿溝槽的手機(jī),藏了多少污納了多少垢。 交互方式存在輪回。人類世界始終是一個(gè)輪回,比如“粗布→化纖→粗布”的時(shí)尚輪回以及“野菜→粗糧→細(xì)糧→肉食→粗糧→野菜”食尚輪回。人類與計(jì)算設(shè)備的交互也在經(jīng)歷著輪回:“觸摸(手撥算盤(pán)是最早的多點(diǎn)觸控哦親)→撥動(dòng)電子設(shè)備上的按鈕和開(kāi)關(guān)→鍵盤(pán)輸入命令→圖形界面→鼠標(biāo)→觸摸/語(yǔ)音/光線/距離/方向/重力感應(yīng)等”,即從最直觀最自然的交互方式又回到了最直觀最自然的交互方式。值得指出的是,這種輪回并不是人類吃飽了沒(méi)事干故意繞彎路,而是越直觀、越自然的交互方式與計(jì)算設(shè)備內(nèi)部的實(shí)現(xiàn)形式(電平信號(hào))差異性太大,所以需要更加先進(jìn)的技術(shù)才能進(jìn)行準(zhǔn)確地識(shí)別與轉(zhuǎn)化。 產(chǎn)品的檢驗(yàn)產(chǎn)品發(fā)布之后,需要檢驗(yàn)產(chǎn)品設(shè)計(jì)是否合理。通常的方法就是關(guān)注宏觀的統(tǒng)計(jì)數(shù)據(jù),一般也就是產(chǎn)品的各項(xiàng)KPI指標(biāo),如安裝量/激活/活躍數(shù)、PV/UV等等。 誰(shuí)用誰(shuí)知道。除了“用數(shù)據(jù)說(shuō)話”,對(duì)于產(chǎn)品體驗(yàn)的檢驗(yàn)來(lái)說(shuō),發(fā)揮自己的主觀能動(dòng)性也很重要,而且方法及其簡(jiǎn)單,就是——自己tmd多用幾遍!如果產(chǎn)品需求文檔寫(xiě)完、軟件編碼、測(cè)試、上線完之后,設(shè)計(jì)和研發(fā)人員自己都不會(huì)再用的話,這樣的產(chǎn)品肯定很難做好,更不可能做到卓越。 舉例:PC上的詞典軟件很多,但是很多裝上用了之后,發(fā)現(xiàn)居然連基本的功能都不具備:其屏幕取詞功能在很多常用的軟件中都不能工作,比如不能在Chrome或者火狐瀏覽器中取詞,這是不可想象的。詞典軟件還有一個(gè)設(shè)計(jì)誤區(qū)就是認(rèn)為“詞典就是中英互譯”,所以很多軟件默認(rèn)都沒(méi)有提供漢語(yǔ)詞典。然而用戶經(jīng)常會(huì)看到生字不知道讀音和含義,想用取詞功能查一下,結(jié)果發(fā)現(xiàn)只能查到對(duì)應(yīng)的英文單詞翻譯,所以只能百度一下了。 有的新聞App在新聞詳情頁(yè)中,可以通過(guò)左右滑動(dòng)手指來(lái)切換到上一篇/下一篇新聞,這個(gè)功能看似很貼心,但實(shí)際上是不合理的,因?yàn)榇蠹铱葱侣劦牧?xí)慣是在新聞列表頁(yè)根據(jù)新聞標(biāo)題來(lái)決定是否點(diǎn)擊進(jìn)入詳情頁(yè),而不是打開(kāi)的詳情頁(yè),直接在里面切換。 以上這幾個(gè)例子當(dāng)中提到的問(wèn)題,既沒(méi)有隱藏在冰山之下,也不是什么小眾的BT需求,產(chǎn)品設(shè)計(jì)師只需要自己用一下就能發(fā)現(xiàn)。 不光是要多用,而且要在各種場(chǎng)景中用。只呆在辦公室里冥思苦想與憑空爭(zhēng)論,肯定難以設(shè)計(jì)出好的體驗(yàn)。上面舉的那個(gè)“手機(jī)App要支持甩一下切歌”就是一個(gè)例子,產(chǎn)品經(jīng)理如果只是在辦公室捧著自己設(shè)計(jì)出來(lái)的App,就覺(jué)得“你看我的App能很方便地播放、暫停、切換下一首啊”,就會(huì)產(chǎn)生“我的產(chǎn)品非常完美”的幻覺(jué)。這次國(guó)慶長(zhǎng)假不少人都出外旅游,我看知名網(wǎng)絡(luò)紅人Fenng和老岳說(shuō),在出游過(guò)程中發(fā)現(xiàn)了移動(dòng)互聯(lián)網(wǎng)還有很多機(jī)會(huì),這就是一個(gè)例證。我黨都說(shuō)要深入群眾嘛,所以產(chǎn)品設(shè)計(jì)師也要響應(yīng)號(hào)召,在光怪陸離的生活當(dāng)中去體驗(yàn)產(chǎn)品。各種各樣的使用場(chǎng)景不僅是孕育新產(chǎn)品的土壤,也是讓既有產(chǎn)品持續(xù)改進(jìn)的試驗(yàn)場(chǎng)。 產(chǎn)品設(shè)計(jì)和研發(fā)人員自己使用還不夠,還需要發(fā)動(dòng)廣大的用戶,給他們一個(gè)平臺(tái)和渠道,讓他們給產(chǎn)品提意見(jiàn)建議。這就像軟件測(cè)試一樣,更多的人和更多次的使用,才能將各種情況和分支覆蓋到。 檢驗(yàn)產(chǎn)品體驗(yàn)還有一個(gè)“一步原則”,意思就是,如果一個(gè)用戶常用的操作,需要多步才能完成,那么必須改進(jìn)。比如,大家看到網(wǎng)頁(yè)里面有一個(gè)東西需要搜索下,一般需要先選中關(guān)鍵字,復(fù)制,然后粘貼到地址欄,敲回車搜索,或者選中后點(diǎn)擊鼠標(biāo)右鍵菜單進(jìn)行搜索(假設(shè)鼠標(biāo)右鍵菜單能夠識(shí)別是搜索還是打開(kāi)鏈接)。這樣一個(gè)常用的操作不能便捷地一步完成,所以肯定可以改進(jìn):比如增加選中內(nèi)容后鼠標(biāo)拖放的功能,即,如果選中的是鏈接,拖放后直接打開(kāi)這個(gè)鏈接;否則拖放后用該關(guān)鍵字進(jìn)行搜索。 這個(gè)“一步原則”可以說(shuō)是發(fā)明創(chuàng)造、產(chǎn)品創(chuàng)意的源泉?!皯腥藙?chuàng)造了世界”那句話就是這個(gè)意思,為原來(lái)費(fèi)時(shí)費(fèi)力的重復(fù)性工作制造出工具來(lái)代替人完成——將這個(gè)星球最智慧的生物解放出來(lái)干更牛逼的事情。 娛樂(lè)精神在這個(gè)全民娛樂(lè)、信息爆炸的社會(huì)里,一個(gè)產(chǎn)品僅僅具備了實(shí)打?qū)嵉幕竟δ苁遣粔虻?,還需要在產(chǎn)品功能上增加貼近用戶的娛樂(lè)因素,這種思維并不只是適用于強(qiáng)調(diào)“吸引眼球和娛樂(lè)用戶”的市場(chǎng)推廣的領(lǐng)域里。 娛樂(lè)精神,就是要求產(chǎn)品具有有趣的交互形式。比如,微信的搖一搖、騰訊微博的吹一吹、騰訊手機(jī)管家的小火箭和嫦娥。其實(shí),對(duì)于這些功能來(lái)說(shuō),你完全可以設(shè)計(jì)成一個(gè)傻傻的按鈕來(lái)觸發(fā)!但就是這個(gè)交互形式的變化,讓同樣一件事情變得有趣得多。 娛樂(lè)精神的另外一方面,體現(xiàn)在產(chǎn)品的各個(gè)細(xì)節(jié)之處,小到一句文案或者一張圖片。比如在小米手機(jī)里面更新系統(tǒng)時(shí),如果已經(jīng)是最新版了,小米就會(huì)賣(mài)萌: 小米賣(mài)萌 還有一個(gè)就是著名的圖吧導(dǎo)航在蘋(píng)果App Store里面的吐槽: 圖吧吐槽 同樣是寫(xiě)一句話,包含娛樂(lè)、賣(mài)萌元素之后,效果會(huì)天壤之別,會(huì)讓冷冰冰的晶體管組成的設(shè)備或者01代碼堆砌成的軟件變得有人情味,一下子拉近了與用戶的距離。既然賣(mài)萌并不費(fèi)太多事,你干嘛不搞得有趣些呢?做人、做軟硬件,最重要的是開(kāi)心。 在App繁榮的年代,你不得不面對(duì)一個(gè)現(xiàn)實(shí):App也成了消耗品。除了那些綁定了強(qiáng)的好友關(guān)系的App(QQ、微信、微博等)或者是剛需類的工具App(搜索、音樂(lè)、視頻、游戲等)可以天長(zhǎng)日久,其他很多創(chuàng)新類的App就別奢望能壽與天齊了。比如之前火爆的Draw Something,你還在玩嗎?所以App設(shè)計(jì)者可以改變一下思路,既然不能長(zhǎng)命百歲,那干脆就在一開(kāi)始把它當(dāng)作消耗品來(lái)做——從一開(kāi)始或者至少剛眼看要火的時(shí)候,就考慮到商業(yè)收益的問(wèn)題,比如廣告植入乃至App冠名神馬的——同學(xué),這不丟人!在這個(gè)App短暫而輝煌的生命周期內(nèi),它讓用戶得到了娛樂(lè)、為開(kāi)發(fā)者帶來(lái)了money、讓贊助商品牌權(quán)益得以體現(xiàn),達(dá)到了多贏、和諧結(jié)局,何樂(lè)而不為呢?當(dāng)它已經(jīng)風(fēng)光不再時(shí),你就化悲傷為動(dòng)力,重新出發(fā),投入到下一個(gè)App的創(chuàng)意當(dāng)中吧。 形成生態(tài)圈生態(tài)圈是整個(gè)生物界繁衍生息的系統(tǒng)保證。在信息世界當(dāng)中,也需要構(gòu)筑信息生態(tài)圈,大到產(chǎn)品布局乃至產(chǎn)業(yè)鏈、小到產(chǎn)品內(nèi)部的功能設(shè)計(jì),所有這一切,就是讓二進(jìn)制流以合適的方式被產(chǎn)生、流動(dòng)、加工和接收。當(dāng)然,這個(gè)生態(tài)圈必須考慮到人,要讓人與產(chǎn)品、人與人充分互動(dòng)起來(lái)——后者其實(shí)更加重要,這才能引起病毒傳播。曾經(jīng)火爆的那些SNS游戲如“搶車位、奴隸買(mǎi)賣(mài)以及偷菜”,都是靠了人的關(guān)系——人玩人,才風(fēng)靡神州大地。 云生態(tài)圈?,F(xiàn)在大大小小的公司都在制造云,都在以免費(fèi)、大容量等喜人條件來(lái)期盼用戶將自己的各種數(shù)據(jù)存儲(chǔ)到云端,不過(guò)往往忽視了數(shù)據(jù)生態(tài)圈的建設(shè)。如果數(shù)據(jù)只是存到了云端,而沒(méi)有被展示出去,那么非但沒(méi)有價(jià)值,而且成了累贅,額外增加了云的服務(wù)器和帶寬成本。 現(xiàn)在假設(shè)你有一個(gè)相冊(cè)產(chǎn)品,可以讓用戶將照片備份到云端。殘酷的現(xiàn)實(shí)是,除了幾個(gè)大佬公司,一般的產(chǎn)品都缺乏健壯、大量的好友關(guān)系,這就會(huì)陷入上傳后不容易分享出去,進(jìn)而不愿意上傳的惡性循環(huán)當(dāng)中。而且,你還不能冒然將這些寶貴的用戶照片資源補(bǔ)充到其他的產(chǎn)品中,因?yàn)樗撬接械摹脩羰窃趥浞菡掌?,并不是在分享照片?/P> 就目前來(lái)看,用戶“將自己的照片備份到云端的需求”并不強(qiáng)烈,如果硬要說(shuō)這個(gè)需求已經(jīng)如火如荼,那么多半是因?yàn)槟惚粍e人家的繁榮景象所蒙蔽:用戶在微博、QZone等手機(jī)端每天上傳數(shù)億張照片,這確實(shí)很牛逼,但是要知道,這些用戶并不是想把照片“存”到云端,而是想分享!通俗地講,就是想得瑟,求贊美、求安慰或者求鄙視。試想一下,如果上傳的照片沒(méi)人看、沒(méi)人評(píng)論,你還會(huì)是上傳嗎? 要讓生態(tài)圈里面的數(shù)據(jù)充分地銜接和流動(dòng),尤其是用產(chǎn)品的機(jī)制,而不是人肉傳遞。一般百科辭典都有百萬(wàn)千萬(wàn)的詞條,完全可以把這些詞條通過(guò)知識(shí)樹(shù)的形式組織起來(lái),讓學(xué)習(xí)者很直觀地看到知識(shí)之間的關(guān)聯(lián)關(guān)系。可以參考微軟的人立方那樣展示出來(lái)。 王石的人立方 再看看百度幾個(gè)當(dāng)家老花旦的數(shù)據(jù)流動(dòng)。網(wǎng)民經(jīng)常在百度搜索A關(guān)鍵詞,于是在貼吧創(chuàng)建A吧讓大家在里面討論與交流。用戶經(jīng)常詢問(wèn)有關(guān)A的一個(gè)問(wèn)題,于是就可以把這個(gè)問(wèn)題放到百度知道里面提問(wèn)、回答和搜索。一些關(guān)于名人、術(shù)語(yǔ)的問(wèn)題被反復(fù)問(wèn)道,那么就創(chuàng)建一個(gè)詞條,把它放進(jìn)百度百科。而無(wú)論貼吧、知道和百科,反過(guò)來(lái)又是為百度搜索提供了優(yōu)質(zhì)的內(nèi)容。 攜帶海量基因數(shù)據(jù)的小蝌蚪在奮勇向前游動(dòng),但是往往障礙重重。新浪微博的圖片長(zhǎng)微博就算一個(gè)阻礙信息流動(dòng)的例子。在新浪微博里,由于一條微博最多140字,所以導(dǎo)致很多人無(wú)奈地將自己的長(zhǎng)篇大論變成圖片發(fā)送出去,這個(gè)需求也催生了多個(gè)專業(yè)生成長(zhǎng)微博圖片的網(wǎng)站。文字變成圖片,看似簡(jiǎn)單的一個(gè)變化,雖然它并不影響人的閱讀,但是這個(gè)形式的變化卻使得信息被機(jī)器檢索和加工幾乎成為不可能,這就好比斬?cái)嗔诵◎蝌降奈舶?,使得其活性?yán)重降低。 產(chǎn)品基本功能設(shè)計(jì)好之后,就需要考慮如何把用戶的好友關(guān)系加進(jìn)來(lái),一般來(lái)說(shuō)有如下幾種方式: o 一窮二白干革命,從頭開(kāi)始構(gòu)建好友關(guān)系 o 導(dǎo)入已有的好友關(guān)系:
一般來(lái)說(shuō),重新發(fā)明輪子很難成功。由于好友關(guān)系的壁壘,使得進(jìn)入SNS、IM產(chǎn)品的領(lǐng)域存在很高的門(mén)檻。 擁有了一定規(guī)模的用戶之后,必須懂得感恩:要珍惜這些用戶資源,采用各種方式來(lái)傾聽(tīng)他們的心聲: o 在產(chǎn)品當(dāng)中內(nèi)置通道,比如方便用戶遞交意見(jiàn)建議的按鈕。比如小米手機(jī)的桌面有一個(gè)圖標(biāo),點(diǎn)擊后就可以方便地進(jìn)行意見(jiàn)和故障的反饋,還可以送上系統(tǒng)日志、截圖神馬的。 小米手機(jī)可以方便地反饋問(wèn)題 o 搭建一個(gè)與用戶交流的平臺(tái),比如小米的MIUI論壇。在這個(gè)論壇當(dāng)中收集用戶的意見(jiàn)建議,及時(shí)、定向地發(fā)布產(chǎn)品的信息。 o 監(jiān)控其他的媒體,尤其是微博這種自媒體平臺(tái)。 讓活躍的用戶參與到產(chǎn)品的發(fā)展當(dāng)中。比如讓用戶創(chuàng)作產(chǎn)品的皮膚、讓用戶對(duì)產(chǎn)品的命名或者待開(kāi)發(fā)的功能進(jìn)行投票。 形成一個(gè)產(chǎn)品、廠商與用戶組成的生態(tài)圈之后,就得到了一個(gè)雙贏的結(jié)果:產(chǎn)品因?yàn)槿罕姷闹腔墼絹?lái)越完善;用戶對(duì)產(chǎn)品越來(lái)越忠誠(chéng):當(dāng)一個(gè)人參與其中,在一個(gè)產(chǎn)品中有所付出,那么就很容易對(duì)產(chǎn)品產(chǎn)生感情。 結(jié)束語(yǔ)科學(xué)技術(shù)日新月異,人類社會(huì)不斷進(jìn)步,但這個(gè)世界遠(yuǎn)不夠完美。人的本性是貪婪與自私的,所以僅靠日益萎縮的道德不足以規(guī)范大眾的行為。從法規(guī)政策到規(guī)章制度,從機(jī)器設(shè)備到生活用品,從電子產(chǎn)品到網(wǎng)站App,處處都需要被設(shè)計(jì)、被正確地設(shè)計(jì)。每個(gè)人都是自己生活和事業(yè)的設(shè)計(jì)師,糟糕的設(shè)計(jì)帶來(lái)平淡的人生,不懂得迅速迭代更是讓你失去了扭轉(zhuǎn)局面的寶貴機(jī)會(huì)。 請(qǐng)用心、聰明地設(shè)計(jì)。 來(lái)源:zhubaining投稿,作者微博。 該文章在 2012/11/19 9:43:25 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |