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

1、以用戶為中心我們在做什么？為什么要這么做？第1頁，共29頁。以用戶為中心立足于傳統(tǒng)設(shè)計軟件與網(wǎng)站產(chǎn)品的區(qū)別網(wǎng)站設(shè)計以用戶為中心講究科學而不是”想像”炒概念與行業(yè)本質(zhì)第2頁，共29頁。立足于傳統(tǒng)設(shè)計IT（Information Technology）IT為傳統(tǒng)設(shè)計服務(wù)第3頁，共29頁。IT（Information Technology）IT是Information Technology的簡寫，中文意思是信息技術(shù)，顯而易見IT是一門技術(shù)而不是一個行業(yè)。第4頁，共29頁。IT為傳統(tǒng)設(shè)計服務(wù)互聯(lián)網(wǎng)嚴格意義上只是利用傳統(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è)計角度：軟件是Soft-based產(chǎn)品，網(wǎng)站是Web-based產(chǎn)品第7頁，共29頁。Web-based產(chǎn)品設(shè)計節(jié)奏更快，流程更復(fù)雜，需要管理的團隊成本更高。涉及的技術(shù)面更廣，專業(yè)技術(shù)發(fā)展也更快。Soft-based產(chǎn)品不會有可訪問性指標，不會有分辨率，兼容性的問題，跟不需要為搜索引擎考慮友好而對網(wǎng)站進行標準化。第8頁，共29頁。Google Gmail，Google Docs都既是B/S架構(gòu)產(chǎn)品，也是Web-based產(chǎn)品。相對于Microsoft類似功能的C/S架構(gòu)產(chǎn)品而言

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

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

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

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

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

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

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

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

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

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

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

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

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

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