UX

五一假期前的两天有幸参加了阿里UCAN2017用户体验设计论坛，很荣幸的领略了业内大牛们对于体验设计的理念与趋势的见解。本次论坛的主题是“新设计x新商业”，由阿里提出的新零售、新金融、新创造、新能源和新技术为起点，借助用户体验的设计赋能，来连接用户、商业与技术，实现最大化的商业目的。在沉淀了两天之后，我将从中学习领悟到的一些看法总结了下来。“利用人类的现实感官作为交互体验的手段，模拟与现实世界相似的场景，让体验特征表现的更加直观，真实。正是借助于科技的创新，一体性、真实性的交互体验才得以实现，人类与虚拟信息的交流才会越来越自然。”在既要满足一群人，又要满足个体中的一个人，包容一个人到参与群体的场景多样性。就是现在设计思维中所需要逐渐形成机器学习的共生方式。— 阿里妈妈UED总监 萧健兴“全链路设计是新技术发展下的必然趋势。”

“注意用户做什么，而不是他们说什么。”
——雅各布 尼尔森“令你反感的客户是你最大的学习动力来源。”
——Bill Gates“想成长为设计师？花大部分时间考虑它的运作方式，而不是看起来如何。”
——乔希·帕克特

用户体验的概念一路成长壮大，系统性概述的书籍和理念层出不穷，可执行落地的方法技巧随着技术的进步在不断变换。然而无论概念、环境如何变换，都是让产品通过媒介与人建立关系。所以其研究人性、塑造人类行为的目的却一直未变。本文从人对控制感的喜好出发，通过一些方法来保护用户的控制感或利用控制错觉给用户一些虚拟的控制感，­­­­来保护用户体验或强化用户体验。

智能车载系统的概念变得越来越火热，智能驾驶的理念也越来越普及。现阶段，国内外各大互联网巨头都在联合传统汽车企业一起探索智能汽车的设计研发。可以预见的是，在不久的将来，驾驶员在车内将更加自由，就像智能手机一样，智能汽车将为驾驶员带来前所未有的丰富体验。本文作者Adhithya，通过一系列的访谈调研，探索现阶段驾驶员在驾驶过程中的行为方式，并依此为未来的智能车载系统的交互方式设计提供了科学的思路。“我知道在手动挡车上转速表的作用，但当我换了自动挡后我就很少去看它了“
——被采访人1
”我并没有真正的去关注过它，对我来说，这部分信息没有什么意义。“
——-被采访人2
”可能在爬坡的路面上我会看一下转速表了解一下车况，但当我在城市里平坦的路况行驶时，我很少会看它。“
——-被采访人3

译者按：对色彩的研究通常要么太过随意缺乏逻辑，要不太过理论化难以理解，这篇文章用非常浅显易懂的方式，讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程，给出有力的论证，并得出很棒的结论，非常值得一读。对色盲色弱来不够友好*：原文中问题一的标题是“Low Accessibility”，通常用形容来产品对残障人士的友好度不够，这一点在欧美国家经常作为需要重视的产品硬指标（也是由于他们的色盲色弱发病率比亚洲高很多）。因为在中文里没有简短精准的说法，所以我在写的是“对色盲色弱不够友好”。
逻辑性较强的人*：原文的写法是“left-brained folks”，直译是左脑型的人。通常左脑型的人被认为逻辑严谨，右脑型的人被认为有艺术天赋。因为这种说法在中文里不是很通用，所以我写的是“逻辑性较强的人”。

本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。data-src
data-srcset
在加载到的时候更换为
src
srcset容器元素的尺寸：elW * elH
单张图片的尺寸：imgW * imgH
Sprites图片的尺寸：spritesW * spritesH
单张图片在Sprites图上的位置：imgPosX, imgPosY点的位置为 (x, y)
容器上的(x, y)点与容器左上角的距离为 cX, cY
Sprites图上的(x, y)点与本张图片左上角的距离为 sX, sYelW = imgW, elH = imgH
cX = sX, cY = sYcX = elW * x
sX = spritesW * x – imgPosX
elW * x = spritesW * x – imgPosXx = imgPosX / (spritesW – elW) = imgPosX / (spritesW – imgW)
y = imgPosY / (spritesH – elH) = imgPosY / (spritesH – imgH)

本文作者将来着重谈谈APP中的Tab Bar 是固定好还是不固定好，你觉得呢？

本文是由58UXD的交互小组的工作总结文章，交互设计师常常需要进行迭代设计，为此，他们琢磨试验出一个更适合产品迭代的卡片创意法。收到消息通知→打开消息通知→查看消息→回复／其它操作接收（告知用户有消息需要了解）→阅读（了解更多消息详情）→反应行为

今天介绍三个控件，前两个是Material Design（简称MD，下同）规范中的确认弹框（Confirmation Dialog）和全屏弹框（Full-screen Dialog），后一个是iOS规范中的模态视图（Modal View）。下面先说MD中的两个。

经过一期带团队的体验，阁主发现文件命名有点让人抓狂，实在忍不住更新一篇文章去说说这其中大家约定俗成的规则，不仅包括切图命名规则，还包括文件整理规范。之前楼主有整理过简单的，貌似不够用，今天再来具体说说。

如果要在应用程序中使用FAB，则必须仔细考虑应用程序的设计，并将用户的可能操作归结为一个最突出的功能。正确使用FAB，最终会给用户带来惊人的帮助。为了促进操作，不要一味使用FAB！用户必须记住它的含义。FAB可以改善屏幕之间的转换

在上一章节中，我试图通过重新设计智能车载中控系统来降低驾驶过程中过多的信息导致的注意力分散问题，我的主要解决方案是通过局部的简单操作配合语音导航来完成任务，并避免驾驶员的双手离开方向盘。在本章节中，通过调研和采访一些新手驾驶员，我总结了一些发现，以启发我通过体验设计来消除驾驶过程中的焦虑现象。

作为一名视觉设计师，将文件整理的井然有序是我们必须要具备的能力，如果你现在还没有一个完整的文件管理体系，可以先看看我的！

《用户故事地图》不仅仅是讲述什么是用户地图、怎么使用用户地图，也讲了很多团队协作的tips，并且给出了很多实例。我这里直接从这本书的其中一个角度——“怎么使用用户地图”为内容，然后结合一些自己的想法，来写这篇读书笔记。聚焦于成果，即产品发布后用户能使用和感知的东西，切分发布计划应该以成果为导向。  ——《用户故事地图》P56

随着移动互联网的迅猛发展，同一款产品，使用移动端的用户远超PC端，为了更好的提升APP的用户体验，情感化设计也得到了越来越多的关注，通过它来唤起用户共鸣，带给用户愉悦的心情。

在上篇中，我们聚焦产品中的用户流程行为，讨论为减少用户操作负担和优化等待而做的交互设计；在中篇中，我们从人的主观感受出发，讨论产品的礼仪和为舒适而做的交互设计；在本篇中，我们将讨论人的感知和目标，探究那些”人们其实已经知道，却没有被发现“，但伟大产品为此做的动人细节。

在第一篇章中，我通过对智能汽车车载中控仪表的重新设计来减少驾驶中过多信息对驾驶员的注意力干扰。我的设计思路是通过多维度的交互操作来帮助驾驶员完成一些简单的操作任务，同时保证双手不离开方向盘。通过更多最对新手驾驶员的采访研究与测试，我又在第二章节中针对消除驾驶过程中的焦虑情绪做了分析与方案设计。在本章节中，我试图总结前两章节的研究发现，并设计一套针对智能驾驶的主动控制系统。

为了在“金三银四”抢占先机，向本站导流，最重要的，是为了向广大蓝领招聘群体营造有趣、可信的平台，输出赶集优秀的设计价值和体验，我们3个设计师进行了各个维度的配合。注：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的有景深的视觉体验。作为近年网页设计的热点趋势，越来越多的网站应用了这项技术。

无论是设计网页还是APP，我们必须要满足用户的需求， 用户体验的好坏完全取决于你多了解用户。用户是如何思考，记忆，做决策？什么促使他们点击？知道了这些，对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。