ui设计师教你做交互设计

ui设计师教你做交互设计交互是产品人必须具备的专业技能，今天分享交互设计是因为最近项目的需要和个人兴趣，对于如何进行有效的交互设计，品创在结合查阅的资料和个人感悟后，总结了一些方法和心得，希望能对各位有所帮助，关于本文的任何批评建议和疑问都可以直接联系品创设计哦。怎样设计交互才能有效呢？品创设计认为，是指你的产品最终通过优秀的交互让用户在完成需求目标的同时有着愉悦的体验。要使设计有效，至少有以下几点方法：1.对交互的概念有细分类别的思考，能从不同角度去设计交互。2.基于分类概念，有交互自查的习惯。3.从用户和人类本能的角度去思考设计。其中交互自查表是一个非常好的习惯，它可以让你在做完设计后跳出细节，专注思考用户体验的易用性部分。交互的原理来自于人类几万年进化出的最原始本能。现在我们设想，一觉醒来，你突然发现自己身处一个完全陌生的环境，你会有怎样的心理思考过程？？1.你想知道你在哪里。2.你想知道你现在应该做什么。3.为了完成你想做的东西，你想知道你应该做什么，比如你能去哪里。这其实就是用户第一眼看到你的设计时的心理状态，急切的想要知道他究竟在浏览一个什么东西。品创设计总结一下，思考交互的过程必然包含如下内容：你在哪里，能去哪里，怎么去，怎么返回，也就是一个导航的概念。你现在该做什么摆脱困境，究竟有哪些方法？也就是一个行为和提示的概念。如果将页面、视觉的一些因素考量，我们可以认为，思考交互时可以遵循以下分类。一、导航二、布局三、文案和提示四、行为和互动五、场景1、导航导航解决的是一个很有意思的哲学问题，你从哪里来，将到哪里去。一个好的导航设计能让用户清晰的知道自己在产品的哪个页面，哪个位置，并且能清晰的告知用户操作流程，他该怎样去到其它页面，该怎样返回。举个最经典的设计是搜索引擎的搜索结果分页系统：如何进行有效的交互设计？现在我们开始分析：1.1百度分页系统你是不是能很清楚的知道你在哪，能去哪，怎么去呢。当然，导航设计还会考虑页面架构和信息分类。好的页面架构能让用户用较少的操作到达或返回重要的目标页面，好的信息分类能让用户始终找到自己想要的内容；1.2下厨房信息分类下厨房的信息分类很有意思，它是从菜系的方便程度和适用人群来细分的，很好的照顾了用户需求。2、布局布局的目的是优化信息展示结构，让用户能更简单的理解页面内容并且能第一眼找到重点。在思考布局时，我们尤其需要关注以下几点：2.1是否使用了常见的布局模式，比如ios的返回按钮。2.2是否对页面元素进行合理的分类，使相关的元素更加亲密来加强理解。2.3是否能让用户一眼看到页面重点，不会迷失在元素海洋里。2.4排版是否符合用户阅读习惯，他能从左到右从上到下合理的在元素间移动。2.5排版是否符合用户的操作习惯，比如最常见的移动端右撇子用拇指操作的情景。这其实也是简约风如此让人着迷的原因，信息噪音少，重点突出，用户不用付出太多的理解和视觉成本，简直是赏心悦目啊。3、文案和提示文案和提示是设计者和用户最直观的交流手段，好的文案和提示能很好的引导用户完成使用目标。在思考文案和提示时，我们尤其需要注意以下几点：1.阅读对象是否为用户，不要用与计算机通信的语言去提示用户。2.内容是否简洁，是否有吸引力。3.出现的时机是否合理。关于这几点品创设计师在设计时有一些案例可以提一提，暂无数据（没有数据时，如何引导用户）暂停是个什么鬼（会引起疑问的地方，适时出现解答）4、行为和互动交互的核心思考原则针对的是用户行为，用户在使用产品的过程里总是有一个目标或者需求正在解决。因此他开始探索一个页面，他不断的的进行一个又一个的行为，好的交互设计能够考虑用户在实施不同行为时的心理状态并给予合情合理的反馈。在思考行为和互动时，我们尤其需要注意以下几点：1.反馈。2.状态。3.步骤和流程。4.考虑该行为是否能靠计算机代替用户完成。反馈是交互设计里最重要的一个概念。在试探悬崖高度时，你往下丢了一块石头，结果半天没有声音反馈，你会作何感想。一个行为总有多种状态，用户是否登录，按钮是可以点击还是不能点击呢？抑或是告诉用户什么时候可以点击。你是否告诉了用户当前这个行为处于怎样的一个状态，密码设置太简单是因为没带字母还是因为长度不够呢？用户完成一个目标究竟需要付出多少成本，你的步骤流程是简洁高效的吗？假如计算机可以更高效的完成一些行为，为什么还需要用户进行填写和操作呢？等等这一系列的问题品创设计丢给各位做交互的朋友思考一下。五、场景场景是交互设计另一个重要的概念，所谓场景就是用户究竟是在怎样的外部环境里进行此次操作的，这些环境因素究竟会对用户产生哪些心理和行为的影响？比较常见的场景设计比如，阅读的夜间模式、密码的加密显示、最有趣的是现在大家喜欢在地铁里，在公交车里用手机，声音此时是最好的交互。场景有时也不得不考虑一些特殊情况，比如分辨率和网络状况问题，这点网上有很多资料，这里不细说了。概论总结一番：交