搜索
UX那些事ABOUTUSEREXPERIENCEHanLei•2000年起自学网页设计开发，个人站长，勤工俭学•2003年起从事专职UI/UX设计工作•2005年起先后担任未来国际、西部世纪、普罗通信等UI/UX团队负责人•2015年2月入职诺瓦科技任UI设计部经理韩磊网名蓝柯UX设计管理、互联网产品设计基础缘起：设计与艺术艺术设计？咖啡壶雅克·卡洛曼在唐纳德.A.诺曼的《情感化设计》的第一页可以看到这个精美别致的壶，它是由法国艺术家雅克·卡洛曼创造的，卡洛曼称它为咖啡壶：一个“专为受虐狂设计的咖啡壶”。后来才发现,茶壶嘴和茶壶柄在同一边,根本就是一个不可用的壶。设计与艺术的区别•设计侧重实际的物理作用；艺术侧重精神的心理作用。•设计产物大多是产品或服务形态；艺术的创造更多的是人内心的表达和一种观摩、欣赏。•设计像哲学；艺术像宗教。•设计探讨的是可能和反思，尽量简化实用；艺术强调的是唯一和崇拜，突出艺术风格的图片，期待天才和救世主。•设计师改善生活；艺术家修炼自己。•设计师观察生活，强调吸收进来，改善目前的状态；艺术家不断修炼自己，强调表达出去，不论世俗干扰，只求艺术境界完美。我们不是艺术家，设计是用来解决问题的，为产品服务的。UX是什么？•用户体验，英文UserExperience，缩写为UE,或者UX。•用户体验是一种纯主观的在用户使用产品（服务）的过程中建立起来的感受。相关概念•UI(UserInterface)：用户界面•IxD(Interactiondesign)：交互设计•UID(UserInterfaceDesign)：用户界面设计•PD(ProductDesign)：产品设计•UED(User-ExperienceDesign)：用户体验设计•UCD(User-CenteredDesign)：以用户为中心的设计•Usability：可用性•UsabilityEngineering：可用性工程UX的价值•积极的体验=品牌信誉•消极的体验=失去用户UX流程阿里软件UED流程图UED设计流程值得注意的几点•UED设计流程在各个公司、团队之间存在不同•国内BAT(百度、阿里、腾讯)三巨头及国内外知名公司、团队在UED方面的投入与大多数中小型公司不在同一量级。•国内知名UED设计团队岗位更加细分，比如在我们熟知的产品设计师、交互设计师、视觉设计师以外，还有信息架构师、用户研究工程师、可用性工程师、数据分析师等岗位。•需要根据公司、团队实际情况考虑UED设计流程西安UED现状•从UED方面的认知程度、重视程度、投入程度、实践程度，还相对薄弱•大多数互联网公司、软件公司已经有产品经理(或产品设计师)、UI设计师的岗位设定。•由于能力、经验等各方面原因，职场上真正意义上的交互设计师较少，交互设计大多由产品经理来规划并设计原型。•西安职场上的UI设计师岗位，简单划分为侧重视觉设计、侧重交互设计两类，大多数是侧重视觉设计。不少设计师对自身从事工作的相应方法、流程、规范等不熟悉，对交互设计、产品设计了解较少，对其他横向环节更加不了解，比如与UI有关实现、测试等。•互联网时代造就产品经理，目前职场上的产品经理普遍存在缺乏传统需求分析师的严谨和业务功底，对产品研发各环节横向熟悉程度较欠缺。该怎么办？•乔布斯、苹果公司终其所有都在为了用户体验，互联网的兴起将用户体验推上了风头浪尖。•“用户体验”这个词，几乎和人们用手机上网一样普及，做公司、做产品都需要拿这个词说事。•产品的UED对于大多数中小型公司而言，梦想很丰满，现实很骨感，需要认真面对。•其实，不论大团队还是小团队，甚至就几杆枪天天当做救火队还谈不上团队，想知道UED该怎么办，就必须遵循一个业界普遍认同的关键点——JesseJamesGarrett《用户体验的要素》分层结构。战略层——产品目标和用户需求成功的用户体验，其基础是一个被明确表达的“战略”。知道企业与用户双方对产品的期许和目标，有助于确立用户体验各方面战略的制定。范围层——功能规格和内容说明带着“我们想要什么”、“我们的用户想要什么的”的明确认识，我们就能弄清楚如何去满足所有这些战略的目标。当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。结构层——交互设计与信息架构在收集完用户需求并将其排列好优先级别之后，我们对于最终展品将会包括什么特性已经有了清楚的图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体。为产品创建一个概念结构。框架层——界面设计、导航设计和信息设计在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。在框架层，我们要更进一步地提炼这些结构，确定很详细的界面外观、导航和信息设计，这能让美色的结构变得更实在。表现层——视觉设计在这个五层结构的顶端，我们把注意力转移到网站用户会先注意到的那些方面：视觉设计，这里，内容、功能和美学汇集到一起来产生一个最终设计，这将满足其他四个层面的所有目标。用户体验的要素JesseJamesGarrett《用户体验的要素》结构图工作推动分工产品UED之界面设计团队(简称UI)与产品设计团队(简称PD)工作推动分工原则UI主导这个层面的工作内容UI牵头与PD密切沟通讨论推动这个层面的工作内容PD牵头与UI密切沟通讨论推动这个层面的工作内容PD主导这个层面的工作内容PD或相应高层负责落实这个层面的相关内容，越具体越有利于其他4层开展工作主要工作产物产品定位文档；竞品分析文档。功能列表明细文档。需求、功能梳理；界面原型；产品需求文档初稿。界面原型。完善产品需求文档。视觉效果图。实践总结UX规范UX设计规范体系的通用性层次原则指南标准、规范具体性强通用性强•某项目UI约定•某IMPC客户端ICON制作规范•某部门移动设备Axure原型制作规范……•iOSHumanInterfaceGuidelines•AndroidDesign……•UsabilityEngineering•User-CenteredDesign……UI设计开发规范应符合实践基本规律•界面框架、组件的搜集、分析、设计、开发是界面模式界面经验的高度抽象，保障界面复用、产品一致性的必要手段。基础WebUI规范体系介绍产品/项目约定界面框架规范(公司级)基础界面元素规范(公司级)•产品VILogo•系统框架视觉风格•根据业务需求约定交互模式、页面流•总体界面框架结构•界面模式灵活•优化多语言、多浏览器、换肤、组件库、扩展性等问题•界面组件及其组合•基础应用模板•Web标准编码，优化结构，代码可重用性强某公司界面设计开发规范实践体系实践分享Works•各平台界面基础组件规范工作•产品用户体验问题搜集工作•近期UI工作推动原则•近期及历史项目分享设计心理学情感化设计可用性工程://book.douban.com/subject/3279105/用户体验的要素一目了然瞬间之美信息架构界面设计://book.douban.com/subject/2365393/UI进化论设计沟通十器用户体验草图设计://book.douban.com/subject/1827702/书籍推荐UX相关工作几点个人看法•信任、实事求是、讲道理是开展的基本氛围•尊重每一个产品研发的环节，有同理心，专业的人做专业的事•做事情不要给自己挖坑，也不要给相关环节挖坑•天道不一定酬勤，深度思考比缺乏思考的勤奋更重要•产品、团队的成功，不能依赖个人英雄主义•规范工作是否成功的判断标准，是如果制定者走了还能否应用延续•讲道理、专业的职业素养应该排在Title、工作年限、学历之前•严谨、客观的看待和参与用户体验设计过程，要淡定•不断学习精进自己的业务方向，与此同时拓展知识广度•对自己熟知的领域、知识仍然要保持敬畏之心，实践出真知•不要过于自信，保持认真、严谨的做事态度UX那些事ABOUTUSEREXPERIENCETHANKS微信：lanke_net新浪微博：蓝柯