馬化騰-《產(chǎn)品設(shè)計與用戶體驗》省公開課一等獎全國示范課微課金獎?wù)n件

產(chǎn)品設(shè)計與用戶體驗Pony1/39目錄：從案例談產(chǎn)品設(shè)計與用戶體驗產(chǎn)品需求設(shè)計運行式研發(fā)交互設(shè)計與視覺設(shè)計2/39

口碑相傳產(chǎn)品設(shè)計之道關(guān)鍵能力和速度交互體貼細致，視覺簡練清爽高端用戶(意見領(lǐng)袖）關(guān)注怎樣在良好口碑下連續(xù)增加功效3/39產(chǎn)品設(shè)計—口碑相傳暫不借外力情況下（無IM、營銷），對本身產(chǎn)品口碑驗證“QQ有這么多用戶，還需要其它推廣辦法嗎？我們不想借助一些promotion伎倆，想看用戶自然傳輸結(jié)果，愈加堅實一些”“能搭好一個平臺看著用戶數(shù)‘自動’增加是多么爽感覺！讓我們天天都想想能做些什么不“打攪”增加勢頭，連續(xù)爽下去”“我們不缺進來用戶，經(jīng)過優(yōu)異體驗留住用戶，才是我們重點?？诒悄軌蚪?jīng)過優(yōu)異產(chǎn)品體驗積累起來”4/39產(chǎn)品設(shè)計—口碑相傳找到技術(shù)突破點，用戶自然感受到QQ影音比暴風(fēng)做得好在太平洋慣用軟件年度評選中，直逼老牌暴風(fēng)，并成為年度新秀第一

5/39產(chǎn)品設(shè)計—關(guān)鍵性能和速度QQ影音一推出就能夠正面挑戰(zhàn)暴風(fēng)影音，不是因為功效多，界面漂亮，而是在性能和速度上直接超越了暴風(fēng)高清智能加速:

自動判別文件類型和機器顯卡，選擇適當(dāng)解碼器并智能開啟高清加速測試結(jié)果——環(huán)境A(WindowsXP)測試結(jié)果——環(huán)境B(WindowsVista)

6/39產(chǎn)品設(shè)計—關(guān)鍵能力和速度：無所不用其極,表達最強技術(shù)希望在承受范圍內(nèi)盡可能強化這里吸引力，打造國內(nèi)最一流文件平臺“希望我們在這里建設(shè)要無所不用其極，什么方法都要想，加緊速度。只要在文件傳送這一點形成強大難以逾越實用性口碑，最終勝算就大增”“抓緊把超高速上傳布局好，這里還是有機會在我們傳文件快這個口碑上建立壁壘。這里需要大量IDC布局和server調(diào)度程序建立門檻”優(yōu)異技術(shù)實現(xiàn)+優(yōu)異產(chǎn)品體驗=優(yōu)異產(chǎn)品“對手機郵件客戶端，需要一些協(xié)議級底層研究，

最少流量狀態(tài)同時，向Blackberry看齊”7/39產(chǎn)品設(shè)計—交互界面：少即是多做得越多越不好，我們需要經(jīng)常告誡自己，是不是做得太多了？用戶價值不會因為是統(tǒng)一了（大而全）而表達，而是每一個單項是否能真正贏得用戶喜愛?！昂唵巍标P(guān)鍵在于，做好最關(guān)鍵10個，放棄其它90個。技術(shù)人員總希望將每個需要不需要功效都鋪在面板上讓用戶看到。而好產(chǎn)品總是讓用戶看不到技術(shù)存在。8/39產(chǎn)品設(shè)計—高端用戶口碑影響力做差異化和高端化賣點倒是不錯，未必有多少人用，但能影響人，如IMAP4功效只有我們和GMail做了無償IMAP服務(wù)！IMAP，郵件搜索，SSL而且是滿足最挑剔高端用戶需求QQMail是國內(nèi)第一家支持郵件全文搜索郵箱9/39產(chǎn)品設(shè)計—高端用戶口碑：只要是用戶需要，不妨大氣一些我們能夠大氣一些，有用戶價值我們就應(yīng)該這么做。贏得高端挑剔用戶口碑只要在POP文件夾回復(fù)和寫信默認(rèn)帳號都是該POP地址，甚至以后我們還允許用戶將全部發(fā)信地址都缺省設(shè)置為其它郵箱地址。以后數(shù)據(jù)證實，POP文件夾使用用戶超出85%都是活躍用戶，我們?nèi)诵曰?wù)更能贏得用戶認(rèn)可提供POP，提供自動轉(zhuǎn)發(fā)，SMTP發(fā)送也自動保留到發(fā)件箱升級到50M附件（業(yè)界最大）10/39產(chǎn)品設(shè)計—高端用戶口碑影響力:安全和新終端接入支持雙重密碼，愈加安全支持郵箱名，能關(guān)閉數(shù)字帳號支持高端和商務(wù)手機體驗11/39產(chǎn)品設(shè)計—高端用戶口碑瀏覽器兼容性，如QQMail一直是兼容各種瀏覽器IE內(nèi)核類FirefoxChromeSafariOpera產(chǎn)品功效向后兼容性產(chǎn)品升級時兼容性考慮，包含用戶設(shè)置配置和使用習(xí)慣配置安裝位置，文件夾命名格式等怎樣更Smart更改注冊表（已經(jīng)有則無需再寫，降低操作系統(tǒng)和安全產(chǎn)品預(yù)警）12/39產(chǎn)品設(shè)計—滿足用戶個性化需求在無形中提供針對用戶個性化服務(wù)默認(rèn)提供當(dāng)?shù)匦侣劊⑻峁┯脩粼O(shè)置當(dāng)?shù)靥鞖?，個性化換膚（推送+自定義）13/39產(chǎn)品設(shè)計—連續(xù)增加新功效怎樣在良好口碑下連續(xù)增加功效常規(guī)功效逐步補齊細小局部創(chuàng)新永不滿足建立快速反應(yīng)開發(fā)機制，實時灰度上線體驗與反饋調(diào)整慎重增加，判斷用量，適時出現(xiàn)產(chǎn)品經(jīng)理與開發(fā)人員驅(qū)動心態(tài)14/39小結(jié)產(chǎn)品設(shè)計口碑傳輸少即是多兼容性無所不用其極關(guān)注性能和速度抓住高端用戶大氣設(shè)計滿足用戶個性化需求尋求差異15/39運行式研發(fā)服務(wù)可靠穩(wěn)定：基礎(chǔ)設(shè)施、架構(gòu)、應(yīng)用設(shè)計對容災(zāi)考慮日日用（包含周末），人盯人看論壇，搜博客，重視反饋，表達開發(fā)團體活力，拿口碑建立快速上線測試機制16/39運行—不穩(wěn)定會“功虧一簣”“運行真不能再出問題了。IDC和應(yīng)用抗故障兩方面都要加強，不然功虧一簣”07年QQMail出了一些運維故障。現(xiàn)在經(jīng)過關(guān)鍵系統(tǒng)和業(yè)務(wù)數(shù)據(jù)異常波動來發(fā)覺問題17/39運行—抗災(zāi)容災(zāi)能力“發(fā)生硬件故障時，最少要能讓用戶看郵件”今年發(fā)生好幾次硬盤故障造成幾小時郵箱不能用。現(xiàn)在QQMail正在開發(fā)“實時只讀容災(zāi)系統(tǒng)”，即使硬件故障，用戶也能利用實時備份數(shù)據(jù)進入到郵箱“只讀”模式讀郵件（同時支持寫郵件）。18/39運行—跟蹤用戶定位問題“當(dāng)看到用戶在論壇和博客上提到相關(guān)郵箱一些不明確問題時，產(chǎn)品人員都會經(jīng)過QQ、郵件等各種可能聯(lián)絡(luò)方式，主動去聯(lián)絡(luò)對方，搞清楚問題細節(jié)并處理問題。當(dāng)然，用戶也會報答我們一個好口碑?！毖a充：有位QQ員工給我發(fā)信息，問我QQ號碼，想知道為何我總收到那么多垃圾郵件。我給了他QQ號碼。幾個月時間過去了，垃圾郵件問題得到了處理，在這里對他說一聲謝謝。只有那些精益求精員工呆在企業(yè)里面，企業(yè)才能愈加好發(fā)展，員工前途才能愈加光明。Tecent企業(yè)確實吸收了那些最優(yōu)異員工，支持！

19/39交互設(shè)計把自己想象成一個遲鈍、挑剔、易怒傻瓜來使用產(chǎn)品抓主要矛盾，重點關(guān)注最常使用交互點產(chǎn)品經(jīng)理有前臺和后臺技術(shù)背景，有利于設(shè)計判斷和平衡擅長體會和學(xué)習(xí)業(yè)界優(yōu)異交互案例視覺關(guān)注和決議行動，決定準(zhǔn)確和快一秒鍵盤少敲一下，鼠標(biāo)易于點選，鼠標(biāo)少移一段，操作形成定勢照料用戶習(xí)慣怎樣把新功效引入20/39交互設(shè)計—Don'tmakemethink“返回”位置和做法很主要：這是整個QQMail交互“樞紐”，如同圍棋中“玉柱”，也定義了郵箱交互格調(diào)。幫用戶自動選中：在輸入獨立密碼或加密folder輸入密碼時錯誤后，應(yīng)該把輸入框內(nèi)內(nèi)容select上，這么就能夠直接打入而不用去除了光標(biāo)定位：之前點"回復(fù)"時光標(biāo)focus到正文問題改好了,但卻沒有注意到點"轉(zhuǎn)發(fā)"時光標(biāo),反而應(yīng)是在"收件人"處而不是正文處,因為普通總要填寫轉(zhuǎn)發(fā)人,而回復(fù)(包含回復(fù)全部)則是直接輸入內(nèi)容.21/39交互設(shè)計—符適用戶習(xí)慣與預(yù)期類Outlook客戶端操作，但比它做得更優(yōu)異先字母排序，再優(yōu)先顯示最近聯(lián)絡(luò)人，降低鍵盤操作。這么細體驗，但一旦用上，就以為別同類產(chǎn)品很粗糙了！VS22/39交互設(shè)計—符適用戶習(xí)慣與預(yù)期兼容客戶端郵件菜單習(xí)慣在用TT或QQ/TM/RTX截屏后圖,mail原來在寫信時用Ctrl-V能夠貼出來，但右鍵則不能。不要隨意去掉用戶正在使用功效原來mail在做出了“HTML方式查看”后，去掉了“打開”功效符適用戶預(yù)期，點擊其它地方，WEBQQ浮動窗口隱藏到固定位置23/39交互設(shè)計—適時提醒沒必要提醒不需要出現(xiàn)而適時出現(xiàn)提醒或功效，用得好，不但不會騷擾用戶，還是對用戶細致關(guān)心（當(dāng)未讀郵件過多時，提醒刪除歷史郵件）數(shù)字和字母帳號不一樣方式；圖片驗證旁提醒“不區(qū)分大小寫”，細節(jié)中表達體貼;

修改前修改后24/39交互設(shè)計—不強迫用戶喜愛QQMail很多用戶有不少是比較喜歡潔凈，TIPSICON默認(rèn)不點亮不濫用QQ資源，保護用戶體驗需求：是否要讓QQ打包一個右鍵菜單“發(fā)送文件到郵件”占領(lǐng)用戶右鍵？結(jié)論：“這種強制右鍵少搞為妙，為不到1％需求讓99％人右鍵被染很不好?！?5/39交互設(shè)計—尋求最正確方案看起來很小細節(jié)，也是需要對各種方案重復(fù)斟酌，才能做出最正確選擇。收到帶附件信在上面提醒得不夠好，假如才是1-2個附件，完全能夠把附件名全部顯示出來。上面下面都顯示附件位置，上下左右都放了一遍，最終選擇帶文件名方案以前方案現(xiàn)在方案26/39交互設(shè)計—操作便利鼠標(biāo)響應(yīng)區(qū)域大小，靈敏度和準(zhǔn)確度，直接影響操作體驗示例：QQMail，業(yè)務(wù)導(dǎo)航區(qū)，QQ音樂QQ影音快捷播放按鈕：最初設(shè)計改為方形擴大點擊區(qū)域，考慮性能去掉按鈕顯示

最初設(shè)計優(yōu)化后最終鼠標(biāo)動作需要準(zhǔn)確判斷，捕捉用戶意圖（如：QQ影音鼠標(biāo)左鍵點擊準(zhǔn)確判斷）左鍵單擊畫面能夠移動窗口沒有移動窗口時左鍵彈起才暫停畫面，移動范圍少于一定數(shù)值算暫停右鍵菜單出現(xiàn)后左擊畫面不執(zhí)行暫停，視為取消右鍵菜單27/39小結(jié)交互設(shè)計Don'tmakemethink符適用戶習(xí)慣與預(yù)期做適時提醒不強迫用戶選擇最正確方案操作便利28/39視覺設(shè)計—傳輸產(chǎn)品理念只有當(dāng)我們對產(chǎn)品抱有一個完美理念和愿景時候，我們才能做出優(yōu)美設(shè)計來表達理念“QQ郵箱，常聯(lián)絡(luò)”是我們愿景。這個愿景需要完美產(chǎn)品設(shè)計，優(yōu)異技術(shù)實現(xiàn)，和優(yōu)質(zhì)運行來到達“封面畫和選詞，呼應(yīng)郵件含義，淡雅而不張揚”29/39視覺設(shè)計—潔凈，簡練，工具化“推廣”很主要，“簡練”也很主要，所以舍“推廣”而取“簡練”語音郵箱放到郵箱登錄后郵箱首頁右上角，但太重hardsell了，會影響一些速度和簡練性不多用一個圖片在摯友Qzone文章摘要前加頭像，感覺會破壞閱讀感（輕易吸引眼球到頭像而非文章），而從關(guān)注摯友角度，頭像能突出摯友。但給用戶2個圖片，用戶看哪個呢？工具化設(shè)計意味著清楚邏輯和操作。不是內(nèi)容越多越好，是越簡單越好。30/39視覺設(shè)計—制訂規(guī)范，維持統(tǒng)一文字使用要規(guī)范，語法，大小，顏色，大小寫都需要注意能用一個詞表示，不用一句話。能用一句話表示清楚，不用兩句話每個概念都只有唯一一個表示。如”VIP”概念能用一個字體顏色，不多用一個顏色能用一個字體大小，不多用一個大小用標(biāo)準(zhǔn)組件能用標(biāo)準(zhǔn)控件，不自己畫控件

（一個button，就有focused,selected,up/down,enabled/disabled,tab次序等各種狀態(tài)要畫和處理，不輕易，而且要考慮瀏覽器兼容）能用文字，不用圖片（加圖片是要申請）保持盡可能少格式式樣維持統(tǒng)一就算字體和行間距等小細節(jié)都應(yīng)該關(guān)注到英文字體Tahoma31/39視覺設(shè)計—重點突出每個頁面（板塊）只有一塊視覺重點。而且，突出重點，不讓用戶去找。原來設(shè)計排版不對，有一橫條壓著情況黃色塊就不能加框，視覺會很繁雜看著不舒適，句號也是多出原來方案當(dāng)前方案·Pony：在設(shè)置了獨立密碼情況下,當(dāng)?shù)顷懙叫枰斎氇毩⒚艽a時,總是先出來輸入框,此時已可輸入,我經(jīng)常是立刻輸入,但打了幾個字母后上面,才瞬間出現(xiàn)上面黃色提醒"請輸入獨立保護密碼",而會造成輸入框位置立刻下壓,比較影響輸入.最好能改一改html里結(jié)構(gòu),能夠快速讓人立刻輸入(越快越好)基礎(chǔ)上,其它顯示能夠慢些load到但不應(yīng)影響其它部件改變.32/39視覺設(shè)計—預(yù)防不恰當(dāng)?shù)妄g化在追求“簡單”過程中，QQMail不知不覺變得“中性”、“成熟”化。當(dāng)我們愈加理性和嚴(yán)謹(jǐn)?shù)卦O(shè)計產(chǎn)品時候，自然會遠離“低齡”傾向?！俺墒臁痹醋院侠碓O(shè)計，“低齡”源自不合常理設(shè)計。

不恰當(dāng)?shù)妄g化33/39小結(jié)視覺設(shè)計傳輸產(chǎn)品理念大氣成熟，潔凈整齊，工具化規(guī)范與統(tǒng)一重點突出預(yù)防不恰當(dāng)?shù)妄g化34/39補充：QQMail和QQ影音體驗成功關(guān)鍵點QQMail總結(jié)起來，做到了：快速，穩(wěn)定，功效強，體驗好快速：QQMail登錄速度是同類產(chǎn)品最快，最初“簡捷版”訴求就是“簡單，快速”穩(wěn)定：一直在努力中功效強：不一定做很多功效，但做了要做到最好體驗好：只有貫通產(chǎn)品設(shè)計，UI設(shè)計，技術(shù)設(shè)計與實現(xiàn)，才能確保好體驗QQ影音低調(diào)推出后，外界反響普遍不錯，是我們桌面產(chǎn)