交互设计
交互设计师不仅仅是个画破图的
期间有不少新的想法伴随着我的工作、交流涌现出来，加上几周前，在新的团队又进行了一次分享，颇有点心得，又懒得去重新修改原有文章，就在此进行一些补录吧。还是个人经验，眼界有限，欢迎拍砖。一. 再谈术语面向对交互比较陌生的团队进行分享，少不得再介绍下那些让人云里雾里的术语。这次，咱们为这些术语做一个关系图：从下至上是各种术语的演变史。中间代表“做的事情”，左边代表做这件事情的“人”，右边代表做这件事情需要的“指导思想”。在关注技术和功能的时候——还记得满屏在bling bling闪烁的各种网页吗?网页设计师比较畅销和通用，后来，当焦点是要外观时，涌现了大量的“美工”。这时，没有UCD指导思想，更多的是TCD(以技术为中心)，或者BCD(猜是什么?哈哈，是以老板为中心)。UI年代引入User概念，也催生了大量的UI设计师和各种UI论坛，此时的指导思想正在由BCD向UCD转化。最后有了UCD指导思想，也诞生了UCD指导思想下的一系列组织、工作方法、工具。让我们感谢促成这一切的国外先驱们和国内先驱们吧。二. 交互设计师的重要交付物
阿里交互设计师如何规划学习路径的
今年是我入行互联网的第三个年头，成长也一直伴随着我。经常有小伙伴问我：怎么自学，工作后怎么进步。我一直没太在意这些问题，只是觉得人与人之间总是有区别的，因为有一类人是行动派，想到了就会去做，即使质疑自己的想法，但依然会保持学习的心直接行动，害怕想多了反而什么都没做，浪费了时间;另一类人，心里想着要进步，但是从来不会去行动，而是先找方法，找捷径，导致最后什么都没去做，时间也就浪费了。相比前者，这类人已经浪费了可以进步的那些机会。随着时间的推移，绝大多数人会终究苦恼于自己的确“技不如人”…… 谁没有一颗上进的心呢?我觉得谁都有，只不过只有一颗上进的心是没用的 —— 绝大多数人穷尽自己的一生，用自己的生命惨烈地证明了这个简单的道理。“想学”了一辈子，最终却连基本的学习能力都没有，只想着找捷径在短时间内快速提升，这才是终生原地踏步的根本原因。以为上了培训班、找了师傅、送了红包、买了课程、认识了大牛，自己就变得牛_了，想太多。那我所说的学习能力究竟是什么呢?李笑来老师说过：学历并不能说明问题 —— 人类史上所有的社会都在教育上并不成功，这不奇怪。(不过它对于现在的社会来说，还是挺重要的)为什么我说这篇文章是重磅文?因为今天我将从：“如何培养学习能力”和“我是怎么学习的”这两个方面来谈谈我的成长路径。如何培养学习能力?前阵子在某平台看到一个问答，我觉得挺有趣的，有人说：天天喊着自学的人，是不负责任的，报班能解决的事情，为什么不花费一些金钱去节省一大部分时间呢?(我没有看不起报班的人，这个很正常，我自己很多知识也是报班习得的)这句话是存在明显问题的，首先报班不一定能节省时间，其次是有学习能力的人，即使不花费金钱也能节省很大一部分时间。
详解2017年对话式交互设计的趋势分析
今年很多文章都猜测对话式交互会成为2017年热门趋势，但关于对话式交互的解读还不是很多，本文详细分析了对话式交互的优缺点和应用场景，强烈推荐阅读。适读人群：产品经理、UI设计师和交互设计师一、要想火，傍大腿对话式交互，顾名思义，就是像两个人对话一样的交互方式。可以是文字的，也可以是语音的。我们每天都用的微信，你说一句，我说一句，就是典型的对话式交互。△ 微信和 Siri本来嘛，对话式交互只运用在对话的场景，不是什么新鲜事儿，冷饭之所以被炒热，是因为它傍上了大腿。这个大腿，指的是近年来一个火的不能再火的词 — 「人工智能」。美团的王兴说，现在是移动互联网的下半场。百度的李彦宏说，人工智能的互联网时代已经到来。把这两句话加起来，就是说，目前正从「移动互联网时代」走向「人工智能时代」，这也是市场上比较主流的看法。各个人机交互时代所用的设备和交互方式，我整理了一下，如下表：
详解新手交互设计必须具备的能力
应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的地方切入，然后简单谈谈我的认识，这篇文章会比较有趣。学习能力在我看来，学习能力才是不管处于什么阶段都应该具备的一项能力。撰写交互设计文档、懂得用户体验研究、知道如何配合开发人员、拥有产品思维等等，这些大体上其实都是空话，我暂时还不太相信国内有什么院校能培养出这么厉害的大学毕业生吧。那些能力应该都是步入职场后学习到的，不然我真想不到如果一个应届毕业生具备了这些能力，那么已从业者是有多厉害了(见识不广，可能真有这类人吧)。那么如何理解这个“学习能力”呢?因为其实很多人都有提到过它，但好像都没人说过学习能力具体是一种什么能力，所以我凭借一点粗浅的认识，来说说我对 “一个人应该具备学习能力” 的理解。1. 主动了解和熟练运用热门软件好了，您会问：“怎么又跟软件有关系了? ” 别说，还真有。我不推荐大家经常去学习各式各样的软件，因为很浪费时间(实话实说)。一般我们工作中经常用到的软件基本上不会超过三种：Sketch(Axure)、PS、Keynote.(有的人工作需要偶尔会用到动效软件，比如 AE 、Principle 等)这里我把 Aketch 和 Axure 分为一类，因为对于纯交互来说(纯 UE/UX 的职业发展路径会比较窄，具体这里不说)，Sketch 和 Axure 的用途是一样的，都是画原型，只是个人习惯不同，有的人喜欢用 Sketch 直接画原型，有些人喜欢用 Axure 来点交互效果。PS 呢，有时候自己做 PPT 啥的时候会简单修个图也会用到。那 Keynote 就更不用说了，会议评审的时候基本要用Keynote 来做演示(Win 玩家用 Office 做也是一样的)。
教你如何从零开始成为优秀交互设计师
本文全系列满满干货，是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法，不仅能让你彻底了解交互设计，还能帮有志在这个领域发展，却苦于没有老师的童鞋，从零开始学习成为一名优秀的交互设计师。在校大学生、想转行的设计师还能在这儿得到前辈的实用建议，想进阶的交互也有职场系列经验分享，文末还有超赞的资源奉献，干货量大，推荐童鞋们收藏 ：)一、什么是交互?超星网产品总监@张淼程 ：交互这个说法来自于国外，交互的名词形式是interaction，形容词是interactive，交互设计的英文则是 Interaction Design。问题是到底什么是交互?这里不给任何学院派高深的解释。在我看来”交互”其实很简单。“你来我往”谓之”交互”;这里的”你来”指的是”输入(input)”，”我往”是”反馈(feedback)或输出(output)”。如果只有”你来”没有”我往”就不能称之为交互。你点一下鼠标，电脑屏幕马上告诉你”你二姑的菜就被你偷了2棵”——”点鼠标”是”你来”，电脑的那个提示是电脑给你回馈的”我往”。
你应该知道的24种新兴交互设计
在互联网这个领域，每天都有不计其数的产品诞生，有些产品只是灵光一现，有的却存活了下来，但是不论存活与否，这些产品上总有一些设计细节让我们眼前一亮，下文中分类整理了一些不错的交互形式，希望能给大家带来新的设计灵感。一、导航1，Google+导航的隐藏功能Google+作为google进入社交领域的第一个产品，在交互方式有很多亮点，比如在导航的扩展性上，可以把不常用的标签拖放到“更多”中，从而使导航界面更简洁，这个操作进行时的效果也很精致、流畅。2，导航hover案例一：你选中某个导航标签时，并不是改变该标签的字体颜色或将字体加粗，而是点亮该标签的背景。案例二：选中的标签上会滴下一滴牛奶，并停留在那里，告知你的当前位置。(当然，这是一个关于牛奶的网站)。
优秀的交互设计有哪些主要评判标准
这可能是UX领域没有人能真正全面回答的问题，我也只是根据经验给大家分享一下自己的看法。主要想从几个方面来说：1. 什么是UX;2. 什么是好UX; 3. UX界的一些新观点1. 什么是UX首先，人机交互不是UX。虽然有很多的重合，但是并不是一回事。详情请见下图：从图里就能看到，其实UX是个非常大的范畴，不是大家所说的只有一个界面。你可以看到，视觉的部分，也就是visual design只是UX中的一部分。你和一个系统发生交互的时候，你内心的感受，你对系统的认知，你看到的视觉，你看到的文字，你听到的声音，到你对这个系统产生的认识(mental model),都是你体验的一部分，也是UX所应该关注的领域。其实想做一个好看的系统是不难的，但是想做一个好用的系统却不然。为什么呢?就是因为整个系统的设计架构会很大程度的决定你的体验。举一个很详细的例子吧。其实你和任何一个系统交互的过程就像是你到了一个新的城市，一开始你什么也不知道，你对城市没有你的认知和mental model，你在逐渐探索的过程中了解了这座城市，知道了不同的餐厅街道商场都在哪里。用户对于系统认识的过程也是这样的。你从一无所知，到熟悉一个系统，是通过与系统的交互逐渐熟悉起来的。你可以用路牌用地图让用户知道如何在一个城市里穿街走巷，可是你很难通过直观的让用户有归属感的来真正了解你的城市，这要是做UX最困难的地方，给用户提供良好的记忆辅助和对你的系统全局的认知。而以上说的这一切，都是UX的范畴。2. 什么是好UX
详解聊天机器人的界面交互设计总结
最近在做智投App的机器人Neo的原型设计，是一个chatbot聊天机器人，整理了一下关于聊天机器人设计的一些心得。欢迎关注作者的微信公众号：「交互视角」一. 背景：这是Neo的第一个版本。Neo通过问答的方式了解用户的基本信息、投资偏好及投资目的等信息，用户通过直接文字回复和点击选项进行回复对话，最终产出供用户参考的资产配置方案。二. 设计要点：1. 以问答的方式开始与用户互动，不要让用户一进来就不知道该干什么机器人进来跟用户寒暄之后需要跟用户进行有效互动，让用户知道接下来能干嘛，不能陷进死胡同里。如果可以的话，机器人应该尽快跟用户表明自己的功能，是一个有明确目的的机器人。左图中，机器人上来就是打了个招呼，用户不知道该如何回复。并且在用户回复完之后，又无缘无故的不搭理用户。即使用户的问题机器人不知道怎么回答，也要勇于承认，及时给用户反馈。如果需要问一些用户有可能不太愿意直接回答的问题时，一定要解释清楚问问题的原因以及对于用户的意义是什么。如图中我们需要问用户的真实年龄，虽然有些无理，但是这对于输出资产配置方案很重要。
让你学到交互设计师的逻辑思考方法
文本框是设计工作中常见的组件之一，无论是PC还是无线，大多仅是样式上的不同，它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发，让大家看到交互设计师在工作中的逻辑思考方法，从而达到见微知著的直观感受。先来做个设计需求吧。这个设计需求是：我们需要用户填写活动的名称。第一反应，这个是用来收集信息的，需要用户填写内容，并提交给系统，应该使用文本框。然后大笔一挥，设计如下图：这样就完成了吗?这个设计能交附程序猿开发了吗?答案显示是：NO。如何全面地思考？1. 了解需求背景首先我们需要了解这个需求的背景，多问几个问题。为什么要让用户填写?这个信息对我们的业务有什么帮助?
实例解析交互细节设计的四个小技巧
在移动互联网时代发展的今天，场景思维对于用户体验设计的影响不言而喻。大道理在此不多说，大家都懂。在这里，盟主和大家分享一个近期手上的设计task中总结出来的几个交互设计的小技巧。近期盟主做了一个叫“绑定银行卡”的 task。此任务的主要功能是让用户在点融APP上添加自己的银行卡作投资理财用(非常小的一个功能点啦~)。在分析了业务需求以及技术限制之后，盟主对比分析了微信和支付宝两大巨头的“绑定银行卡”流程，在以下的文章中会作为案例分析列出来。(非软文)1. 在功能性 APP 的设计上，设计要尽可能的简洁因为功能性 APP 主要以操作为主，且用户操作的目的性会比较强。为了方便用户操作，APP 页面的展示信息需要经过提炼。给用户展示当下操作需要的信息，减少甚至删除不必要的信息。这样一来能降低页面噪音，方便用户聚焦。举个栗子：在点融贷款 APP 的绑卡流程中，想要绑定成功银行卡，需要提供用户姓名、身份证号、银行卡号和银行预留手机号这四项要素。因为对于后台来说，用户的姓名和用户身份证号是对应的。也就是说，后台运行的时候会把用户姓名和用户身份证号一起传输，而对于用户来说，只用知道自己的姓名就好了，没必要同时看见自己的身份证号。出于以上考虑，为了让用户在这个流程聚焦，我对信息展示做了选择，省去了与持卡人姓名相对应的身份证号的信息。如下图所示：2. 在设计简洁的基础上，要更注意设计细节，将场景思维落实到每个细节点中设计要注意细节，设计要注意细节，设计要注意细节。重要事情说三遍。大家可以看下图的栗子，左图是点融借款 APP 的界面，右边是支付宝的页面。点融借款页面中“持卡人姓名”这一项是不能被用户编辑的，所以现设计把这块的灰掉，暗示用户此区域不能被编辑。右图中“支付宝智能加密，保障你的用卡安全”这行说明文字也是为了告诉用户输入信息安全，打消用户绑卡时候的顾虑。这些都是非常细节的设计小点，但是运用在用户使用场景里面能传递更加友好的信息。