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

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

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

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

4、是作品對(duì)用戶的客觀影響，這個(gè)作品讓我感覺(jué)舒服你使用網(wǎng)站的目的是什么？第12頁(yè)，共29頁(yè)。瀏覽器兼容瀏覽器與Web的發(fā)展瀏覽器內(nèi)核瀏覽器內(nèi)核測(cè)試效率良好的向后兼容思想瀏覽器的市場(chǎng)占有率第13頁(yè)，共29頁(yè)。瀏覽器與Web的發(fā)展 早在2019年，有一個(gè)通用的慣例，Netscape瀏覽器使用Javascript，IE使用Jscript（一種類似于Javasrcipt的腳本語(yǔ)言）。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），但他們的瀏覽器完全不兼容，更不用說(shuō)不知名的瀏覽器了，而且Netscape和IE跟他們3.0的版本也無(wú)法兼容，想讓自己的網(wǎng)站在幾個(gè)不同版本的瀏覽器中同時(shí)使用的話就要做幾個(gè)不同的版本，每個(gè)功能都要做幾個(gè)不同的版本去適應(yīng)不同的瀏覽器，開(kāi)發(fā)成本至少增加了25%；所以一些開(kāi)發(fā)者限制他們的網(wǎng)站只適應(yīng)其中一個(gè)版本的瀏覽器。而且網(wǎng)站隨時(shí)面臨著過(guò)時(shí)的命運(yùn)和被淘汰的怪圈。 第14頁(yè)，共29頁(yè)。W3CW3C組織是對(duì)網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個(gè)非贏利組織，像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來(lái)定制。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)和政府部門(mén)，一起協(xié)同工作，致力在萬(wàn)維網(wǎng)發(fā)展方向上達(dá)成共識(shí)。Web標(biāo)準(zhǔn)組織（W3C）于2019年發(fā)起，目的是說(shuō)服Netscape、Microsoft和其他瀏覽器生產(chǎn)商徹底支持標(biāo)準(zhǔn)。他采用從容進(jìn)行、堅(jiān)持和策略性的方法，最終使得瀏覽器生產(chǎn)商同意引進(jìn)一系列標(biāo)準(zhǔn)。通過(guò)共同的標(biāo)準(zhǔn)協(xié)同工作，是Web 向前發(fā)展必需的觀點(diǎn)第15頁(yè)，共29頁(yè)。瀏覽器內(nèi)核Trident： IE瀏覽器使用的內(nèi)核,該內(nèi)核程序在2019年的IE4中首次被采用，是微軟在Mosaic代碼的基礎(chǔ)之上修改而來(lái)的，并沿用到目前的IE7。 Trident實(shí)際上是一款開(kāi)

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

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

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

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

11、10月，我決定從北京遷徙到杭州。一來(lái)我厭倦了那個(gè)充滿特權(quán)的城市，二來(lái)因?yàn)槲铱粗辛酥Ц秾氝@家公司。上周，我跟郭靖說(shuō)自己到支付寶有兩 個(gè)原因：首先，支付寶為互聯(lián)網(wǎng)提供必須的基礎(chǔ)的支付服務(wù)，支付是未來(lái)中國(guó)互聯(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)：未來(lái)3年內(nèi)絕不改行，只做互聯(lián)網(wǎng)的產(chǎn)品 設(shè)計(jì)。7年來(lái)，我所做的所有事情，學(xué)編程、寫(xiě)博客、參與Chin

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

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

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

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

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