《情感化U设计原理用真心感动用户.docxVIP

情感化UI设计原理,用真心感动用户情感化UI设计展现产品的灵魂，拉近人与产品、人与人之间的距离，在更深次的层面体现出对人性的关怀。一 真实世界的虚拟映射拟物化：来自现实的直觉拟物化是最直接的借鉴现实世界的设计方式。通过模拟现实中的产品的视觉外观，应用到互联网产品的相应设计中，可以降低用户的学习成本，让产品信息和功能更易于识别和理解。在产品的icon、logo、界面等视觉设计中融入实物的形态、色彩、肌理等元素，达到“仿真”的效果，让用户“一看就懂”。栗子：下图是iOS两种风格的罗盘UI。隐喻化的操作：不言而喻的默契当UI设计元素无法找到匹配的现实对照物时，直接拟物化往往比较困难。这时候可以在交互上做“拟物”--隐喻化。当应用中的可视化对象和操作与现实世界中的对象与操作类似时，用户就能快速领会如何使用它--iOS设计规范在产品的交互层面模仿现实操作，借助现实操作的经验让用户更易理解虚拟产品的交互逻辑。栗子：下图是iOS中两种风格的地图交互动效二 在你身边，贴心设计可控的感受用户使用产品，如同现实中执行某件事，可预期的、可控制的感知往往带来正向的体验，并且促进用户进行完整的操作。想象一下，在大街上遇到红灯时，发现没有倒计时，等待时间超过半分钟我们就会觉得很焦躁，因为不知道什么时候才可以同行，如果发生在ZG，可能部分同胞就迫不及待冲红灯了。Orz。为了增强用户的可控感，界面需要预先提供显示，向用户透露一些接下来将要发生的事情，让用户建立预期。除此之外，系统需要根据用户的操作收集信息，掌握规律，正确低、地预计未来可出现的问题，并提前采取措施或者提醒用户，将可能出现的风险消除在萌芽状态栗子：在chromel浏览器中使用在线编辑文档的功能时，进行关闭页面的操作会有如下弹窗提醒用户，预防未保存误关闭的事件发生。栗子：在秀米编辑器中对文档进行保存时，在顶部会弹出banner告知用户系统目前正在进行的操作，还有象征加载的动画。唯一美中不足的是：没有直观地显示保存的进度，有时候遇到网络比较卡顿的时候，看着动画转半天不知道进度会略显着急。栗子：360安全位置在进行垃圾清理的时候，会直观地显示各个软件的垃圾数据量和当前正在清理的文件，让用户对过程更直观更可控。积极的反馈操作反馈普遍存在于产品各个交互细节中，是产品回应用户操作最常见的方式。最常见的是消极类反馈(消极是指操作本身是错误的、不恰当的)。栗子：win系列系统中用户一旦非法输入，就会duang一声弹出一个对话框，还醒目地给个红叉，本来用户操作失误已经比较沮丧了，还有这么强烈刺激的反馈，简直深深挫折感。当然，消极反馈往往肩负着杜绝破坏产品和用户信息安全的责任，难免需要一切“深刻印象”的反馈来刺激用户，但是能否委婉一点表达呢。那么当用户成功完成某项操作时，我们赞美过他们呢?人们在社会交往时具有的期望，在使用互联网产品时也会有。积极的反馈可以增强用户的信心，提升用户的愉悦感。栗子：在360安全卫士中执行优化加速的功能之后会将优化结果反馈给用户，结果呈现方式简洁清新，采用类似奖牌和锦带的UI元素让用户产生奖励的愉悦感。栗子：微博手机版发送微，会有banner弹出告知用户已成功发送。贴心的提醒在使用产品时，用户难免会有遗忘或是疏忽的时候。此时给与用户一些贴心的提醒，可以提升用户对产品的好感。怎样才算是贴心的提醒呢?当人们清晰记得自己的用户账号时候，登录网站可能只需要几秒。但对于一些不常使用的网站，用户可能会忘记用户名是邮箱还是手机号还是昵称。这时候登录框有适当的提示语的话，可以减少用户的流失。当然这个设计早已被广泛应用。除了运用文字直接提醒用户之外，还可以通过界面元素状态的改变给予用户提醒。例如，许多邮件产品会改变已读邮件的字体粗细度，使用户不要过多关注已读邮件。同理可以从色彩，大小，形状等元素上做设计，区分多类信息，目的都是突出重点显示的内容。提醒包括但不局限于上述两种方式，应该在产品各个操作细节尤其敏感且重要的操作上全面部署，无论你的用户是谁，都可以轻松完成相应的操作。栗子：截图是QQmail。三 调动用户的情感产品能通过功能满足用户需求，是重要的，容易让人学会并顺利使用，也是重要的，更重要的是，产品要让人感到愉悦并能深深地吸引用户。互动的乐趣人类是社会化的动物，在意情感的双向表达。在使用互联网产品的时候，人们希望可以体会到互动的乐趣，而不是单向地接收信息。交互动画操作后的反馈效果误操作时的提醒像对话一样亲切的文案......都是机器和用户互动的结果。让用户感觉到，自己的一点一滴都能被系统感知，满足用户的参与感和被尊重感。栗子：可爱有趣的404页，看着看着就笑了，打不开网页的挫折感是不是变轻了。惊喜的力量超出预期的体验才是好的用户体验。惊喜通常会令人开心，是因为其发生在不经意间，有类似奖励的效果。虽然