iPhone

微信总喜欢在深夜推出一个大新闻，昨晚10点，小程序开放公测的消息一出，我公号的文章都推不出去了，一直显示系统繁忙，那得是多大的流量啊，心里暗想，能分我一点零头就好了，估计是我想多了！

本文内容来自于《交互式系统设计：HCI，UX和交互设计指南》，交互设计框架一章的思考。空间：空间关系到页面的布局，以及用户操作的方便性，不同的人手指大小不一样，我曾经在想，NBA球员使用iphone4的时候是不是真的很方便？关于MD设计空间方面的标准可以参考排版与布局章节，如果有兴趣的话还可以深究一下，为什么他们要将行距，图标和边框的距离定义为这么宽，这么高。

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。“想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。”“心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。”（如果你仔细观察，会发现这个时候的设计师将纸的纹理运用到窗口上，此处的设计和Material Design 中纸的隐喻不谋而合，这又何尝不是一种潜意识的引导呢？）

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。

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

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

工作中才发现，交互设计师的职责，不仅是在前期的产出物交付完成即可，更多的任务是在后期的交互验收和优化推动截断。

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

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

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

本文内容包括以下几点：需求与产品；马斯洛需求理论；产品定位；需求的来源；需求的筛选；需求的优先级确定；需求的分类；处理需求。优先级排序：第一象限>第二象限>第三象限>第四象限

用户体验是引领，而不是跟随。美学之上，预见未来。我发明了这个词，因为我觉得人性化界面和易用性太狭隘。我希望能用一个系统涵盖人类体验的方方面面，包括工业设计、平面、界面、人机交互和指南。
——唐·诺曼  1998

本文通过展示UI设计稿、需求分析报告和交互设计文档，全面详解养成APP的交互体验与视觉设计。

因为最近做公司项目的设计规范，所以决定把设核桃的计规范也整理一份。但由于是概念稿，所以规范做的不算全面；而且每个产品也有各自的规范思路和维度，没有绝对的定性方法。这里只是提供一个大体方向，疏漏之处，希望给予批评指正。

箭头符号可能是人类图形史上最伟大的创造。是的，这只是一个箭头，一个最常见不过的图标，但如何把它放在合适的位置，如何不过度的滥用这个符号，却是我们每一位设计师不得不每天面对的问题。“我怎么回去？”

移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。

本文介绍的7个移动 UX 设计要点，诸如内容优先、导航设计、快速响应等都是基础而经典的设计知识，适合新手入门学习和查漏补缺。

作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比，希望能给各位带来一些收获和启发。

​APP为了提供服务与内容，信用已经成了一种主流方式。但是，在各种服务如雨后春笋般蓬勃发展的市场上，怎样让你的移动应用更有帮助更具关联性，让用户流连忘返就非常有必要了。这一次，我们介绍的是让你的用户获得非常棒的移动应用体验的7个UX设计要点，那么，一起来看看吧。