產(chǎn)品設(shè)計與用戶體驗Good課件

向偉大的公司學(xué)習(xí)——Tencent的產(chǎn)品之道向偉大的公司學(xué)習(xí)——Tencent的產(chǎn)品之道1馬化騰經(jīng)典語錄★請大家一定要把“用戶第一”銘記心中★同質(zhì)化的競爭環(huán)境下，決定競爭差距的關(guān)鍵因素就是執(zhí)行力和創(chuàng)新的強(qiáng)弱。我們來看看，騰訊是如何做到這些理念的。馬化騰經(jīng)典語錄2產(chǎn)品設(shè)計與用戶體驗Pony產(chǎn)品設(shè)計與用戶體驗Pony3目錄：從案例談產(chǎn)品設(shè)計與用戶體驗產(chǎn)品需求設(shè)計運營式研發(fā)交互設(shè)計與視覺設(shè)計目錄：從案例談產(chǎn)品設(shè)計與用戶體驗4

口碑相傳的產(chǎn)品設(shè)計之道核心能力和速度交互體貼細(xì)致，視覺簡潔清爽高端用戶(意見領(lǐng)袖）的關(guān)注如何在良好口碑下持續(xù)增加功能口碑相傳的產(chǎn)品設(shè)計之道5產(chǎn)品設(shè)計—口碑相傳暫不借外力情況下（無IM、營銷），對自身產(chǎn)品的口碑驗證“QQ有這么多用戶，還需要其它推廣措施嗎？我們不想借助一些promotion手段，想看用戶自然傳播的結(jié)果，更加堅實一些”“能搭好一個平臺看著用戶數(shù)‘自動’增長是多么爽的感覺！讓我們每天都想想能做些什么不“打擾”增長的勢頭，持續(xù)的爽下去”“我們不缺進(jìn)來的用戶，通過優(yōu)秀的體驗留住用戶，才是我們的重點。口碑是可以通過優(yōu)秀的產(chǎn)品體驗積累起來的”產(chǎn)品設(shè)計—口碑相傳暫不借外力情況下（無IM、營銷），對自身產(chǎn)6產(chǎn)品設(shè)計—口碑相傳找到技術(shù)的突破點，用戶自然感受到QQ影音比暴風(fēng)做得好在2008太平洋常用軟件年度評選中，直逼老牌暴風(fēng)，并成為年度新秀第一

產(chǎn)品設(shè)計—口碑相傳找到技術(shù)的突破點，用戶自然感受到QQ影音比7產(chǎn)品設(shè)計—核心性能和速度QQ影音一推出就可以正面挑戰(zhàn)暴風(fēng)影音，不是因為功能多，界面漂亮，而是在性能和速度上直接超越了暴風(fēng)高清智能加速:

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

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

最少流量的狀態(tài)同步，向Blackberry看齊”產(chǎn)品設(shè)計—核心能力和速度：無所不用其極,體現(xiàn)最強(qiáng)的技術(shù)希望在9產(chǎn)品設(shè)計—交互界面：少即是多做得越多越不好，我們需要經(jīng)常告誡自己，是不是做得太多了？用戶價值不會因為是統(tǒng)一了（大而全）而體現(xiàn)的，而是每一個單項是否能真正贏得用戶的喜愛?！昂唵巍钡暮诵脑谟冢龊米詈诵牡?0個，放棄其它的90個。技術(shù)人員總希望將每個需要的不需要的功能都鋪在面板上讓用戶看到。而好的產(chǎn)品總是讓用戶看不到技術(shù)的存在。產(chǎn)品設(shè)計—交互界面：少即是多做得越多越不好，我們需要經(jīng)常告誡10產(chǎn)品設(shè)計—高端用戶的口碑影響力做差異化和高端化賣點倒是不錯，未必有多少人用，但能影響人，如IMAP4功能只有我們和GMail做了免費的IMAP服務(wù)！IMAP，郵件搜索，SSL并且是滿足最挑剔的高端用戶的需求QQMail是國內(nèi)第一家支持郵件全文搜索的郵箱產(chǎn)品設(shè)計—高端用戶的口碑影響力做差異化和高端化賣點倒是不錯，11產(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è)界最大）產(chǎn)品設(shè)計—高端用戶口碑：只要是用戶需要的，不妨大氣一些我們可12產(chǎn)品設(shè)計—高端用戶的口碑影響力:安全和新終端接入支持雙重密碼，更加安全支持郵箱名，能關(guān)閉數(shù)字帳號支持高端和商務(wù)手機(jī)體驗產(chǎn)品設(shè)計—高端用戶的口碑影響力:安全和新終端接入支持雙13產(chǎn)品設(shè)計—高端用戶的口碑瀏覽器的兼容性，如QQMail一直是兼容多種瀏覽器IE內(nèi)核類FirefoxChromeSafariOpera產(chǎn)品功能的向后兼容性產(chǎn)品升級時的兼容性考慮，包括用戶的設(shè)置的配置和使用習(xí)慣配置安裝位置，文件夾的命名格式等如何更Smart的更改注冊表（已有則無需再寫，減少操作系統(tǒng)和安全產(chǎn)品的預(yù)警）產(chǎn)品設(shè)計—高端用戶的口碑瀏覽器的兼容性，如QQMail一直是14產(chǎn)品設(shè)計—滿足用戶個性化需求在無形中提供針對用戶的個性化服務(wù)默認(rèn)提供本地新聞，并提供用戶設(shè)置本地天氣，個性化換膚（推送+自定義）產(chǎn)品設(shè)計—滿足用戶個性化需求在無形中提供針對用戶的個性化服務(wù)15產(chǎn)品設(shè)計—持續(xù)增加新功能如何在良好口碑下持續(xù)增加功能常規(guī)功能逐步補(bǔ)齊細(xì)小局部創(chuàng)新永不滿足建立快速反應(yīng)開發(fā)機(jī)制，實時灰度上線體驗與反饋調(diào)整謹(jǐn)慎增加，判斷用量，適時出現(xiàn)產(chǎn)品經(jīng)理與開發(fā)人員的驅(qū)動心態(tài)產(chǎn)品設(shè)計—持續(xù)增加新功能如何在良好口碑下持續(xù)增加功能16小結(jié)產(chǎn)品設(shè)計口碑傳播少即是多兼容性無所不用其極關(guān)注性能和速度抓住高端用戶大氣的設(shè)計滿足用戶個性化需求尋求差異小結(jié)產(chǎn)品設(shè)計17運營式研發(fā)服務(wù)可靠穩(wěn)定：基礎(chǔ)設(shè)施、架構(gòu)、應(yīng)用設(shè)計對容災(zāi)的考慮日日用（包括周末），人盯人看論壇，搜博客，重視反饋，體現(xiàn)開發(fā)團(tuán)隊的活力，拿口碑建立快速上線測試機(jī)制運營式研發(fā)18運營—不穩(wěn)定會“功虧一簣”“運營真不能再出問題了。IDC和應(yīng)用抗故障兩方面都要加強(qiáng)，否則功虧一簣”07年QQMail出了一些運維故障?，F(xiàn)在通過核心的系統(tǒng)和業(yè)務(wù)數(shù)據(jù)異常波動來發(fā)現(xiàn)問題運營—不穩(wěn)定會“功虧一簣”“運營真不能再出問題了。IDC和19運營—抗災(zāi)容災(zāi)能力“發(fā)生硬件故障時，至少要能讓用戶看郵件”今年發(fā)生好幾次硬盤故障導(dǎo)致的幾小時的郵箱不能用。現(xiàn)在QQMail正在開發(fā)“實時只讀容災(zāi)系統(tǒng)”，即使硬件故障，用戶也能利用實時備份的數(shù)據(jù)進(jìn)入到郵箱的“只讀”模式讀郵件（同時支持寫郵件）。運營—抗災(zāi)容災(zāi)能力“發(fā)生硬件故障時，至少要能讓用戶看郵件”20運營—跟蹤用戶定位問題“當(dāng)看到用戶在論壇和博客上提到有關(guān)郵箱的某些不明確的問題時，產(chǎn)品人員都會通過QQ、郵件等各種可能的聯(lián)系方式，主動去聯(lián)系對方，搞清楚問題的細(xì)節(jié)并解決問題。當(dāng)然，用戶也會報答我們一個好的口碑。”補(bǔ)充：有位QQ員工給我發(fā)信息，問我的QQ號碼，想知道為什么我總收到那么多垃圾郵件。我給了他QQ號碼。幾個月時間過去了，垃圾郵件問題得到了解決，在這里對他說一聲謝謝。只有那些精益求精的員工呆在企業(yè)里面，企業(yè)才能更好的發(fā)展，員工的前途才能更加光明。Tecent公司確實吸收了那些最優(yōu)秀的員工，支持！

運營—跟蹤用戶定位問題“當(dāng)看到用戶在論壇和博客上提到有關(guān)郵箱21交互設(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í)慣如何把新功能引入交互設(shè)計22交互設(shè)計—Don'tmakemethink“返回”的位置和做法很重要：這是整個QQMail的交互的“樞紐”，如同圍棋中的“玉柱”，也定義了郵箱的交互風(fēng)格。幫用戶自動選中：在輸入獨立密碼或加密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)容.交互設(shè)計—Don'tmakemethink“返回”的位23交互設(shè)計—符合用戶習(xí)慣與預(yù)期類Outlook客戶端操作，但比它做得更優(yōu)秀先字母排序，再優(yōu)先顯示最近聯(lián)系人，減少鍵盤操作。這么細(xì)的體驗，但一旦用上，就覺得別的同類產(chǎn)品很粗糙了！交互設(shè)計—符合用戶習(xí)慣與預(yù)期類Outlook客戶端操作，但比24交互設(shè)計—符合用戶習(xí)慣與預(yù)期兼容客戶端郵件菜單習(xí)慣在用TT或QQ/TM/RTX截屏后的圖,mail原來在寫信時用Ctrl-V可以貼出來，但右鍵則不能。不要隨意去掉用戶正在使用的功能原來mail在做出了“HTML方式查看”后，去掉了“打開”功能符合用戶預(yù)期，點擊其他地方，WEBQQ的浮動窗口隱藏到固定位置交互設(shè)計—符合用戶習(xí)慣與預(yù)期兼容客戶端郵件菜單習(xí)慣25交互設(shè)計—適時的提醒沒必要的提醒不需要出現(xiàn)而適時出現(xiàn)的提示或功能，用得好，不但不會騷擾用戶，還是對用戶的細(xì)致的關(guān)懷（當(dāng)未讀郵件過多時，提示刪除歷史郵件）數(shù)字和字母帳號不同方式；圖片驗證旁提示“不區(qū)分大小寫”，細(xì)節(jié)中體現(xiàn)體貼;

修改前修改后交互設(shè)計—適時的提醒沒必要的提醒不需要出現(xiàn)26交互設(shè)計—不強(qiáng)迫用戶喜愛QQMail的很多用戶有不少是比較喜歡干凈的，TIPSICON默認(rèn)不點亮不濫用QQ資源，保護(hù)用戶體驗需求：是否要讓QQ打包一個右鍵菜單“發(fā)送文件到郵件”占領(lǐng)用戶的右鍵？結(jié)論：“這種強(qiáng)制右鍵的少搞為妙，為不到1％的需求讓99％的人右鍵被染很不好?！苯换ピO(shè)計—不強(qiáng)迫用戶喜愛QQMail的很多用戶有不少是比較喜27交互設(shè)計—尋求最佳方案看起來很小的細(xì)節(jié)，也是需要對多種方案反復(fù)斟酌，才能做出最佳選擇。收到帶附件的信在上面提示得不夠好，如果才是1-2個附件，完全可以把附件名全部顯示出來。上面下面都顯示附件的位置，上下左右都放了一遍，最終選擇帶文件名的方案以前的方案現(xiàn)在的方案交互設(shè)計—尋求最佳方案看起來很小的細(xì)節(jié)，也是需要對多種方案反28交互設(shè)計—操作便利鼠標(biāo)響應(yīng)區(qū)域的大小，靈敏度和精確度，直接影響操作體驗示例：QQMail，業(yè)務(wù)導(dǎo)航區(qū)，QQ音樂QQ影音的快捷播放按鈕：最初的設(shè)計改為方形擴(kuò)大點擊區(qū)域，考慮性能去掉按鈕顯示最初的設(shè)計優(yōu)化后最后鼠標(biāo)動作需要精確的判斷，捕捉用戶意圖（如：QQ影音的鼠標(biāo)左鍵點擊的精確判斷）左鍵單擊畫面可以移動窗口沒有移動窗口時左鍵彈起才暫停畫面，移動范圍少于一定數(shù)值算暫停右鍵菜單出現(xiàn)后的左擊畫面不執(zhí)行暫停，視為取消右鍵菜單交互設(shè)計—操作便利鼠標(biāo)響應(yīng)區(qū)域的大小，靈敏度和精確度，直接影29小結(jié)交互設(shè)計Don'tmakemethink符合用戶習(xí)慣與預(yù)期做適時的提醒不強(qiáng)迫用戶選擇最佳方案操作便利小結(jié)交互設(shè)計30視覺設(shè)計—傳播產(chǎn)品理念只有當(dāng)我們對產(chǎn)品抱有一個完美的理念和愿景的時候，我們才能做出優(yōu)美的設(shè)計來體現(xiàn)理念“QQ郵箱，常聯(lián)系”是我們的愿景。這個愿景需要完美的產(chǎn)品設(shè)計，優(yōu)秀的技術(shù)實現(xiàn)，和優(yōu)質(zhì)運營來達(dá)到“封面畫和選詞，呼應(yīng)郵件含義，淡雅而不張揚”視覺設(shè)計—傳播產(chǎn)品理念只有當(dāng)我們對產(chǎn)品抱有一個完美的理念和愿31視覺設(shè)計—干凈，簡潔，工具化“推廣”很重要，“簡潔”也很重要，因此舍“推廣”而取“簡潔”語音郵箱放到郵箱登錄后的郵箱首頁右上角，但太重hardsell了，會影響一些速度和簡潔性不多用一個圖片在好友Qzone文章的摘要前加頭像，感覺會破壞閱讀感（容易吸引眼球到頭像而非文章），而從關(guān)注好友的角度，頭像能突出好友。但給用戶2個圖片，用戶看哪個呢？工具化設(shè)計意味著清晰的邏輯和操作。不是內(nèi)容越多越好，是越簡單越好。視覺設(shè)計—干凈，簡潔，工具化“推廣”很重要，“簡潔”也很重要32視覺設(shè)計—制定規(guī)范，維持統(tǒng)一文字使用要規(guī)范，語法，大小，顏色，大小寫都需要注意能用一個詞表達(dá)的，不用一句話。能用一句話表達(dá)清楚的，不用兩句話每個概念都只有唯一一種表達(dá)。如”VIP”的概念能用一種字體顏色的，不多用一種顏色能用一種字體大小的，不多用一種大小用標(biāo)準(zhǔn)組件能用標(biāo)準(zhǔn)控件的，不自己畫控件

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

不恰當(dāng)?shù)牡妄g化視覺設(shè)計—防止不恰當(dāng)?shù)牡妄g化在追求“簡單”的過程中，QQMa35小結(jié)視覺設(shè)計傳播產(chǎn)品理念大氣成熟，干凈整潔，工具化規(guī)范與統(tǒng)一重點突出防止不恰當(dāng)?shù)牡妄g化小結(jié)視覺設(shè)計36補(bǔ)充：QQMail和QQ影音體驗成功的關(guān)鍵點QQMail總結(jié)起來，做到了：快速，穩(wěn)定，功能強(qiáng)，體驗好快速：QQMail登錄速度是同類產(chǎn)品最快的，最初“簡捷版”的訴求就是“簡單，快速”穩(wěn)定：一直在努力中功能強(qiáng)：不一定做很多功能，但做了的要做到最好體驗好：只有貫穿產(chǎn)品設(shè)計，UI設(shè)計，技術(shù)設(shè)計與實現(xiàn)，才能保證好的體驗QQ影音低調(diào)推出后，外界反響普遍不錯，是我們桌面產(chǎn)品比較成功的一個。成功的關(guān)鍵是產(chǎn)品的基本功-播放功能比較扎實，如硬指標(biāo)是對多種格式的支持、硬件加速后高清視頻的CPU和內(nèi)存占用視頻的色彩、清晰度、流暢度等。同時開發(fā)人員跟產(chǎn)品經(jīng)理都能很關(guān)注用戶反饋并及時回應(yīng)，這點很重要補(bǔ)充：QQMail和QQ影音體驗成功的關(guān)鍵點QQMail總結(jié)37持續(xù)優(yōu)化用戶體驗的態(tài)度常見的態(tài)度遇到問題，總是解釋和推托，而非想更多改進(jìn)和優(yōu)化的方案只是默默的接受意見，但不多想一下為什么，和怎么做得更加好只有樂于接受建議和批評，才有改進(jìn)的機(jī)會持續(xù)優(yōu)化用戶體驗的態(tài)度常見的態(tài)度38值得學(xué)習(xí)的產(chǎn)品Web產(chǎn)品Google：文字化界面，極致簡潔，排版清晰，重點突出；Yahoo：一致性好，風(fēng)格清新，排版有標(biāo)準(zhǔn)有章法；Facebook：工具類界面，框架簡單靈活，并具備擴(kuò)展性，突出內(nèi)容少裝飾；Apple：風(fēng)格大氣和時尚，圖片和文字混排運用得當(dāng)；客戶端產(chǎn)品Picasa：體驗創(chuàng)新，于平常處和細(xì)微處見創(chuàng)意；360：功能全面，體驗細(xì)致值得學(xué)習(xí)的產(chǎn)品Web產(chǎn)品39總結(jié)：需要關(guān)注的體驗理念交互設(shè)計Don'tmakemethink符合用戶習(xí)慣與預(yù)期做適時的提醒不強(qiáng)迫用戶選擇最佳方案操作便利視覺設(shè)計傳播產(chǎn)品理念大氣成熟，干凈整潔，工具化規(guī)范與統(tǒng)一重點突出防止不恰當(dāng)?shù)牡妄g化產(chǎn)品設(shè)計口碑傳播少即是多兼容性無所不用其極關(guān)注性能和速度抓住高端用戶大氣的設(shè)計滿足用戶個性化需求尋求差異運營不穩(wěn)定會“功虧一簣”跟蹤用戶定位問題抗災(zāi)容災(zāi)能力總結(jié)：需要關(guān)注的體驗理念交互設(shè)計產(chǎn)品設(shè)計40謝謝謝謝41加強(qiáng)做責(zé)任心，責(zé)任到人，責(zé)任到位才是長久的發(fā)展。12月-2212月-22Tuesday,December27,2022弄虛作假要不得，踏實肯干第一名。17:31:2017:31:2017:3112/27/20225:31:20PM安全象只弓，不拉它就松，要想保安全，常把弓弦繃。12月-2217:31:2017:31Dec-2227-Dec-22重于泰山，輕于鴻毛。17:31:2017:31:2017:31Tuesday,December27,2022安全在于心細(xì)，事故出在麻痹。12月-2212月-2217:31:2017:31:20December27,2022加強(qiáng)自身建設(shè)，增強(qiáng)個人的休養(yǎng)。2022年12月27日5:31下午12月-2212月-22追求至善憑技術(shù)開拓市場，憑管理增創(chuàng)效益，憑服務(wù)樹立形象。27十二月20225:31:20下午17:31:2012月-22嚴(yán)格把控質(zhì)量關(guān)，讓生產(chǎn)更加有保障。十二月225:31下午12月-2217:31December27,2022重標(biāo)準(zhǔn)，嚴(yán)要求，安全第一。2022/12/2717:31:2017:31:2027December2022好的事情馬上就會到來，一切都是最好的安排。5:31:20下午5:31下午17:31:2012月-22每天都是美好的一天，新的一天開啟。12月-2212月-2217:3117:31:2017:31:20Dec-22務(wù)實，奮斗，成就，成功。2022/12/2717:31:20Tuesday,December27,2022相信相信得力量，創(chuàng)造應(yīng)創(chuàng)造的事情。12月-222022/12/2717:31:2012月-22謝謝大家！加強(qiáng)做責(zé)任心，責(zé)任到人，責(zé)任到位才是長久的發(fā)展。12月-2242向偉大的公司學(xué)習(xí)——Tencent的產(chǎn)品之道向偉大的公司學(xué)習(xí)——Tencent的產(chǎn)品之道43馬化騰經(jīng)典語錄★請大家一定要把“用戶第一”銘記心中★同質(zhì)化的競爭環(huán)境下，決定競爭差距的關(guān)鍵因素就是執(zhí)行力和創(chuàng)新的強(qiáng)弱。我們來看看，騰訊是如何做到這些理念的。馬化騰經(jīng)典語錄44產(chǎn)品設(shè)計與用戶體驗Pony產(chǎn)品設(shè)計與用戶體驗Pony45目錄：從案例談產(chǎn)品設(shè)計與用戶體驗產(chǎn)品需求設(shè)計運營式研發(fā)交互設(shè)計與視覺設(shè)計目錄：從案例談產(chǎn)品設(shè)計與用戶體驗46

口碑相傳的產(chǎn)品設(shè)計之道核心能力和速度交互體貼細(xì)致，視覺簡潔清爽高端用戶(意見領(lǐng)袖）的關(guān)注如何在良好口碑下持續(xù)增加功能口碑相傳的產(chǎn)品設(shè)計之道47產(chǎn)品設(shè)計—口碑相傳暫不借外力情況下（無IM、營銷），對自身產(chǎn)品的口碑驗證“QQ有這么多用戶，還需要其它推廣措施嗎？我們不想借助一些promotion手段，想看用戶自然傳播的結(jié)果，更加堅實一些”“能搭好一個平臺看著用戶數(shù)‘自動’增長是多么爽的感覺！讓我們每天都想想能做些什么不“打擾”增長的勢頭，持續(xù)的爽下去”“我們不缺進(jìn)來的用戶，通過優(yōu)秀的體驗留住用戶，才是我們的重點?？诒强梢酝ㄟ^優(yōu)秀的產(chǎn)品體驗積累起來的”產(chǎn)品設(shè)計—口碑相傳暫不借外力情況下（無IM、營銷），對自身產(chǎn)48產(chǎn)品設(shè)計—口碑相傳找到技術(shù)的突破點，用戶自然感受到QQ影音比暴風(fēng)做得好在2008太平洋常用軟件年度評選中，直逼老牌暴風(fēng)，并成為年度新秀第一

產(chǎn)品設(shè)計—口碑相傳找到技術(shù)的突破點，用戶自然感受到QQ影音比49產(chǎn)品設(shè)計—核心性能和速度QQ影音一推出就可以正面挑戰(zhàn)暴風(fēng)影音，不是因為功能多，界面漂亮，而是在性能和速度上直接超越了暴風(fēng)高清智能加速:

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

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

最少流量的狀態(tài)同步，向Blackberry看齊”產(chǎn)品設(shè)計—核心能力和速度：無所不用其極,體現(xiàn)最強(qiáng)的技術(shù)希望在51產(chǎn)品設(shè)計—交互界面：少即是多做得越多越不好，我們需要經(jīng)常告誡自己，是不是做得太多了？用戶價值不會因為是統(tǒng)一了（大而全）而體現(xiàn)的，而是每一個單項是否能真正贏得用戶的喜愛。“簡單”的核心在于，做好最核心的10個，放棄其它的90個。技術(shù)人員總希望將每個需要的不需要的功能都鋪在面板上讓用戶看到。而好的產(chǎn)品總是讓用戶看不到技術(shù)的存在。產(chǎn)品設(shè)計—交互界面：少即是多做得越多越不好，我們需要經(jīng)常告誡52產(chǎn)品設(shè)計—高端用戶的口碑影響力做差異化和高端化賣點倒是不錯，未必有多少人用，但能影響人，如IMAP4功能只有我們和GMail做了免費的IMAP服務(wù)！IMAP，郵件搜索，SSL并且是滿足最挑剔的高端用戶的需求QQMail是國內(nèi)第一家支持郵件全文搜索的郵箱產(chǎn)品設(shè)計—高端用戶的口碑影響力做差異化和高端化賣點倒是不錯，53產(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è)界最大）產(chǎn)品設(shè)計—高端用戶口碑：只要是用戶需要的，不妨大氣一些我們可54產(chǎn)品設(shè)計—高端用戶的口碑影響力:安全和新終端接入支持雙重密碼，更加安全支持郵箱名，能關(guān)閉數(shù)字帳號支持高端和商務(wù)手機(jī)體驗產(chǎn)品設(shè)計—高端用戶的口碑影響力:安全和新終端接入支持雙55產(chǎn)品設(shè)計—高端用戶的口碑瀏覽器的兼容性，如QQMail一直是兼容多種瀏覽器IE內(nèi)核類FirefoxChromeSafariOpera產(chǎn)品功能的向后兼容性產(chǎn)品升級時的兼容性考慮，包括用戶的設(shè)置的配置和使用習(xí)慣配置安裝位置，文件夾的命名格式等如何更Smart的更改注冊表（已有則無需再寫，減少操作系統(tǒng)和安全產(chǎn)品的預(yù)警）產(chǎn)品設(shè)計—高端用戶的口碑瀏覽器的兼容性，如QQMail一直是56產(chǎn)品設(shè)計—滿足用戶個性化需求在無形中提供針對用戶的個性化服務(wù)默認(rèn)提供本地新聞，并提供用戶設(shè)置本地天氣，個性化換膚（推送+自定義）產(chǎn)品設(shè)計—滿足用戶個性化需求在無形中提供針對用戶的個性化服務(wù)57產(chǎn)品設(shè)計—持續(xù)增加新功能如何在良好口碑下持續(xù)增加功能常規(guī)功能逐步補(bǔ)齊細(xì)小局部創(chuàng)新永不滿足建立快速反應(yīng)開發(fā)機(jī)制，實時灰度上線體驗與反饋調(diào)整謹(jǐn)慎增加，判斷用量，適時出現(xiàn)產(chǎn)品經(jīng)理與開發(fā)人員的驅(qū)動心態(tài)產(chǎn)品設(shè)計—持續(xù)增加新功能如何在良好口碑下持續(xù)增加功能58小結(jié)產(chǎn)品設(shè)計口碑傳播少即是多兼容性無所不用其極關(guān)注性能和速度抓住高端用戶大氣的設(shè)計滿足用戶個性化需求尋求差異小結(jié)產(chǎn)品設(shè)計59運營式研發(fā)服務(wù)可靠穩(wěn)定：基礎(chǔ)設(shè)施、架構(gòu)、應(yīng)用設(shè)計對容災(zāi)的考慮日日用（包括周末），人盯人看論壇，搜博客，重視反饋，體現(xiàn)開發(fā)團(tuán)隊的活力，拿口碑建立快速上線測試機(jī)制運營式研發(fā)60運營—不穩(wěn)定會“功虧一簣”“運營真不能再出問題了。IDC和應(yīng)用抗故障兩方面都要加強(qiáng)，否則功虧一簣”07年QQMail出了一些運維故障?，F(xiàn)在通過核心的系統(tǒng)和業(yè)務(wù)數(shù)據(jù)異常波動來發(fā)現(xiàn)問題運營—不穩(wěn)定會“功虧一簣”“運營真不能再出問題了。IDC和61運營—抗災(zāi)容災(zāi)能力“發(fā)生硬件故障時，至少要能讓用戶看郵件”今年發(fā)生好幾次硬盤故障導(dǎo)致的幾小時的郵箱不能用?，F(xiàn)在QQMail正在開發(fā)“實時只讀容災(zāi)系統(tǒng)”，即使硬件故障，用戶也能利用實時備份的數(shù)據(jù)進(jìn)入到郵箱的“只讀”模式讀郵件（同時支持寫郵件）。運營—抗災(zāi)容災(zāi)能力“發(fā)生硬件故障時，至少要能讓用戶看郵件”62運營—跟蹤用戶定位問題“當(dāng)看到用戶在論壇和博客上提到有關(guān)郵箱的某些不明確的問題時，產(chǎn)品人員都會通過QQ、郵件等各種可能的聯(lián)系方式，主動去聯(lián)系對方，搞清楚問題的細(xì)節(jié)并解決問題。當(dāng)然，用戶也會報答我們一個好的口碑。”補(bǔ)充：有位QQ員工給我發(fā)信息，問我的QQ號碼，想知道為什么我總收到那么多垃圾郵件。我給了他QQ號碼。幾個月時間過去了，垃圾郵件問題得到了解決，在這里對他說一聲謝謝。只有那些精益求精的員工呆在企業(yè)里面，企業(yè)才能更好的發(fā)展，員工的前途才能更加光明。Tecent公司確實吸收了那些最優(yōu)秀的員工，支持！

運營—跟蹤用戶定位問題“當(dāng)看到用戶在論壇和博客上提到有關(guān)郵箱63交互設(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í)慣如何把新功能引入交互設(shè)計64交互設(shè)計—Don'tmakemethink“返回”的位置和做法很重要：這是整個QQMail的交互的“樞紐”，如同圍棋中的“玉柱”，也定義了郵箱的交互風(fēng)格。幫用戶自動選中：在輸入獨立密碼或加密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)容.交互設(shè)計—Don'tmakemethink“返回”的位65交互設(shè)計—符合用戶習(xí)慣與預(yù)期類Outlook客戶端操作，但比它做得更優(yōu)秀先字母排序，再優(yōu)先顯示最近聯(lián)系人，減少鍵盤操作。這么細(xì)的體驗，但一旦用上，就覺得別的同類產(chǎn)品很粗糙了！交互設(shè)計—符合用戶習(xí)慣與預(yù)期類Outlook客戶端操作，但比66交互設(shè)計—符合用戶習(xí)慣與預(yù)期兼容客戶端郵件菜單習(xí)慣在用TT或QQ/TM/RTX截屏后的圖,mail原來在寫信時用Ctrl-V可以貼出來，但右鍵則不能。不要隨意去掉用戶正在使用的功能原來mail在做出了“HTML方式查看”后，去掉了“打開”功能符合用戶預(yù)期，點擊其他地方，WEBQQ的浮動窗口隱藏到固定位置交互設(shè)計—符合用戶習(xí)慣與預(yù)期兼容客戶端郵件菜單習(xí)慣67交互設(shè)計—適時的提醒沒必要的提醒不需要出現(xiàn)而適時出現(xiàn)的提示或功能，用得好，不但不會騷擾用戶，還是對用戶的細(xì)致的關(guān)懷（當(dāng)未讀郵件過多時，提示刪除歷史郵件）數(shù)字和字母帳號不同方式；圖片驗證旁提示“不區(qū)分大小寫”，細(xì)節(jié)中體現(xiàn)體貼;

修改前修改后交互設(shè)計—適時的提醒沒必要的提醒不需要出現(xiàn)68交互設(shè)計—不強(qiáng)迫用戶喜愛QQMail的很多用戶有不少是比較喜歡干凈的，TIPSICON默認(rèn)不點亮不濫用QQ資源，保護(hù)用戶體驗需求：是否要讓QQ打包一個右鍵菜單“發(fā)送文件到郵件”占領(lǐng)用戶的右鍵？結(jié)論：“這種強(qiáng)制右鍵的少搞為妙，為不到1％的需求讓99％的人右鍵被染很不好?！苯换ピO(shè)計—不強(qiáng)迫用戶喜愛QQMail的很多用戶有不少是比較喜69交互設(shè)計—尋求最佳方案看起來很小的細(xì)節(jié)，也是需要對多種方案反復(fù)斟酌，才能做出最佳選擇。收到帶附件的信在上面提示得不夠好，如果才是1-2個附件，完全可以把附件名全部顯示出來。上面下面都顯示附件的位置，上下左右都放了一遍，最終選擇帶文件名的方案以前的方案現(xiàn)在的方案交互設(shè)計—尋求最佳方案看起來很小的細(xì)節(jié)，也是需要對多種方案反70交互設(shè)計—操作便利鼠標(biāo)響應(yīng)區(qū)域的大小，靈敏度和精確度，直接影響操作體驗示例：QQMail，業(yè)務(wù)導(dǎo)航區(qū)，QQ音樂QQ影音的快捷播放按鈕：最初的設(shè)計改為方形擴(kuò)大點擊區(qū)域，考慮性能去掉按鈕顯示最初的設(shè)計優(yōu)化后最后鼠標(biāo)動作需要精確的判斷，捕捉用戶意圖（如：QQ影音的鼠標(biāo)左鍵點擊的精確判斷）左鍵單擊畫面可以移動窗口沒有移動窗口時左鍵彈起才暫停畫面，移動范圍少于一定數(shù)值算暫停右鍵菜單出現(xiàn)后的左擊畫面不執(zhí)行暫停，視為取消右鍵菜單交互設(shè)計—操作便利鼠標(biāo)響應(yīng)區(qū)域的大小，靈敏度和精確度，直接影71小結(jié)交互設(shè)計Don'tmakemethink符合用戶習(xí)慣與預(yù)期做適時的提醒不強(qiáng)迫用戶選擇最佳方案操作便利小結(jié)交互設(shè)計72視覺設(shè)計—傳播產(chǎn)品理念只有當(dāng)我們對產(chǎn)品抱有一個完美的理念和愿景的時候，我們才能做出優(yōu)美的設(shè)計來體現(xiàn)理念“QQ郵箱，常聯(lián)系”是我們的愿景。這個愿景需要完美的產(chǎn)品設(shè)計，優(yōu)秀的技術(shù)實現(xiàn)，和優(yōu)質(zhì)運營來達(dá)到“封面畫和選詞，呼應(yīng)郵件含義，淡雅而不張揚”視覺設(shè)計—傳播產(chǎn)品理念只有當(dāng)我們對產(chǎn)品抱有一個完美的理念和愿73視覺設(shè)計—干凈，簡潔，工具化“推廣”很重要，“簡潔”也很重要，因此舍“推廣”而取“簡潔”語音郵箱放到郵箱登錄后的郵箱首頁右上角，但太重hardsell了，會影響一些速度和簡潔性不多用一個圖片在好友Qzone文章的摘要前加頭像，感覺會破壞閱讀感（容易吸引眼球到頭像而非文章），而從關(guān)注好友的角度，頭像能突出好友。但給用戶2個圖片，用戶看哪個呢？工具化設(shè)計意味著清晰的邏輯和操作。不是內(nèi)容越多越好，是越簡單越好。視覺設(shè)計—干凈，簡潔，工具化“推廣”很重要，“簡潔”也很重要74視覺設(shè)計—制定規(guī)范，維持統(tǒng)一文字使用要規(guī)范，語法，大小，顏色，大小寫都需要注意能用一個詞表達(dá)的，不用一句話。能用一句話表達(dá)清楚的，不用兩句話每個概念都只有唯一一種表達(dá)。如”VIP”的概念能用一種字體顏色的，不多用一種顏色能用一種字體大小的，不多用一種大小用標(biāo)準(zhǔn)組件能用標(biāo)準(zhǔn)控件的，不自己畫控件

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

不恰當(dāng)?shù)牡妄g化視覺設(shè)計—防止不恰當(dāng)?shù)牡妄g化在追求“簡單”的過程中，QQMa77小結(jié)視覺設(shè)計傳播產(chǎn)品理念大氣成熟，干凈整潔，工具化規(guī)范與統(tǒng)一重點突出防止不恰當(dāng)?shù)牡妄g化小結(jié)視覺設(shè)計78補(bǔ)充：QQMail和QQ影音體驗成功的關(guān)鍵點QQMail總結(jié)起來，做到了：快速，穩(wěn)定，功能強(qiáng)，體驗好快速：QQMail登錄速度是同類產(chǎn)品最快的，最初“簡捷版”的訴求就是“簡單，快速”穩(wěn)定：一直在努力中