交互设计

系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时，用户想要感觉一切都在掌控之中，这意味着在任何特定时间下，他们想要知道并了解他们当前的处境，尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时，一个等待动画进度指示器是向用户展示系统状态最为常见的形式。

反馈是交互设计中最前线的一环，它的好坏直接影响产品体验。

大家在做设计的时候都会遵循一些交互规范或者常用的一些规律，但是经常情况下，我们都没有深入的研究为什么这样定义这个数值，这个数值是否合理？如果没有严格的理论支持，在设计中直接运用一些规律，就有被挑战的可能。下面我谈谈几点我从人机工程角度分析的我们通常使用的一些数值。

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

Sketch毕竟没有什么学习曲线，颇易上手，相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧，而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点，只针对初学的同学培养正确习惯，还望各位老司机们见谅。

认真对待交互设计过程中的每一个设计环节、每一个问题，是提高交互稿质量的基石。过程中的问题很多，需要我们持续关注并解决。

最近读了一本书，叫做《细节，如何轻松影响他人》，里面给出了52条意见，每一条意见都是经过大量实验得出来的，有一定的科学依据，而且这些意见也反应了人们的普遍心理，强力推荐销售人员看看。这本书的主旨就是：只需改变一点点，就可以达到四两拨千斤的显著效果。虽然有52条之多，但是我会抽取一些和交互关系比较大的观点进行解读。

用户体验到底是什么？这个每天都挂在嘴边的词，你真的懂吗？

最近刚完成平台安畅云 2.0 的改版设计，平台模块很多，经常存在很多类似的页面和组件，若不制定统一的规范和控件，则会导致很多重复的工作，大大降低产品的设计效率；同时，平台的一致性也得不到保障。所以，我们视觉、交互、前端的小伙伴们针对我们踩过的坑，大家认真总结和提炼出一个符合公司定位的设计规范，统一公司项目的前端 UI 设计，规避不必要的设计差异和实现成本，实现设计和前端资源的效率最大化。

你有没有遇到过一款APP让你用的很不舒服？你的拇指必须要伸得老远才能够得到菜单，或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受，或者更学术化点说，没有考虑到“拇指法则”。

设计师和初级产品经理在面试中不能很好回答APP设计好在哪里，并非是由于平时使用太少，而往往因为缺乏一种视角，即产品是为人而设计的。当我们意识到使用产品的是人，人具有感性层面，就会发现使用”功能强大、信息准确和流程最优“等客观化标准评价的不足。“设计和艺术是不同的，但很多人都没有认识到这一点，设计是为了人而产生的，如果你不明白人，你就不能理解什么是好的设计。”

本设计指南适用于UI界面中交互微动效，涵盖入场、出场动效，过渡动效和加载动效，在时间和缓动曲线的选择上提供了一些通用的设计建议，帮助设计师理清动效设计思路，提高设计效率。

如今的互联网PM都会对产品数据进行追踪，作为自己的KPI指标。但是在实际的设计结果中，令人满意的数据有时却并不一定会说明产品的实际使用效果，数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户：点击之后进去就直接播放了，有时候开着声音吓一大跳，会马上点出去。哦，你说按钮上的文案啊，没有注意呀！

作为APP狂热分子，定期去App Store或者其他渠道找新鲜的产品来玩儿，已经持续了很多年。但是光浮于表面的玩儿，还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

本文主要是根据个人在各个大大小小的项目中总结而来的一套做设计分析的参考思路，应用于常规的项目场景基本是够用了。“需求是业务方的几句话描述，只能管中窥象的了解他们一些零零碎碎的想法，没理解到本质需求就开始画界面，然后不断的随着他们想法的转产而反复被动修改交互稿…”
“PM已经画好完整的demo，交互看着似乎能做的只是根据demo做细节优化和完善，做着做着就迷茫了，设计的价值到底在哪呢？”“在公司中作为职能部门的UED团队，需要站在用户的角度思辨业务，通过服务内部客户进而服务我们的最终用户，用设计专业帮助业务成功，与业务一起成长”。Tips: 跟需求方沟通挖掘需求，最重要的注意点是需求方对我们来说是快速了解行业现状和市场需求的绝佳伙伴，所以要更多的聊这些，而不要很快就陷入页面具体细节的讨论。（如果需求方主动要说，可引导至挖掘背后目的是什么，为啥要这样做，具体表现形式可以后面在细化页面时再考虑）某家居用品商要制造一款家用钻孔机，继续往下深挖用户诉求：
“用户需要的并不是一台钻孔机，他们需要的是墙上有几个孔”
“用户需要的并不是墙上的几个孔，他们需要的是墙上显示家人照片”
“用户需要的并不是挂了照片的墙，他们需要的是一个更温馨生动的家”
……通过「某策略」，帮助用户实现「某价值」，以完成「价值变现」。

今天的这几个控件的中文名字，在网上查了半天，没有找到统一的叫法，所以自己翻译了一下：简易菜单对应的是MD（Material Design，下同）中的Simple Menu；简易对话框，对应的是MD中的Simple Dialog，弹出框对应的是iOS中的Popover。

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

面对完全不一样的媒介，设计师们会有不一样的目标，也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别，大概就是在于 UI 设计师能够以开发的视角来做设计。

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