UX

当不清楚我们要得到什么的时候，那就先从交互设计三要素开始。

相信小伙伴们这两天的朋友圈基本躲不过微软大法的霸屏。作为工业设计背景的我，也是被它深深地impress到。所以今天我想来聊聊，实体产品上的交互体验。Handles are better for continuous control (e.g. trombone)
“手柄”对于连续性的控制更加合适。
Buttons are better for discrete control (e.g. piano keyboard)
“按钮”对于状态有显著区别的控制更加合适。
Handles leave you in control (e.g. opening a car door).
“手柄”是将控制交付于用户手中。
Buttons are more likely to trigger something automatic (e.g. opening an elevator door).
“按钮”更倾向于触发一个自动化的过程。

谈起这片交互的战场，相信每个设计师都有着自己的故事和见解。就在这个高速互联的网络时代，产品设计一面追求高大前卫，一面又对理想很大，无从谈及的“情怀”始终保持一种迷离和空洞。

作为一名设计师，被质疑简直是家常便饭。相信你们在日常工作中，一定被人问过：“对于这个点，你为什么这样做而不是那样？为什么选这个颜色而不是那个？”之类的问题。其实，这也是面试中的必问问题。乍看起来，确实有点难回答。但每一个问题，其实都有他的思考路线图。今天笔者就来谈谈，如何通过交互的四个维度来入手，巧妙地破解这个问题。你为什么要设计一个白色的登录按钮？为什么选这个字体？

如果要成功运营一款APP，第一个基本的原则就是要全线贯彻落实“以用户为中心”的理念。当今这个时代，在设计过程中能够体现出“以用户为中心”原则的设计就叫做用户体验设计。这就不得不提到两个名词：即用户体验和用户界面概念的理解。一个成功的交互产品离不开优秀的用户体验，一个高用户的App更无法脱离用户体验设计。当产品和用户之间的连接点变成了摩擦点，那么工业设计师的设计就是失败的。相反，如果产品能让人们感觉更安全，更舒适，更乐于购买，更加高效，甚至只是让人们单纯地更加快乐，那么此处的设计师是成功的。

谈论交互设计本质是起源于日常的很多谈论，不管是向朋友介绍自己从事“交互”相关岗位，还是需要向亲戚通过三言两语解释自己的工作内容；甚至在工作的上下游沟通中，也经常会被问道“你怎么就判断用户是这么想的”“产品如何从0（概念）到1（页面界面）的”；这些问题促使我想要追本溯源，捋顺一下交互的由来、工作内容，以及依照什么方法执行等问题。（1）把冰箱门打开→ （2）把大象放进去→ （3）把冰箱门关上（1）要充值的手机号码→（2） 确认充值多少钱（用“确认”是因为很多软件提供了默认金额）→ （3）付款搞定。

人非圣贤，孰能无过。当人们操作用户界面的时候，错误难免会发生。有时候是因为用户做了错误操作，有时候则是由于应用本身出了问题。无论原因如何，出现的错误以及对其处理的方式，都对用户体验产生巨大的影响。糟糕的错误处理方式以及无用的报错信息会让用户感到万分沮丧，甚至会导致用户放弃继续使用你的应用程序。

在几年前，关于网页和APP谁做主导的话题还很热，但是现在看来，APP无疑已经是为用户提供内容和服务的主流了，它是用户最信赖的内容和功能的呈现方式。于是，随之而来的问题就是如何在竞争无比激烈的市场中，让你的APP在诸多同类中脱颖而出，并且让用户留在你的APP当中。留白常常被认为是一个活跃的元素，而非被动存在的间隙和背景。—— Jan Tschichold小贴士：有效的移动端APP信息推送策略是采用多种类型的信息推送机制，推送通知，电子邮件，应用内通知，新闻Feed等。多样化的信息推送通过合理的协调，创造良好的用户体验。

轮播图（Carousels）这样的交互方式，在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时，使用轮播图，似乎能够不费吹灰之力地解决这场争端，没有人是输家。然而，轮播图这种方式真的有效吗？如何设计才能带给用户更好的体验呢？
固定静止的banner图比自动切换的banner图能带来更高的有效点击率。如果你还不够了解你的用户，投放100%符合他们预期的内容几乎是不可能的，这时似乎在内容上给他们提供更多选择=更多点击率=更多销售额。这实际是行不通的。
—— 电商专家 Depesh Mandalia

在这篇文章中，我总结了10个UX设计师重新设计项目时可以用到的建议。

我真诚地希望，这篇文章能帮助你理解乐观派UI设计背后的核心观念。乐观主义，形容词，对于未来充满希望和信心。

长内容的可以让你的网站拥有超越视觉美感的吸引力，给用户的愉悦感就不仅仅源自于眼睛。

这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。我们将在下文中，简单探讨如何改善下面的这个交互。

临时框是每个产品的标配，每个产品经理都会遇到临时框的交互设计，那么哪些算是临时框？警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范？本文就来讨论一下临时框以及它的使用场景和规范。

移动应用现在是提供内容和服务的主流方式。但在热闹的移动应用市场，面对五花八门的各种APP，如何让你的APP受重视，脱颖而出得到用户的青睐？留白应该作为一种主动的元素，而不是作为被动的背景——Jan Tschichold温馨提示：创建最好的移动应用消息策略应该用不同的通知类型——推送通知，电子邮件，应用内通知和新闻源消息。多样化你的通知类型——你的通知工作应该完美协调，创造最佳用户体验。

一个理想的自然用户界面应当能让用户的注意力完全集中在所要从事的活动上，而忘记界面本身的存在，或者说，界面变得“透明”了。一位印度的同行为当地用户设计了一组用数字笔操作的界面。在进行用户测试时，他对其中一位用户说：“请拿起笔碰一下屏幕。”出乎他意料的是，这一看起来十分简单自然的操作，居然出了问题：这位用户没有用笔尖，而是把笔横过来整个贴在了屏幕上！经询问才知道原来他不识字，也从没用过笔。
而另一位欧洲的同行为家庭用户在交互桌面上开发了一套软件，包括一些直观的手势交互，例如用两个手指相反方向移动做打开的手势来打开一个虚拟的储物箱。当他向用户家庭演示时，他想考考这个家中正上小学的孩子：“你试试看怎么打开这个箱子？”孩子二话不说，直接用食指在箱子上双击！隐喻指的是把用户界面中的概念比拟为一种人们熟悉的概念或现象，用于解释其交互方式，例如将图形界面元素比喻为大家熟悉的桌面、窗口等等。隐喻越贴切，越为用户熟悉，往往就意味着界面越自然。

今年我们发起了一轮关于58APP各业务线大类页的改版优化，二手车便是其中一个。旧版二手车大类页已连续被用户使用一年多，然而业务属性与用户需求早已发生改变。作为交互设计师，需要在稳定提升大类页功能数据的前提下，重新对页面进行体验升级。

Shopify是一家位于加拿大渥太华的电商软件开发公司，专门为中小零售商提供建立网店的Saas服务，能对接主流ERP系统，为客户提供打单、发货、运单号自动回传、订单业绩汇总、利润计算、仓储、采购及供货管理等一体化管理流程，按月收取咨询服务费用。
本文作者对产品插画中“如何利用比喻来找准信息传达的关键，提供有价值的无形体验”有自己独特的见解，在视觉设计角度对大家应该有一些启示。

双12对比双11，最大的区别是双11更强调品牌的狂欢、而双12更强调年轻、有趣、活力。本文作者将为大家分析一些观点，仅供参考！亲，能包邮吗？亲，还能在便宜点吗？