iPhone

本文作者将为你介绍PD与UXD，且讲述二者的关系。值得一阅。

从iOS 9改版到iOS 10之后，锁屏页面的音乐控件变大了，用户体验 明显提高。那么最佳的按钮触摸大小应该是多少？经过1.2亿次的实验后，这个结果被微软/苹果等顶级公司采用，强烈推荐学习。

规范是最标准的情况，场景是千变万化的，具体运用的时候还是需要根据场景来灵活应用。警告框是一种紧急的打扰（提示），以告知用户一个发生了的情况。警告框传达了你的应用或设备某种状态的重要信息，并且常常需要用户来进行操作。

不管在什么渠道或设备上，无缝衔接是组成可用的多渠道体验的5大关键点之一。那些能让不同渠道之间的转换体验变得简便的公司，将拥有市场竞争优势。

作为一名交互设计爱好者，在此抛砖引玉，用6类约30个案例供大家参考，本文先分享前面两部分，即为懒而做的设计和为等待而做的设计。

铃木敏文：“判断项目是否可行，应该由用户立场出发，以用户视点深入考察是否符合需求。一旦决定开拓，就一定要坚持到底。”“海星有一种特殊的能力——再生。它的腕、体盘和管足受损或自切后，都能够重新生成一个新的海星。因此，它对环境的适应能力和生存能力都特别强。”铃木敏文：“冬天，北海道地区的店准备了大量空间贩卖冰淇淋。“
当地生意人纷纷嘲笑说：“谁会大冬天里吃冰淇淋呀！”
但是，铃木说：“家里暖气开得很足，如果能吃上冰淇淋，客人应该会很开心吧！”铃木敏文：“红豆糯米的美味之处在软糯口感，但在它刚被研发成型时，试吃过后并没有尝到糯糯的口感，于是找到研发告诉我制作红豆糯米的方法和普通米饭一样是用锅煮熟的，因而导致口感上有所差异。铃木训斥他说，红豆糯米本身应该以蒸笼蒸制，为什么不采用正确的方法呢？ 原来，当时的 生产工厂并没有以蒸制大量糯米的工艺和设备，因此选择了和普通米饭相同的做法。 我要求他们改变制作方法，引进新设备，力争做出原汁原味的糯米饭团。开发团队对糯米的种类、 淘洗方法、浸泡时间、红豆的选择、煮法等所有的要素都重新研究，克服了好几个难关，终于让这一 产品 获得了极大的成功。”铃木敏文：“如今已最新的第六版的投资高达500亿日元，这些年IT的总投资金额已达到3000亿日元。商品库存数据、POS数据、缺货数据、报废数据，在第六版系统中，7-Eleven开始为各家加盟门店订货提供三项数据，以作为协助成立假设的参考，分别是立地数据、设施数据和长期数据。“立地数据”是指调查各门店周边(半径350米，徒步5分钟以内的)的家庭数；如果有商户的话，就调查其员工人数。“设施数据”主要了解自家门店周边是否有学校或医院之类的设施，这对于日常订货作业的假设设定都能提供一定的帮助。他们还根据过去的数据呈现出有关趋势及动向的数据，提供“长期数据”。”

iOS10发布了，苹果遵循了一切从简但又增加了一些提升用户体验的功能，比如向开发者开放了更多接口，设计者又如何跟随iOS的步伐做好产品设计呢？本文是系列文章的完结篇，enjoy~Note
模板图片(template image)会丢弃图片本身的色彩，而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入，请使用文本视图。请参阅Text Views。

本文作者将与大家探讨微交互是如何塑造优质的产品细节的，一起来看看吧~“最好的产品通常会做好两件事情：功能和细节。功能能够吸引用户关注这个产品，而细节则能够让关注的用户留下来。”

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

本文将介绍交互设计中的极简设计4策略，帮助产品经理或产品设计人员在进行产品设计时，可以打造一款真正为“用户”设计的产品。

本文作者将对魅族最新研发的交互方式—mBack进行分析，从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异，到分析mBack的缺点，值得一看。乔布斯说：伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时，如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务，有兴趣使用更为复杂的产品，但是不愿意接触全新的产品，除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务，他们永远也不会产生学会所有功能的想法。

本文介绍一些关于响应式图像的适配应用策略，回退原理，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)

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

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

从具有微型屏幕的智能手表到最广泛的电视屏幕，其中所开发的内容，应以便在各种屏幕尺寸之间进行查看和交互。但针对不同设备的设计更多的只是调整在不同的屏幕上显示的内容大小。它涉及到很多复杂性：设计师需要把每个设备中的用户体验最大化，以便用户相信实际上应用程序是为他们的设备设计的，而不是简单地拉伸到适合屏幕。为了创建一个好的用户体验，有必要制定一个针对各种设备和屏幕尺寸的策略。

行为逻辑的认知，让我们在设计数字世界的产品时，把注意力放在用户上、放在用户的动机和行为上，以及发生这些行为的媒介和场景。从这个层面去思考数字世界的产品，也许更贴近交互设计的本质。

跨设备、多屏幕、响应式的产品，无论是APP还是网页，需要产品设计师、用户体验设计 师能够始终将终端用户的体验，牢记在心。

如果有人问你：你怎样定义“流程”这个词，或者说举一个案例来进行描述，你会怎么说？这篇译文，作者给出了详细的解答。一是外文文章一般与当地的文化有关，所以翻译成中文很多时候都失去了它原来的味道，让中国读者感到有点不顺畅，这个是很正常的，很多小说翻译成中文阁主也不爱看。所以为减少这个情况的影响，阁主会在文章后加上阁主自己对文章的总结和建议~以下是原文~

未来已来，随着科技的不断发展，交互的方式也发生巨大的变化，它正一步步颠覆着我们的生活习惯。