一個(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)含的智慧?，F(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)槟隳軌蚋惺艿胶芏啾怀Ｈ撕鲆暤拿篮门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)題?，F(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ì)都一致。現(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ì)賣萌：
小米賣萌 還有一個(gè)就是著名的圖吧導(dǎo)航在蘋(píng)果App Store里面的吐槽：
圖吧吐槽 同樣是寫(xiě)一句話，包含娛樂(lè)、賣萌元素之后，效果會(huì)天壤之別，會(huì)讓冷冰冰的晶體管組成的設(shè)備或者01代碼堆砌成的軟件變得有人情味，一下子拉近了與用戶的距離。既然賣萌并不費(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游戲如“搶車位、奴隸買賣以及偷菜”，都是靠了人的關(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)文章
正在查詢... 
|
400 186 1886
