交互的設(shè)計(jì)以用戶為中心課件

1、以用戶為中心我們在做什么？為什么要這么做？第1頁，共29頁。以用戶為中心立足于傳統(tǒng)設(shè)計(jì)軟件與網(wǎng)站產(chǎn)品的區(qū)別網(wǎng)站設(shè)計(jì)以用戶為中心講究科學(xué)而不是”想像”炒概念與行業(yè)本質(zhì)第2頁，共29頁。立足于傳統(tǒng)設(shè)計(jì)IT（Information Technology）IT為傳統(tǒng)設(shè)計(jì)服務(wù)第3頁，共29頁。IT（Information Technology）IT是Information Technology的簡寫，中文意思是信息技術(shù)，顯而易見IT是一門技術(shù)而不是一個(gè)行業(yè)。第4頁，共29頁。IT為傳統(tǒng)設(shè)計(jì)服務(wù)互聯(lián)網(wǎng)嚴(yán)格意義上只是利用傳統(tǒng)行業(yè)信息傳播的一種新渠道和一種手段。利用信息技術(shù)更好的為傳統(tǒng)行業(yè)服務(wù)，這才是最重要的

2、行業(yè)本質(zhì)第5頁，共29頁。第6頁，共29頁。軟件與網(wǎng)站產(chǎn)品的區(qū)別工程角度：軟件是C/S架構(gòu)產(chǎn)品，網(wǎng)站是B/S架構(gòu)產(chǎn)品設(shè)計(jì)角度：軟件是Soft-based產(chǎn)品，網(wǎng)站是Web-based產(chǎn)品第7頁，共29頁。Web-based產(chǎn)品設(shè)計(jì)節(jié)奏更快，流程更復(fù)雜，需要管理的團(tuán)隊(duì)成本更高。涉及的技術(shù)面更廣，專業(yè)技術(shù)發(fā)展也更快。Soft-based產(chǎn)品不會(huì)有可訪問性指標(biāo)，不會(huì)有分辨率，兼容性的問題，跟不需要為搜索引擎考慮友好而對網(wǎng)站進(jìn)行標(biāo)準(zhǔn)化。第8頁，共29頁。Google Gmail，Google Docs都既是B/S架構(gòu)產(chǎn)品，也是Web-based產(chǎn)品。相對于Microsoft類似功能的C/S架構(gòu)產(chǎn)品而言

3、，可維護(hù)性強(qiáng)，無需安裝應(yīng)用程序的優(yōu)點(diǎn)，在滿足用戶需求角度的優(yōu)勢逐漸凸顯。第9頁，共29頁。網(wǎng)站設(shè)計(jì)傳統(tǒng)網(wǎng)站與符合Web標(biāo)準(zhǔn)網(wǎng)站的區(qū)別網(wǎng)站需要漂亮還是舒服瀏覽器兼容Web前臺設(shè)計(jì)趨向于專業(yè)化標(biāo)注化SEO搜索引擎優(yōu)化第10頁，共29頁。傳統(tǒng)網(wǎng)站與符合Web標(biāo)準(zhǔn)網(wǎng)站的區(qū)別傳統(tǒng)網(wǎng)站注重的頁面的表現(xiàn)符合Web標(biāo)準(zhǔn)網(wǎng)站注重的是頁面的信息結(jié)構(gòu)，表現(xiàn)，行為（xhtml，css，javascript）符合Web標(biāo)準(zhǔn)網(wǎng)站的好處第11頁，共29頁。網(wǎng)站需要漂亮還是舒服網(wǎng)站是一個(gè)平臺，網(wǎng)頁只是一個(gè)界面，更好的服務(wù)用戶，如果變成了一個(gè)純粹的藝術(shù)品那就是去了本質(zhì)的意義。漂亮是用戶對作品的主觀判斷，我認(rèn)為這個(gè)作品很漂亮舒服

4、是作品對用戶的客觀影響，這個(gè)作品讓我感覺舒服你使用網(wǎng)站的目的是什么？第12頁，共29頁。瀏覽器兼容瀏覽器與Web的發(fā)展瀏覽器內(nèi)核瀏覽器內(nèi)核測試效率良好的向后兼容思想瀏覽器的市場占有率第13頁，共29頁。瀏覽器與Web的發(fā)展 早在2019年，有一個(gè)通用的慣例，Netscape瀏覽器使用Javascript，IE使用Jscript（一種類似于Javasrcipt的腳本語言）。Javasrcipt只能運(yùn)行在Netscape，而微軟的ActiveX和Jscript只能運(yùn)行在IE。只能為不同的瀏覽器采用不同的代碼去適應(yīng)，這些事情是為3.0版本瀏覽器做的，2019年下半年的時(shí)候，Netscape和IE都推

5、出了4.0版本瀏覽器，他們各自吹噓自己的瀏覽器有強(qiáng)大的Dhtml（動(dòng)態(tài)的html），但他們的瀏覽器完全不兼容，更不用說不知名的瀏覽器了，而且Netscape和IE跟他們3.0的版本也無法兼容，想讓自己的網(wǎng)站在幾個(gè)不同版本的瀏覽器中同時(shí)使用的話就要做幾個(gè)不同的版本，每個(gè)功能都要做幾個(gè)不同的版本去適應(yīng)不同的瀏覽器，開發(fā)成本至少增加了25%；所以一些開發(fā)者限制他們的網(wǎng)站只適應(yīng)其中一個(gè)版本的瀏覽器。而且網(wǎng)站隨時(shí)面臨著過時(shí)的命運(yùn)和被淘汰的怪圈。 第14頁，共29頁。W3CW3C組織是對網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個(gè)非贏利組織，像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來定制。W3C會(huì)員（大約500名會(huì)

6、員）包括生 產(chǎn)技術(shù)產(chǎn)品及服務(wù)的廠商、內(nèi)容供應(yīng)商、團(tuán)體用戶、研究實(shí)驗(yàn)室、標(biāo)準(zhǔn)制定機(jī)構(gòu)和政府部門，一起協(xié)同工作，致力在萬維網(wǎng)發(fā)展方向上達(dá)成共識。Web標(biāo)準(zhǔn)組織（W3C）于2019年發(fā)起，目的是說服Netscape、Microsoft和其他瀏覽器生產(chǎn)商徹底支持標(biāo)準(zhǔn)。他采用從容進(jìn)行、堅(jiān)持和策略性的方法，最終使得瀏覽器生產(chǎn)商同意引進(jìn)一系列標(biāo)準(zhǔn)。通過共同的標(biāo)準(zhǔn)協(xié)同工作，是Web 向前發(fā)展必需的觀點(diǎn)第15頁，共29頁。瀏覽器內(nèi)核Trident： IE瀏覽器使用的內(nèi)核,該內(nèi)核程序在2019年的IE4中首次被采用，是微軟在Mosaic代碼的基礎(chǔ)之上修改而來的，并沿用到目前的IE7。 Trident實(shí)際上是一款開

7、放的內(nèi)核，其接口內(nèi)核設(shè)計(jì)的相當(dāng)成熟，因此才有許多采用IE內(nèi)核而非IE的瀏覽器涌現(xiàn)（如 Maxthon、The World 、TT、GreenBrowser、AvantBrowser等）。Geckos： Netcape6開始采用的內(nèi)核，后來的Mozilla FireFox也采用了該內(nèi)核，Geckos的特點(diǎn)是代碼完全公開，因此，其可開發(fā)程度很高，全世界的程序員都可以為其編寫代碼，增加功能。Presto： 目前Opera采用的內(nèi)核，該內(nèi)核在2019年的Opera7中首次被使用，該款引擎的特點(diǎn)就是渲染速度的優(yōu)化達(dá)到了極致，也是目前公認(rèn)網(wǎng)頁瀏覽速度最快的瀏覽器內(nèi)核，然而代價(jià)是犧牲了網(wǎng)頁的兼容性。Webk

8、it：Safari瀏覽器使用的內(nèi)核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是從KDE的KHTML及KJS引擎衍生而來，它們都是自由軟 件，在GPL條約下授權(quán)，同時(shí)支持BSD系統(tǒng)的開發(fā)。所以Webkit也是自由軟件，同時(shí)開放源代碼。在安全方面不受IE、Firefox的制約，所以 Safari瀏覽器還是比較安全的瀏覽器。(Google的Chrome瀏覽器也是采用Webkit)第16頁，共29頁。SEO搜索引擎優(yōu)化良好的信息架構(gòu)良好的可用性和可訪問性良好的外部鏈接良好的內(nèi)容有效的更新網(wǎng)站的內(nèi)容以用戶為中心第17頁，共29頁。以用戶為中心講究科學(xué)而不是”

9、想像”第18頁，共29頁。以用戶為中心講究科學(xué)而不是”想像”,我們要看一個(gè)東西是不是好，首先要多看看別人做的東西是不是比自己的好，還在什么地方，為什么好，科學(xué)的分析，而不是自己的想象。如果作為一個(gè)電子商務(wù)開發(fā)的人員你在互聯(lián)網(wǎng)上從來就不網(wǎng)購，那你就沒有資格去開發(fā)電子商務(wù)，因?yàn)槟阕约憾疾蝗ンw驗(yàn)。第19頁，共29頁。 炒作概念與行業(yè)本質(zhì)為了做網(wǎng)站給做網(wǎng)站，為了設(shè)計(jì)而設(shè)計(jì)，為了兼容而兼容,這就是炒作概念，而沒有認(rèn)清本質(zhì)問題導(dǎo)致的誤區(qū)，為了做什么而做什么，也是思想僵化的一種嚴(yán)重表現(xiàn)，為了做什么而做什么，也導(dǎo)致了沒有創(chuàng)新，思想的僵硬是最可怕的。第20頁，共29頁。7年之夢白鴉，以用戶為中心的設(shè)計(jì)第21頁，

10、共29頁。我的夢2019年底，我徹底愛上了“互聯(lián)網(wǎng)”，發(fā)現(xiàn)只有這里才是一個(gè)自由的、理想的、平等的世界。我告訴自己，這輩子就她了。2019年2月15日，我決定離開鄭州只身前往北京。臨行前我給自己定下目標(biāo)：未來6年內(nèi)絕不改行，只做網(wǎng)站設(shè)計(jì)。 如果6年后，還是混不下去，堅(jiān)決改行。我堅(jiān)信，一件事做不好是因?yàn)椴粔驁?jiān)持，一個(gè)人為一個(gè)事情堅(jiān)持6年，必然會(huì)有成績，如果沒有成績那是自己該死。2019年11月，在華夏證券，我接觸了一個(gè)詞 “用戶體驗(yàn)”。我終于知道了自己做的事情原來應(yīng)該叫“用戶體驗(yàn)設(shè)計(jì)”，我將自己所定的“6年內(nèi)只做網(wǎng)站設(shè)計(jì)”改成了“6年內(nèi)只做互聯(lián)網(wǎng)的用戶體驗(yàn)設(shè) 計(jì)”。第22頁，共29頁。 2019年

11、10月，我決定從北京遷徙到杭州。一來我厭倦了那個(gè)充滿特權(quán)的城市，二來因?yàn)槲铱粗辛酥Ц秾氝@家公司。上周，我跟郭靖說自己到支付寶有兩 個(gè)原因：首先，支付寶為互聯(lián)網(wǎng)提供必須的基礎(chǔ)的支付服務(wù)，支付是未來中國互聯(lián)網(wǎng)發(fā)展的必備基礎(chǔ)，為支付寶工作，就是在為我信仰的互聯(lián)網(wǎng)做貢獻(xiàn)。然后，支付 寶的產(chǎn)品特性，注定了它必須極其重視用戶體驗(yàn)。生在阿里巴巴這樣強(qiáng)調(diào)“客戶第一”的公司，也注定了支付寶一定會(huì)極其重視用戶的體驗(yàn)。2009年，當(dāng)我平均每天有16個(gè)小時(shí)糾纏各種糟糕體驗(yàn)中不能自拔，氣喘吁吁的時(shí)候。我再次給自己定下目標(biāo)：未來3年內(nèi)絕不改行，只做互聯(lián)網(wǎng)的產(chǎn)品 設(shè)計(jì)。7年來，我所做的所有事情，學(xué)編程、寫博客、參與Chin

12、aUI、加入U(xiǎn)PAChina、發(fā)起UCDChina、加盟5G咨詢、開 BetaCafe、交業(yè)界中各類的朋友、和投資人打交道、做培訓(xùn)、 所有所有這些讓我在業(yè)界有了一些影響力，但在我心里其實(shí)都只是為一個(gè)目標(biāo)：希望更多的人接觸到“用戶體驗(yàn)”，希望更多互聯(lián)網(wǎng)的企業(yè)真正足夠的重視“用戶體 驗(yàn)”。7年來，我的每個(gè)演講、每句話、每個(gè)行為，甚至連睡覺做夢，都是沖著這個(gè)目標(biāo)。第23頁，共29頁。入夢2019年1月22日下午，支付寶年會(huì)。一場特殊的年會(huì)。開場，所有支付寶人一起聽了十幾個(gè)客服電話錄音。這些“用戶的聲音”不是歌功頌德的贊揚(yáng)，而是10個(gè)典型的用戶對支付寶的指責(zé)、抱怨、無奈、罵、 恨、批評。然后，客戶滿意

13、中心的代表現(xiàn)場告訴大家“我們的體驗(yàn)是如何糟糕，用戶是如何承受著折磨”；BD團(tuán)隊(duì)的代表現(xiàn)場告訴大家“合作伙伴是如何對支付寶 的高期望，同時(shí)又是如何的失望和無奈”。所有支付寶人，陷入了沉思郭靖在緊接著的講話中也表達(dá)了自己對支付寶用戶體驗(yàn)的不滿，并強(qiáng)調(diào)支付寶的未來掌握在用戶手上，重視用戶體驗(yàn)必須成為支付寶的第一要?jiǎng)?wù)。第24頁，共29頁。馬總在后面的講話中，更是毫不客氣對支付寶的用戶體驗(yàn)做出了評價(jià)：“爛，太爛，爛到極點(diǎn)”。并強(qiáng)調(diào)如果不重視用戶的體驗(yàn)，支付寶會(huì)慢慢死去。馬總說 我們現(xiàn)在醒來還有機(jī)會(huì)，必須大膽的創(chuàng)新，必須在用戶體驗(yàn)上放開手腳，必須勇于承擔(dān)責(zé)任。郭靖哭了，一個(gè)鐵打的漢字哭的稀里嘩啦，他說“我

14、不服，支付寶的體驗(yàn)一定可以做好”；15個(gè)高管像15個(gè)犯錯(cuò)的孩子，站在臺上，面向所有員工，面向 所有用戶，哭著為支付寶糟糕的體驗(yàn)反思，為明天的行動(dòng)做保證 很多同事都哭了。整個(gè)年會(huì)，似乎只有四個(gè)字：“用戶體驗(yàn)”。這個(gè)年會(huì)讓我的腦袋徹底空了，空蕩蕩的，什么都沒有。我整個(gè)人空蕩蕩的飄了起來，上臺領(lǐng)那個(gè)總裁特別獎(jiǎng)的 時(shí)候恍恍忽忽不知道該說什么，也沒有勇氣去碰那個(gè)象征著用戶體驗(yàn)精神的獎(jiǎng)杯。會(huì)后這兩個(gè)晚上連續(xù)性的徹底失眠。第25頁，共29頁。懵了7年了，因?yàn)闊o數(shù)次努力還是不能讓他們真正重視用戶的體驗(yàn)，我一次次選擇辭職。7年了，我一直在等待這一天，每時(shí)每刻在為這樣的氛圍而努力。一次次的失敗，一次次的挫折，早已

15、讓我在行動(dòng)上努力的同時(shí)，內(nèi)心里早已投降。做夢都沒 有奢望這一天真的會(huì)到來。7年了，這一天終于來了，在支付寶。7年了，我終于等到自己效力的一家公司如此強(qiáng)調(diào)和重視用戶體驗(yàn)，終于等到全公司都在關(guān)注用戶體驗(yàn)，都在為糟糕的用戶體驗(yàn)反思。第26頁，共29頁。 我懵了。兩天來一直在整理思路。我突然發(fā)現(xiàn)，自己早已忘記當(dāng)初那個(gè)想的很清晰很仔細(xì)的，“本著用戶體驗(yàn)來設(shè)計(jì)產(chǎn)品”的美好設(shè)想具體要怎么做；突然發(fā) 現(xiàn)當(dāng)全公司都在關(guān)注和重視用戶體驗(yàn)的時(shí)候，用戶體驗(yàn)設(shè)計(jì)師最應(yīng)該去做什么；當(dāng)然發(fā)現(xiàn)無數(shù)次演講中所說“用戶體驗(yàn)設(shè)計(jì)師應(yīng)該是指揮者，用自己專業(yè)的方法指導(dǎo) 全公司去做用戶體驗(yàn)設(shè)計(jì)，才是他們最本職的工作”成了一句空話，不知道

16、該如何去實(shí)現(xiàn)；突然發(fā)現(xiàn)好像天天都在等著天上掉下個(gè)金元寶，仰著頭，期盼了7年，突然一天金元寶真的掉下來了，就在眼前，卻不知道該如何接住。嘣！我被砸懵了。范進(jìn)中狀元了。第27頁，共29頁。下個(gè)目標(biāo)不知道是不是整個(gè)行業(yè)的用戶體驗(yàn)設(shè)計(jì)師都如此脆弱，至少我發(fā)現(xiàn)自己不是一般的脆弱。也許，除了喊“用戶體驗(yàn)最重要”這句口號，我真的什么都不會(huì)了，上了戰(zhàn)場立馬就暈掉。一直以來總像個(gè)無頭蒼蠅，自己個(gè)兒東撞西撞，頭破血流，突然， 那層紙真的破了，才發(fā)現(xiàn)自己離可以把用戶體驗(yàn)做好還有很遠(yuǎn)很遠(yuǎn)的距離，因?yàn)椋哼@件事真的絕不是一個(gè)人、一個(gè)部門可以搞定的，必須所有人一起努力，必須發(fā)動(dòng) 和引導(dǎo)所有人參與到其中，才能真正做起來。第28頁，共29頁。兩天