交互设计

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

一直在看奇葩说，听到很多次的一个词叫“刻板印象 ”。而人之所以有“刻板印象 ”，是因为有categorical thinking（类别型思维），它往往使我们产生对事物的固有看法和理解，是在看到某些特定人、事、物时第一时间想到的，这些就形成了“刻板印象 ”。毋庸置疑，使用“刻板印象”（经验）能无形中提升工作效率；减少沟通和开发测试成本；也不会太多的打破用户习惯。然而，它也会带来负面影响，让我们对真实世界失去客观判断。

1 简介 乐高，是美团点评一个快速搭建后台系统页面的平台。名称来源于大家熟悉的丹麦知名玩具品牌，他们的玩具都是通过组合易拆卸、装配的零件，形成最终的作品。经过长期的发展，乐高品牌渐渐有了“快乐、想象、创…

写在前面 在电商的世界，似乎一切时间都可以和购物挂钩，5.20、6.18、11.11、12.12、年货…..；有购物节就要有各种各样的会场进行促销展示；面对越来越细分化的类目会场，作为设计师需要把多达几十个会场一一设计出…

WWDC 2017 上发布了全新的 iOS 11 ，系统本身在设计上就有了诸多变化和更新：信息更扁平的控制中心、WP 风格的大标题、截图编辑功能、相机直扫二维码等等。不过，作为一名电商设计师和 App 爱好者，此次更新最让我感兴趣的莫过于 App Store 的“改头换面”了。

蓝色依然是一种安全的色彩，当你的产品或者网站契合蓝色的气质的时候，不妨选择它，但是始终记住一点：选择适合自己的产品的色彩，才是正确的选择。

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

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

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

今天咱们要聊的是“城市指南”（Big City Guide）网站这一概念设计案例研究。

首屏设计的7个技巧，它们并不复杂，却能帮你的首图设计更上一层楼。

趋势大多是这样，兴衰随着时间的推移快速的变化。

空状态，或称零数据状态，很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下，因为从表现上来看，空状态给人的感觉就是临时性的，有些微不足道。“用户会尝试多个同类app，然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app，一旦用户决定保留超过7天，那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra“很多时候，人们放弃一款产品的原因其实都是我们可控的，例如他们无法一目了然的看出与你的app产生互动之后能给他们带来什么好处。” – Patrick Mckenzie

当中国企业在惊呼传统商业必死的时候，人家可没这么慌，为什么？因为人家的细节做的足够好，客户体验自然更佳，体验营销做的好啊，就好比：你电商再好，可你有试衣间么？

当你的设计被人否定的时，相信大多数人都会感觉很憋屈。什么鬼？辛苦完成的工作，又要重新改过。这感觉就像自己的价值被否认，没存在感。马斯洛需求层次最高层是自我实现的需要，相信如果长期处于这么一个状态，久而久之可能会迷失自我，失去对设计的敏锐嗅觉，不敢贸然做出决策。甚至慢慢变得上级要求你什么，就做什么，毫无想法，沦为设计的“工具”。

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

IOS和Android是移动操作系统中最大的两个阵营。毫无疑问，这两个系统可以说是手机行业里的一个奇迹，并且也在逐渐变得完善。

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

随着时代和技术的发展，网页设计 的流程正悄无声息地发生着巨大的变化。精准具体的设计交付列表不再是网页设计 的唯一标准，静态页面设计在整个设计流程中所占的比重也逐步降低，正如同Stephen Hay所说，我们所设计的不再是单纯的页面，而是包含诸多组件的一整个系统。