场景

译者按：对色彩的研究通常要么太过随意缺乏逻辑，要不太过理论化难以理解，这篇文章用非常浅显易懂的方式，讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程，给出有力的论证，并得出很棒的结论，非常值得一读。对色盲色弱来不够友好*：原文中问题一的标题是“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)

网站运营者的目的是为了增加阅读量，用户停留时间。而大部分用户一般是比较迷茫的，他们不知道自己想要读什么。

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

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

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

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

在湾区很火的设计冲刺，真的能有效快速解决项目中棘手问题吗？我们在实际工作中开始了首次尝试与应用。让我们一起来体验一下Design sprint methods的设计过程吧~

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

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

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

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

我们常说产品的用户体验设计很重要，但究竟怎样才算好的用户体验呢？以下5大UX设计目标层层递进，帮你在最短的时间内明确用户体验设计方向，成为一名合格的UX设计师。“我能否以最简单，快捷，直接的方式得到我想要的东西？”最好是“别让我思考”。“我是否享受使用该产品的过程？”“该产品是否有足够的吸引力让我愿意长期使用”，甚至“成为我生活的一部分，让我戒不掉？”“该产品是否能调动我的力量，让我主动加入产品宣传推广的队伍。”

译者Jimmy：貌似翻译项目走上了正轨，应该能保持一周更行一篇，或者两周更新一篇的节奏。：）这次翻译的是一篇关于数据报表的文章，对于没有设计过报表的设计师来说，应该很有用！文章标题有所修改。原因自然是为了点击量啦~ 哈哈~

鉴于目前交互设计的知识体系较为混乱，我写了这个［交互基础］系列专题，旨在整理移动端交互设计基础知识。巩固自己的知识体系，也与大家共勉，打好基础，才能飞得更高！

文章以作者最近做的一个会员卡绑定激活的运营活动作为案例，总结了交互设计中的一些“套路”。我：这是什么个需求？
pm：一个会员卡激活绑定的流程页。
我：会员卡是什么东西？
pm：这是一个实体卡，是我们平台用户升级为会员用的，上面有logo，卡号和密码图层我：这卡是怎么来的？
pm：平台通过线下运营活动给平台老用户进行的福利或者用户进行购买获得。
我：会员卡有什么用？
pm：激活后可以将帐号升级为会员（类似qq会员那种）
我：用户要怎么才能激活？
pm：通过扫描会员卡后面的二维码来进行激活。
我：激活后又会怎样？
pm：激活后用户升级为会员，能享受各种xxxxx牛逼的特权。
我：为什么要做这个需求？
pm：让我们平台用户能够升级为会员，然后就…….
我：额……

阳春白日风花香，又是一年芳菲至，在这最美的时节，各种运营活动又开启了，就此从视觉角度结合实战案例的小心得，对运营设计的“套路”浅谈一二。罗伯特.庞德说过：“这是一个两分钟的世界，你只有一分钟展示给人们，另一分钟让他们喜欢你。”

本文作者将阐述了他眼中聊天机器人的优势所在。用户将更多的时间放在通信app中（比如微信），而不是社交app中(比如微博)。通信app逐渐变成一个平台，聊天机器人的介入则帮助聊天用户触达更多的服务。

目前网上基本没有对做交互设计师的难点进行系统的归纳和总结。基于这个原因我总结交互设计师的三大障碍以及如何扫除交互设计师路上的3大障碍。