产品设计

头像设计，“统一”与“丰富”间的平衡。

互金产品交互设计 有其特殊性，比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位，而设计的优劣会直接影响用户的安全感 受。

这两年随着自媒体时代到来，越来越多的设计师开始注重个人品牌运营，比如发作品到各大平台，总结项目经验，翻译国外文章等等。无论哪种方式，对提升国内设计学习氛围都大有裨益。

Tiger, Run! ：我已经做了几个月的交互设计 师了，有不少人非常好奇想知道「没学历、没工作经验的我是如何找到工作的」。随着市场的逐渐饱合，我想分享一下我的故事，来鼓励那些没有任何设计经验、HCI（人机交互）学历的人，得以继续追求自己的梦想。

说到产品设计规范，大家一定不会陌生。一套好的产品设计规范，将产品设计模块化、通用化、标准化，不仅能够为产品建立起统一的交互规则与品牌视觉，让用户拥有更好的产品体验、对产品风格有更深的认知，更重要的是，它能够减少产品设计人员的设计工作量，提升产品设计的效率。

页面框架设计只是整个产品设计中的一环，不要把眼界局限在这一环，也不要只站需求、只站在交互、只站在视觉上思考问题，从多个角度看问题，你才会学会成长。

很早以前小Q在《用好的交互设计来管理复杂－“筛选器”》一文，较为全面的剖析了筛选器的各种分类及其利弊。本文会继续筛选器的城市选择控件继续分析。A-Z index（字母索引）适用于对数据量为几十到几千之间的单词、词组或短语等类型的导航，且用户能对这些数据的首字母进行精确回忆。例如：国家、省份或城市的名称、姓名、昵称等。在移动端设计中A-Z index通常以竖轴形式出现在屏幕右侧，点击字母能将内容滚动到该字母的锚点位置。

当技术平台化的时候，可能是正在酝酿下一步的技术革命。而现在设计用技术做差异化不是不行，而是很难。还是举facebook的例子，他们现在在招有接近一半的researcher岗位，UX researcher和Quantitative researcher，姑且分为主定性和主定量的用研岗吧，我觉得原因在于，交互设计师内化在心的用研思维难以在大量数据和海量用户面前快速将信息转化为决策，必须由专业人士专职来做。

Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换，并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时，会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时，「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

在很多人眼里，Google的产品一直与优雅设计无关。但现在，搜索巨人比其他互联网巨头都懂得如何打造一款设计优雅的软件（互联网）产品，如果你不相信这个判断，不妨放下你对苹果产品的钟爱，做个深呼吸，好，现在我们来对比一下Google与苹果在移动操作系统的设计：Android vs iOS。

在这篇文章中，来自UXPin（一款用户体验设计的应用程序）的Chris Bank为我们带来了最近在现代互联网和移动应用中出现的一些优秀的用户界面模式，并将通过实例展示如何将这些出色的UI设计模式应用到其他的网站和应用中。

设计风格的配色除了要注意男女性的喜好差别，还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》

接上篇文章，我们既然已经了解到了用户需求，且已经为用户需求设计了功能去解决了他们的问题。然而问题又来了，用户依然在用我的竞品，而不用我的产品，这是为什么？

Giles Colborne简约四策略是“删除、组织、隐藏、转移”，由于“转移”在实际设计过程中比较少运用到，所以我根据elya的知乎回答把四策略定义为“删除、组织、隐藏、附加”，elya没有解释她的理解，所以我根据自己理解重新定义。“删除每个页面上一半的文字，然后把剩下的文字再去掉一半。”（《Don’t make me think》中Krug可用性第三定律）“点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。”（《Don’t make me think》中Krug可用性第二定律》）

移动优先的设计策略将使产品拥有高度任务驱动的体验。用户可以将注意力聚焦在需要完成关键任务上，而不会被传统桌面产品中过多的无关因素所干扰。

Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

东东导读：对于社交类产品来说，优秀的设计，应该是不争强好胜般凸显在用户面前的，而电商类和社交类产品很不一样，电商类的产品经理想的首先是GMV（成交金额），一切是为着GMV转的举例：用户刚购买了眼镜，那么给用户推荐眼镜盒，而不是推荐洗脚盆；用户刚订了周六上午的话剧，那么给用户推荐话剧院旁边的餐厅，而不是继续推荐其他的话剧；当用户刚购买了一张飞往巴黎的机票，那么给用户推荐机场的接送机，而不是一股脑的推荐旅游产品。举例：用户明天飞往曼谷，提前一天发短信提醒用户航班信息，告知用户曼谷明天的天气，若有紧急新闻事件也可一并告知（比如曼谷突然发生恐怖爆炸事件，只要跟用户切身相关的，请第一时间告知用户）。然后顺带可以推荐接送机服务。

Terry Cao是UXPin（一款线框图与原型制作APP）的内容策略专家。要了解如何掌握现在交互设计的艺术，可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣，更吸引他们，并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说，“交互（Interactivity）通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术，可以阅读《Interaction Design Best Practices》一书。