交互的设计以用户为中心课件

1、以用户为中心我们在做什么？为什么要这么做？第1页，共29页。以用户为中心立足于传统设计软件与网站产品的区别网站设计以用户为中心讲究科学而不是”想像”炒概念与行业本质第2页，共29页。立足于传统设计IT（Information Technology）IT为传统设计服务第3页，共29页。IT（Information Technology）IT是Information Technology的简写，中文意思是信息技术，显而易见IT是一门技术而不是一个行业。第4页，共29页。IT为传统设计服务互联网严格意义上只是利用传统行业信息传播的一种新渠道和一种手段。利用信息技术更好的为传统行业服务，这才是最重要的

2、行业本质第5页，共29页。第6页，共29页。软件与网站产品的区别工程角度：软件是C/S架构产品，网站是B/S架构产品设计角度：软件是Soft-based产品，网站是Web-based产品第7页，共29页。Web-based产品设计节奏更快，流程更复杂，需要管理的团队成本更高。涉及的技术面更广，专业技术发展也更快。Soft-based产品不会有可访问性指标，不会有分辨率，兼容性的问题，跟不需要为搜索引擎考虑友好而对网站进行标准化。第8页，共29页。Google Gmail，Google Docs都既是B/S架构产品，也是Web-based产品。相对于Microsoft类似功能的C/S架构产品而言

3、，可维护性强，无需安装应用程序的优点，在满足用户需求角度的优势逐渐凸显。第9页，共29页。网站设计传统网站与符合Web标准网站的区别网站需要漂亮还是舒服浏览器兼容Web前台设计趋向于专业化标注化SEO搜索引擎优化第10页，共29页。传统网站与符合Web标准网站的区别传统网站注重的页面的表现符合Web标准网站注重的是页面的信息结构，表现，行为（xhtml，css，javascript）符合Web标准网站的好处第11页，共29页。网站需要漂亮还是舒服网站是一个平台，网页只是一个界面，更好的服务用户，如果变成了一个纯粹的艺术品那就是去了本质的意义。漂亮是用户对作品的主观判断，我认为这个作品很漂亮舒服

4、是作品对用户的客观影响，这个作品让我感觉舒服你使用网站的目的是什么？第12页，共29页。浏览器兼容浏览器与Web的发展浏览器内核浏览器内核测试效率良好的向后兼容思想浏览器的市场占有率第13页，共29页。浏览器与Web的发展 早在2019年，有一个通用的惯例，Netscape浏览器使用Javascript，IE使用Jscript（一种类似于Javasrcipt的脚本语言）。Javasrcipt只能运行在Netscape，而微软的ActiveX和Jscript只能运行在IE。只能为不同的浏览器采用不同的代码去适应，这些事情是为3.0版本浏览器做的，2019年下半年的时候，Netscape和IE都推

5、出了4.0版本浏览器，他们各自吹嘘自己的浏览器有强大的Dhtml（动态的html），但他们的浏览器完全不兼容，更不用说不知名的浏览器了，而且Netscape和IE跟他们3.0的版本也无法兼容，想让自己的网站在几个不同版本的浏览器中同时使用的话就要做几个不同的版本，每个功能都要做几个不同的版本去适应不同的浏览器，开发成本至少增加了25%；所以一些开发者限制他们的网站只适应其中一个版本的浏览器。而且网站随时面临着过时的命运和被淘汰的怪圈。 第14页，共29页。W3CW3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会

6、员）包括生 产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。Web标准组织（W3C）于2019年发起，目的是说服Netscape、Microsoft和其他浏览器生产商彻底支持标准。他采用从容进行、坚持和策略性的方法，最终使得浏览器生产商同意引进一系列标准。通过共同的标准协同工作，是Web 向前发展必需的观点第15页，共29页。浏览器内核Trident： IE浏览器使用的内核,该内核程序在2019年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到目前的IE7。 Trident实际上是一款开

7、放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE的浏览器涌现（如 Maxthon、The World 、TT、GreenBrowser、AvantBrowser等）。Geckos： Netcape6开始采用的内核，后来的Mozilla FireFox也采用了该内核，Geckos的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。Presto： 目前Opera采用的内核，该内核在2019年的Opera7中首次被使用，该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。Webk

8、it：Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来，它们都是自由软 件，在GPL条约下授权，同时支持BSD系统的开发。所以Webkit也是自由软件，同时开放源代码。在安全方面不受IE、Firefox的制约，所以 Safari浏览器还是比较安全的浏览器。(Google的Chrome浏览器也是采用Webkit)第16页，共29页。SEO搜索引擎优化良好的信息架构良好的可用性和可访问性良好的外部链接良好的内容有效的更新网站的内容以用户为中心第17页，共29页。以用户为中心讲究科学而不是”

9、想像”第18页，共29页。以用户为中心讲究科学而不是”想像”,我们要看一个东西是不是好，首先要多看看别人做的东西是不是比自己的好，还在什么地方，为什么好，科学的分析，而不是自己的想象。如果作为一个电子商务开发的人员你在互联网上从来就不网购，那你就没有资格去开发电子商务，因为你自己都不去体验。第19页，共29页。 炒作概念与行业本质为了做网站给做网站，为了设计而设计，为了兼容而兼容,这就是炒作概念，而没有认清本质问题导致的误区，为了做什么而做什么，也是思想僵化的一种严重表现，为了做什么而做什么，也导致了没有创新，思想的僵硬是最可怕的。第20页，共29页。7年之梦白鸦，以用户为中心的设计第21页，

10、共29页。我的梦2019年底，我彻底爱上了“互联网”，发现只有这里才是一个自由的、理想的、平等的世界。我告诉自己，这辈子就她了。2019年2月15日，我决定离开郑州只身前往北京。临行前我给自己定下目标：未来6年内绝不改行，只做网站设计。 如果6年后，还是混不下去，坚决改行。我坚信，一件事做不好是因为不够坚持，一个人为一个事情坚持6年，必然会有成绩，如果没有成绩那是自己该死。2019年11月，在华夏证券，我接触了一个词 “用户体验”。我终于知道了自己做的事情原来应该叫“用户体验设计”，我将自己所定的“6年内只做网站设计”改成了“6年内只做互联网的用户体验设 计”。第22页，共29页。 2019年

11、10月，我决定从北京迁徙到杭州。一来我厌倦了那个充满特权的城市，二来因为我看中了支付宝这家公司。上周，我跟郭靖说自己到支付宝有两 个原因：首先，支付宝为互联网提供必须的基础的支付服务，支付是未来中国互联网发展的必备基础，为支付宝工作，就是在为我信仰的互联网做贡献。然后，支付 宝的产品特性，注定了它必须极其重视用户体验。生在阿里巴巴这样强调“客户第一”的公司，也注定了支付宝一定会极其重视用户的体验。2009年，当我平均每天有16个小时纠缠各种糟糕体验中不能自拔，气喘吁吁的时候。我再次给自己定下目标：未来3年内绝不改行，只做互联网的产品 设计。7年来，我所做的所有事情，学编程、写博客、参与Chin

12、aUI、加入UPAChina、发起UCDChina、加盟5G咨询、开 BetaCafe、交业界中各类的朋友、和投资人打交道、做培训、 所有所有这些让我在业界有了一些影响力，但在我心里其实都只是为一个目标：希望更多的人接触到“用户体验”，希望更多互联网的企业真正足够的重视“用户体 验”。7年来，我的每个演讲、每句话、每个行为，甚至连睡觉做梦，都是冲着这个目标。第23页，共29页。入梦2019年1月22日下午，支付宝年会。一场特殊的年会。开场，所有支付宝人一起听了十几个客服电话录音。这些“用户的声音”不是歌功颂德的赞扬，而是10个典型的用户对支付宝的指责、抱怨、无奈、骂、 恨、批评。然后，客户满意

13、中心的代表现场告诉大家“我们的体验是如何糟糕，用户是如何承受着折磨”；BD团队的代表现场告诉大家“合作伙伴是如何对支付宝 的高期望，同时又是如何的失望和无奈”。所有支付宝人，陷入了沉思郭靖在紧接着的讲话中也表达了自己对支付宝用户体验的不满，并强调支付宝的未来掌握在用户手上，重视用户体验必须成为支付宝的第一要务。第24页，共29页。马总在后面的讲话中，更是毫不客气对支付宝的用户体验做出了评价：“烂，太烂，烂到极点”。并强调如果不重视用户的体验，支付宝会慢慢死去。马总说 我们现在醒来还有机会，必须大胆的创新，必须在用户体验上放开手脚，必须勇于承担责任。郭靖哭了，一个铁打的汉字哭的稀里哗啦，他说“我

14、不服，支付宝的体验一定可以做好”；15个高管像15个犯错的孩子，站在台上，面向所有员工，面向 所有用户，哭着为支付宝糟糕的体验反思，为明天的行动做保证 很多同事都哭了。整个年会，似乎只有四个字：“用户体验”。这个年会让我的脑袋彻底空了，空荡荡的，什么都没有。我整个人空荡荡的飘了起来，上台领那个总裁特别奖的 时候恍恍忽忽不知道该说什么，也没有勇气去碰那个象征着用户体验精神的奖杯。会后这两个晚上连续性的彻底失眠。第25页，共29页。懵了7年了，因为无数次努力还是不能让他们真正重视用户的体验，我一次次选择辞职。7年了，我一直在等待这一天，每时每刻在为这样的氛围而努力。一次次的失败，一次次的挫折，早已

15、让我在行动上努力的同时，内心里早已投降。做梦都没 有奢望这一天真的会到来。7年了，这一天终于来了，在支付宝。7年了，我终于等到自己效力的一家公司如此强调和重视用户体验，终于等到全公司都在关注用户体验，都在为糟糕的用户体验反思。第26页，共29页。 我懵了。两天来一直在整理思路。我突然发现，自己早已忘记当初那个想的很清晰很仔细的，“本着用户体验来设计产品”的美好设想具体要怎么做；突然发 现当全公司都在关注和重视用户体验的时候，用户体验设计师最应该去做什么；当然发现无数次演讲中所说“用户体验设计师应该是指挥者，用自己专业的方法指导 全公司去做用户体验设计，才是他们最本职的工作”成了一句空话，不知道

16、该如何去实现；突然发现好像天天都在等着天上掉下个金元宝，仰着头，期盼了7年，突然一天金元宝真的掉下来了，就在眼前，却不知道该如何接住。嘣！我被砸懵了。范进中状元了。第27页，共29页。下个目标不知道是不是整个行业的用户体验设计师都如此脆弱，至少我发现自己不是一般的脆弱。也许，除了喊“用户体验最重要”这句口号，我真的什么都不会了，上了战场立马就晕掉。一直以来总像个无头苍蝇，自己个儿东撞西撞，头破血流，突然， 那层纸真的破了，才发现自己离可以把用户体验做好还有很远很远的距离，因为：这件事真的绝不是一个人、一个部门可以搞定的，必须所有人一起努力，必须发动 和引导所有人参与到其中，才能真正做起来。第28页，共29页。两天