交互设计

近年来“用户体验”被越来越多的提及和讨论，情感化设计，体验式设计，交互设计，UI，UE，UX这些跟用户体验相关的词汇如今也成为了我们谈论产品时的日常用语。确实，产品、用户体验与我们的生活息息相关，也在影响着我们的思想和交流方式。 那 用户体验到底是什么？产品和用户体验之间到底存在怎样的联系？产品又该怎样去提升用户体验？ 本文将针对用户体验的相关问题进行探讨。 一，用户体验的前世今生 “用户体验”这个词最早被广泛认知是在上世纪90年代中期，由设计师唐纳德·诺曼（Donald Norman）提出。用户体验概念认为”一个良好的产品能同时增强心灵和思想的感受，使用户拥有愉悦的感觉去欣赏、使用和拥有它”。图片人物 唐纳德·诺曼。 唐纳德·诺曼认为，设计要从人的思维和感官层面来考虑，强调用户体验。但如今的很多设计不仅没有以人为本，反而让人围着机器转。没有去想着如何开发人的潜能，反而是利用人类的生物性，设计出会让人“自我伤害”的产品。比如，不断推送通知的应用程序，就是利用了人类天生容易分心的特点。诺曼呼吁人们要意识到这种“技术主导人”的现状，并且提倡回归以人为本，设计要解决问题，而不是创造问题。 他的用户体验思维在全球设计领域产生了极大的影响，并因此推动了工业设计和认知心理学的发展。随着计算机和图形技术的快速发展，用户体验更多的体现在人机交互中，用户体验思维也引起了产品设计师，产品经理

2011年涌现出诸多优秀设计，随着操作系统的更新和硬件性能的提升，交互设计又被提升到一个新的高度。不再是将内容从互联网搬至移动设备，而是解决设备本身的问题，根据用户需求从操作方式、信息架构和内容呈现等各个方面挖掘设计的可能性，为用户带来新颖的交互体验。 本文汇总今年热门产品的界面案例，希望能从中总结出未来一年需要重点关注的设计趋势。 突出主要功能 对于信息架构的不同，主界面也会有很大区分，以某一功能吸引用户，如拍照分享。 专注是从众多相似产品中脱颖而出的产品策略。有数据表明，如果界面某项功能在视觉上最明显，那也将提高用户使用的机率，而从主界面点击超过三次才能操作的功能被使用机率则非常低。 integram在视觉上“share”按钮的样式区分去其他标签，强调分享，而不是拍照功能。 语音交互 设备硬件为取代其他终端产品和实现新颖的功能提供了技术基础，用户与设备之间的交互方式不仅局限受触摸屏，语音和拍摄在2011年的移动应用中发挥了巨大的作用，促成微信和Instagram等热门产品。 Siri被誉为革命性产品，不管其是否夸大其词，它成功将语音交互引入到移动设备中，比起语音命令更为智能。 百度手机浏览器Android率先引入语音搜索，解放双手，提供更为自然的操作方式，但需要交互辅助解决识别率和使用环境嘈杂等问题。 语聊可能是今年最火的功能，音频让用户沟通更为方便

2011年涌现出诸多优秀设计，随着操作系统的更新和硬件性能的提升，交互设计又被提升到一个新的高度。不再是将内容从互联网搬至移动设备，而是解决设备本身的问题，根据用户需求从操作方式、信息架构和内容呈现等各个方面挖掘设计的可能性，为用户带来新颖的交互体验。 本文汇总今年热门产品的界面案例，希望能从中总结出未来一年需要重点关注的设计趋势。 突出主要功能 对于信息架构的不同，主界面也会有很大区分，以某一功能吸引用户，如拍照分享。 专注是从众多相似产品中脱颖而出的产品策略。有数据表明，如果界面某项功能在视觉上最明显，那也将提高用户使用的机率，而从主界面点击超过三次才能操作的功能被使用机率则非常低。 integram在视觉上“share”按钮的样式区分去其他标签，强调分享，而不是拍照功能。 语音交互 设备硬件为取代其他终端产品和实现新颖的功能提供了技术基础，用户与设备之间的交互方式不仅局限受触摸屏，语音和拍摄在2011年的移动应用中发挥了巨大的作用，促成微信和Instagram等热门产品。 Siri被誉为革命性产品，不管其是否夸大其词，它成功将语音交互引入到移动设备中，比起语音命令更为智能。 百度手机浏览器Android率先引入语音搜索，解放双手，提供更为自然的操作方式，但需要交互辅助解决识别率和使用环境嘈杂等问题。 语聊可能是今年最火的功能，音频让用户沟通更为方便

作者推荐作法：系统性设计 这些“机器”是嵌套的——简单的机器在更复杂机器的内部——而不是作为大型整体机器来构建的。 这是对游戏功能的一个极好描述，其中复杂、持久的系统化“机器”由相对更简单的机器有层次地逐级构成，如此这般，直到结构化的符号和规则。 这是一种对游戏设计的理解，如何去做游戏设计的方法论。 游戏一定要有交互吗？ 多少或什么程度的交互是合适的？ 139页，相关。 有交互，就有参与感，没有就无。 没有交互或极少交互： 现在移动游戏，有一种交互非常少，或者可以说没有，不断的随意点击的；启动后不用点击，放任不管的。 操作少的，就谈不上什么交互认知了吧。 那没有交互的没有参与感的游戏目地是什么呢？ 销费时间，像看钟摆一样的无聊体验。可能都不能称为游戏了吧。更像是电影，电视。 复杂交互： 当然也有吃鸡，操作复杂的。 交互的认知，社会的交互（对立，帮助的体验），情感交互（体会人与人的互动，对比，帮助，扶持），文化交互（体验新奇的文化） 游戏的心理动机 大脑感观性，世界，玩家社交，运动性。 一款游戏，如果其清晰一致的愿景贯穿了系统、符号和规则——从整体到循环和部分——并且能够防止出现规则中的特殊情况和例外，那么它对玩家来说就是优雅的。 游戏的属性范围如何设定，264页。 这本书就是给游戏策划讲的如何做游戏的书。对目标读者来说是不错的书。 来源： CSDN 作者： wide288 链接：

在2013-07-15 整理了一份 国内各大互联网公司相关技术站点2.0版 （集合腾讯、阿里、百度、搜狐、新浪、360等共49个） 近日重新整理了一番，希望能对大家有所帮助 2013年 腾讯系列（13） 阿里系列（18） 百度系列（3） 搜狐系列（3） 新浪系列（2） 360系列（2） 其他（9） 2016年 腾讯系列（9） 阿里系列（5） 百度系列（6） 搜狐系列（1） 新浪系列（1） 360系列（2） 其他（3） 新增 网易（2） 腾讯系列（9） 1. 财付通设计中心 TID 成立于2005年 最近一次更新: 2015-01-14 2. QQ邮箱博客 内容主要是邮箱每次更新首页的文案。 最近一次更新: 2016年03月07日 3. 腾讯用户研究与体验设计部 CDC 2003年开始组建，正式成立于2006年5月，是腾讯公司级的设计团队,分布深圳、北京、成都三地，致力于提升腾讯产品的用户体验，探索互联网生态体验创新。 最近一次更新: 2016.05.10 4. 腾讯游戏官方设计团队TGideas TGideas隶属于腾讯互动娱乐业务系统，是一支专注于运营和营销领域的用户体验设计团队，工作范围涉及产品包装、广告创意、品牌建设、互动设计等，团队由专业的企划、项目管理、创意、视觉、开发、多媒体人才构成。 最近一次更新：2016-04-06 5. 腾讯移动互联网设计团队MXD 最近一次更新

谈 HTML5为提高手机网页的体验提供了诸多的可能性，交互效果越来越接近原生App，故而成为Web App，有望将APP功能引向浏览器，让移动平台的竞争由系统平台转向了浏览器之间。 Web App比起原生App和wap有着自身的优缺点，先简单了解下其特点，掌握设计趋势，也便于以后在设计中应用。 离线存储 离线存储的意思是第一次访问是下载网页，以后在无网络的情况下也可以使用。一个离线应用程序就是一个URL列表–HTML，CSS，JavaScript，图片，或者其他类型的资源。访问时探测到服务器列表的缓存名单时，会触发下载事件，根据名单下载指定的文件存储到本地。 在下载的同时，浏览器将会周期性的触发进度事件，此事件包含了诸如多少文件已被下载，多少文件仍然处于下载队列等信息。当缓存名单中所有列出的资源被成功下载后，浏览器触发下载完成事件。 当再次访问时，浏览器会再次检查网站的缓存名单，通过对比名单和本地的资源，得知是否需要加载新资源。新版本加载完成之后不会立即被使用。后台可以下载新网页，也不会强制用户打断当前操作流程，重新刷新页面。 如果此过程中的任何一点出现可怕的错误，你的浏览器将会触发一个错误事件，并立即终止。类似于安装应用程序，中途不可以出错。 Web App可以利用存储的特性将重要和重复的数据保存在本地，避免页面的重复刷新，减少重要信息在传输过程中被泄露，增量传输修改内容。

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 用户需求瞬息万变，而 手机软件UI设计 为适应变化的用户需求，也相应的发生着变化。但是，这并不意味着用户需求和UI设计趋势就是无迹可寻的。事实上，根据前几年的手机app界面设计变化的特点，尤其是2017年的变化特点，我们也是可以对2018年的设计趋势有一个基本的预测。 所以，这里为大家分析和介绍2018手机应用UI设计的9大趋势，希望对大家有所帮助： 1). 重叠空间感的延用 字体，图形以及颜色的重叠，不仅能够能够使界面设计更加独特且吸引眼球，同时也能营造出超越2维的空间感。这也是为什么近几年来，重叠空间概念广为UI设计师们争相使用。 而且，相同元素的重叠，结合阴影，前后次序，以及延长，淡化到消弭等的变化，会使整个设计更具科幻效果和表现力。 因此，重叠空间感的沿用将会是2018年的一大趋势。 2).颜色渐变将继续流行 无论是手机app界面的logo, 背景还是按钮之类部件的设计，即便是单一的颜色选择，结合 色彩的渐变 和多样的图形，也是可以展现出丰富的层次感和画面感。 因此，颜色的渐变不仅会在2017年全年流行，也将于2018年继续流行下去。 3).透明度的广泛应用 透明度的设置结合颜色的变化，能够营造出多彩玻璃的质感。所以，UI设计师们广泛的将其应用到各种手机App的logo设计之中

用户体验已经成为了每个互联网人的口头词，特别是互联网产品经理或产品设计师。 的确，对于任何一个互联网产品而言，体验都是非常重要的。 但是具体的用户体验到底指的是哪些方面，界面，UI，还是交互，其中到底是什么因素决定了一个产品体验的好与坏？而这些因素之间具体是什么的逻辑关系？决定体验好与坏的整体框架是什么？这是我一直想弄明白的事情。 前后读了很多与用户体验相关的书籍，其中美国作家加瑞特的《用户体验的要素》给了我很好的解答。不过真的感觉这本书不应该取这个名字，这点体验的确很不好，没弄明白读者到底想知道什么。 首先整个产品设计分为5个大的方面，由低到高，底层根本原因决定上层形态构成。和网站分层也很形象。 1. 战略层：我们为什么要做这个产品？ 2. 范围层：我们要建设什么样的内容？ 3. 结构层：如何呈现给用户？模式、顺序、优先级？ 4. 框架层：哪些功能在哪些页面上完成？这些功能在页面上如何实现？ 5. 表现层：不仅是美化，而是产品功能是否得到很好的展示？ 1.战略层 （内）我们要从这个产品中得到什么？产品目标是什么？ （外）我们的用户要从这个产品中得到什么？产品需求是什么？ 产品目标？也许大部分的产品都会是以用户为出发点的，都是为了满足用户需求，赢得市场利润。 那么用户需求是什么？这个可能就是用户体验最大的挑战，就是比用户自己更准确地去理解他们的需求。 用户需求核心：可用、易用的产品

一、 战略层 ：企业与用户对产品的期望和目标。（做什么，为谁而做？） 二、 范围层 ：功能及其内容需求整合。（需要做哪些？） 1、 产品功能的确定。收集功能需求—>为需求定义优先级 2、需求的三个主要类别：人们讲述的、他们想要的；用户实际想要的；潜在需求。 3、战略与范围的关系：战略决定范围，功能承载产品价值，范围层是为了实现战略层意图。 三、 结构层 ：交互设计及其信息架构（怎样做？） 1、功能产品：结构层将从范围转变成系统如何响应用户的请求。 信息产品：结构层则是信息空间中内容元素的分布。 2、结构层确定各个将要呈现给用户的选项的模式和顺序。包括： 交互设计：作为软件界面的网页，为用户设计结构化体验； 信息架构：作为超文本的网页，内容建设通过信息架构构建用户体验； 3、结构，和界面布局、导航体系强相关。考虑如何将这些功能排列、组合。 4、结构层与范围层的关系：结构层确定网站各种特性和功能的最适合的组合方式，而这些特性和功能就构成了网站的范围层。 四、 框架层 ：界面设计、导航设计和内容（信息）设计（要做成什么样子？） 1、确定实现形式，包括： 界面设计：确定框架，“按钮、输入框、界面控件”的领域；按钮、表格、照片和文本区域的位置。 导航设计：呈现信息； 信息设计：呈现有效地信息沟通。 2、成功的界面设计：优化设计布局，达到元素的最大效果和效率。 一眼看到“最重要的东西”

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 本文由 Mockplus（摹客） 团队翻译，仅供学习交流。 UX（即用户体验）是通过提高用户与设计界面交互的可访问性，可用性以及效率来提升用户满意度的方法。转换率和用户体验是紧密结合的，因此，我们为你提供了10个小窍门来提高你的转换率！ #1. 制作一个吸引人的主页 把你觉得对用户很重要的服务/产品的关键信息展示在第一页上。为了确保赢得用户体验效果，请不要将所有内容放在第一页上！保持信息的简洁明了，因为主页就是你的首页，所有的访客都会看到。你不想让他们看到一个丑陋和混乱的主页吧？所以说第一印象很重要！ 小贴士： KISS原则：保持信息的简洁 将最重要的内容置于显著位置 将Logo链接到主页 #2. 加载速度 理想情况下，网站应在3-4秒内完成加载。如果你的加载速度超过这个速度，你的用户将不会得到一个很好的体验，而且很可能导致他们离开你的网站。 一项研究显示，加载时间延迟2秒导致离开率为87％。 #3. 给予设计呼吸的空间 你的主要目标是让访问者查看你最重要的数据，这就需要你在页面上留出足够的展示空间，从而使其显得整洁而优雅。 除了突出展示重要的数据，呼吸空间还能提高阅读理解力，给你的设计带来赏心悦目的感觉。 #4. 使用有说服力行动呼吁（CTA） CTA呼吁你的访客在你的网站上做些什么