從用戶角度進行設計課件

從用戶的角度進行產品設計信息咨詢部翟天驕2010.08.312whatwhyhow如果一個產品很難用，我就不會經常使用如果一個產品我不需要，我就不會用不同的人

不同的理解不同的需求不同的設計不同的設計不同的效果心理模型表現(xiàn)模型實現(xiàn)模型容易使用，體驗良好記憶負擔，體驗較差最好的技術是消失在生活當中的技術8whatwhyhow產品設計市場調研需求分析詳細設計研發(fā)發(fā)產品（軟件、網站）建房子土木工程師裝修設計師建筑設計師程序設計ＵＩ設計交互設計——《軟件設計的藝術》TerryWinograd(2004年度的ACM人機交互院士)12whatwhyhow設計者怎么想需求集合功能集合出水寫字保護筆芯的筆蓋顏色墨水易擦墨水產品寫字長久的寫字標識不同內容寫新的內容用戶能當發(fā)簪變形金剛？？？要了解人，從而了解用戶，更要習慣站在用戶的角度看問題。他們要“隨時隨地變成用戶”產品功能重排

口碑相傳的產品設計之道

核心能力和速度交互體貼細致，視覺簡潔清爽高端用戶的關注如何在良好口碑下持續(xù)增加功能要了解人，從而了解用戶，更要習慣站在用戶的角度看問題。他們要“隨時隨地變成用戶”產品規(guī)劃的流程定義產品規(guī)劃流程對市場走勢及客戶需求進行分析，創(chuàng)建合理的市場細分規(guī)則，對要投資和取得領先地位的細分市場進行選擇和優(yōu)先級排序，從而制定可執(zhí)行的業(yè)務計劃，并驅動新產品包的開發(fā)。過程交付件對應產品階段用戶需求收集產品候選概念用戶需求分析和PK階段市場分析市場評估報告制定規(guī)劃產品路標規(guī)劃書制定綜合FeatureList和規(guī)劃PPT例撰寫策劃產品需求規(guī)格說明書產品需求說明書例制定業(yè)務計劃產品業(yè)務計劃書開發(fā)階段？用戶需求分析法（例：QQ秀）要素細分項目對應騰訊產品的元素$價格設計、可生產性、技術、原材料、生產、供應商、制造、元件、人力成本、管理費用、裝備付費Item的價格/包月價格A安全/質量行銷、銷售、渠道、分配、交貨期、廣告、配置、定價、客戶定制客服/投訴的響應P性能功能、吸引力、規(guī)格、功率、速度、容量、適應性、多功能、尺寸用得爽不爽P包裝風格、尺寸、數(shù)量、幾何設計、模塊性、體系結構、界面、機械結構、同一性、圖形、包含的/不包含的頁面好看不好看E易用用戶友好、操縱控制、顯示、人類工程學、培訓、文檔、幫助系統(tǒng)、人為因素、接口、操作UI（界面操作性）A可獲得性可靠性、質量、安全性、誤差極限、完整性、強度、適應性、動態(tài)特性、負荷量、冗余Q幣購買/充值渠道L生命周期成本壽命、正常運行/停工時間、保險、責任、可維護性、服務、備件、移植通道、標準化、基礎設施、運轉成本、安裝成本Item有效期S社會接受程度間接影響、顧問、采購代理商、標準組織、政府、社會認可程度、法律關系、政治、股東、管理層、工人、工作場所同齡人認可度/流行度市場分析用戶分析小案例：用戶需求優(yōu)先級排序QQ發(fā)布第一個版本時，有以下用戶需求：卡通頭像QQ表情聊天記錄管理器看誰在線上安全性傳文件很小的.exe文件視頻聊天室語音反應速度快請從中選出最重要的三項，發(fā)布QQ1.0。？別讓我思考(Don’tMakeMeThink)網站可用性三大定律用戶瀏覽網站不是在閱讀，而是掃描注意力是有限的過多的內容。。。不追根究底，而是勉強應付Krug可用性三大定律別讓我思考(Don'tmakemethink)要點擊多少次都沒關系，只要每次點擊都是無須思考，明確無誤的選擇。

去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半。Krug可用性第一定律別讓我思考(Don'tmakemethink)網頁應該設計得不言而喻網頁避免強迫用戶思考的地方如果做不到一切不言而喻，起碼做到讓頁面自我解釋麥當勞兩則強迫我們思考的地方(1)強迫我們思考的地方(2)卓越網和當當網的搜索框當當網2006年1月1日首頁快照什么是頁面的自我解釋？頁面的自我解釋即用戶對頁面稍加學習就可以明白，用戶能夠更加專注于他要做的事情。特別是在進行一些嶄新的，開拓性或者非常復雜的頁面設計時，也許只能做到自我解釋(Self-explanatory)。返回Krug可用性第二定律要點擊多少次都沒關系，只要每次點擊都是無須思考，明確無誤的選擇。用戶的挫折感限度不取決于到達相關網頁所需要的點擊數(shù)而是點擊的困難程度。經驗準則：一次需要思考的點擊等于三次無須思考的點擊。例子Krug可用性第三定律去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半。有力的文字都是簡潔的。必須消滅歡迎詞，必須消滅指示性文字。MicrosoftTechNet

歡迎詞中國建設銀行反饋表單指示性文字可用性實踐中需要注意的問題導航條(頁頭，頁尾，頁內)主頁團隊中可用性的討論可用性實踐中需要注意的問題導航條作用幫助找到想要的，告訴我們如何使用網站給人固定的感覺告訴我們身在何處注意事項導航條(頁頭，頁尾，頁內)Bearlookingatmapofparkwithsign"Youarehere"導航條設計時需要注意網站的每一頁(表單可能例外)都需要導航次級導航都應該有返回首頁的鏈接頁面名稱應該醒目(自我解釋)要提供簡潔，沒有無關選項的搜索框優(yōu)秀的導航條示例:Amazon,BAmazon.COM導航條B導航條可用性實踐中需要注意的問題主頁主頁的作用主頁需要額外考慮的問題主頁的作用準確、快速的傳達一個整體形象網站的標識和起點內容更新導讀服務以及搜索的入口返回準確、快速的傳達一個整體形象主頁要做到這點必須清晰的回答四個問題這是什么網站？網站上面有什么？我能在這里干什么？為什么我應該在這而不是在別的地方？返回主頁需要額外考慮的問題每個人都想占一席之地想要參與的人太多設計要滿足所有人返回站點的標識和口號沒有什么比得上一個好口號每天五分鐘，給思想加油。()理性，建設性。()可用性實踐中需要注意的問題團隊中可用性的討論現(xiàn)狀：無休止的信仰大戰(zhàn)本質：浪費時間關鍵：沒有什么所謂的普通用戶唯一改變的方法：用戶體驗測試團隊中可用性的討論可用性最佳實踐提供增大網頁字體的選項(國內網站…)為每張圖片增加ALT文本用戶不可能在一個界面中接受過多信息，而且信息量和頁面長度不是正比關系為每張圖片增加ALT文本<imgsrc="" alt="鳳凰網網站圖標LOGO"/>返回交互設計—Don'tmakemethink“返回”的位置和做法很重要：這是整個QQMail的交互的“樞紐”，如同圍棋中的“玉柱”，也定義了郵箱的交互風格。幫用戶自動選中：在輸入獨立密碼或加密folder輸入密碼時錯誤后，應該把輸入框內的內容select上，這樣就可以直接打入而不用清除了光標定位：之前的點"回復"時光標focus到正文的問題改好了,但卻沒有注意到點"轉發(fā)"時光標,反而應是在"收件人"處而不是正文處,因為一般總要填寫轉發(fā)人,而回復(包括回復全部)則是直接輸入內容.交互設計—符合用戶習慣與預期類Outlook客戶端操作，但比它做得更優(yōu)秀先字母排序，再優(yōu)先顯示最近聯(lián)系人，減少鍵盤操作。這么細的體驗，但一旦用上，就覺得別的同類產品很粗糙了！VS交互設計—符合用戶習慣與預期兼容客戶端郵件菜單習慣在用TT或QQ/TM/RTX截屏后的圖,mail原來在寫信時用Ctrl-V可以貼出來，但右鍵則不能。不要隨意去掉用戶正在使用的功能原來mail在做出了“HTML方式查看”后，去掉了“打開”功能符合用戶預期，點擊其他地方，WEBQQ的浮動窗口隱藏到固定位置交互設計—適時的提醒沒必要的提醒不需要出現(xiàn)而適時出現(xiàn)的提示或功能，用得好，不但不會騷擾用戶，還是對用戶的細致的關懷（當未讀郵件過多時，提示刪除歷史郵件）數(shù)字和字母帳號不同方式；圖片驗證旁提示“不區(qū)分大小寫”，細節(jié)中體現(xiàn)體貼;

修改前修改后交互設計—操作便利鼠標響應區(qū)域的大小，靈敏度和精確度，直接影響操作體驗示例：QQMail，業(yè)務導航區(qū)，QQ音樂QQ影音的快捷播放按鈕：最初的設計改為方形擴大點擊區(qū)域，考慮性能去掉按鈕顯示

最初的設計優(yōu)化后最后鼠標動作需要精確的判斷，捕捉用戶意圖（如：QQ影音的鼠標左鍵點擊的精確判斷）左鍵單擊畫面可以移動窗口沒有移動窗口時左鍵彈起才暫停畫面，移動范圍少于一定數(shù)值算暫停右鍵菜單出現(xiàn)后的左擊畫面不執(zhí)行暫停，視為取消右鍵菜單視覺設計—制定規(guī)范，維持統(tǒng)一文字使用要規(guī)范，語法，大小，顏色，大小寫都需要注意能用一個詞表達的，不用一句話。能用一句話表達清楚的，不用兩句話每個概念都只有唯一一種表達。如”VIP”的概念能用一種字體顏色的，不多用一種顏色能用一種字體大小的，不多用一種大小用標準組件能用標準控件的，不自己畫控件

（一個button，就有focused,selected,up/down,enabled/disabled,tab順序等多種狀態(tài)要畫和處理，不容易的，而且要考慮瀏覽器兼容）能用文字的，不用圖片（加圖片是要申請的）保持盡可能少的格式式樣維持統(tǒng)一就算字體和行間距等小細節(jié)都應該關注到英文字體Tahoma視覺設計—重點突出每個頁面（板塊）只有一塊視覺重點。并且，突出重點，不讓用戶去找。原來的設計排版不對，有一橫條的壓著的情況黃色塊就不能加框，視覺會很繁雜看著不舒服，句號也是多余的原來方案目前方案·Pony：在設置了獨立密碼的情況下,當?shù)顷懙叫枰斎氇毩⒚艽a時,總是先出來輸入框,此時已可輸入,我經常是立刻輸入,但打了幾個字母后上面,才瞬間出現(xiàn)上面的黃色提醒"請輸入獨立保護密碼",而會導致輸入框位置立刻下壓,比較影響輸入.最好能改一改html里的結構,能夠快速讓人立刻輸入(越快越好)的基礎上,其他顯示的可以慢些load到但不應影響其他部件的改變.總結：需要關注的用戶體驗交互設計Don'tmakemethink符合用戶習慣與預期做適時的提醒不強迫用戶選擇最佳方案操作便利視覺設計傳播產品理念大氣成熟，干凈整潔，工具化規(guī)范與統(tǒng)一重點突出防止不恰當?shù)牡妄g化產品設計口碑傳播少即是多兼容性無所不用其極關注性能和速度抓住高端用戶大氣的設計滿足用戶個性化需求尋求差異運營不穩(wěn)定會“功虧一簣”跟蹤用戶定位問題抗災容災能力如何關注把自己想象成一個遲鈍、挑剔、易怒的傻瓜來使用產品抓主要矛盾，重點關注最常使用的交互點產品經理有前臺和后臺技