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