交互设计

“样式”是一个集中管理你整个项目的页面和部件的外观和感受的解决方案。可以把它理解为微软Office Word中的样式，或修饰HTML的CSS样式。 当更新项目的视觉设计时，使用样式可以节省你很多时间。他们还可以帮助标准化或统一化多个团队成员对项目文档的编辑风格。一致的风格也可以帮助定义和加强你的品牌的外观和感受，增加线框图和原型的专业性。 何时会使用到样式呢？这几种情况下样式可以派上用场。 •大型项目：当你有一个大项目并且可交付物需要有一致的外观和感受时。 •多人协作：当你和团队其他成员协作，并需要保持每个人的编辑风格保持一致的时候。 •长期项目：当你计划在整个项目周期长期维护和更新你的文档时，样式可以帮你节省很多时间。 也有一些时候你不需要考虑使用样式，比如当你在做一个快速的原型时，你知道这个原型的寿命不长。但对于要使用一段时间的项目文档，最好尽早使用样式。你会很快知道这么做的好处，并且不需要在项目变得庞大时再去费力更新里面的内容。 这样看来，可以说样式是很重要的功能，能大大地帮助我们提高原型制作的效率。作为当今两大网红原型工具，Axure和Mockplus都支持样式功能。那么下面就来讲讲Axure和Mockplus组件样式功能上的具体用法： Axure 在应用界面左上方点击“project”（项目），在下拉菜单中选择“widget style editor”（元件样式编辑器）

交互设计是我们原型设计中很重要的一部分， 如何快速掌握一个原型设计工具，尽快入门，高效地完成工作？ 这里选择了三款原型设计工具作对比，希望给想入门或者刚入门的童鞋提供一些参考。 Axure - 知名而强大的原型设计工具 Mockplus - 新兴的快速原型设计工具 JustinMind - 高保真原型设计工具 这三个工具，都是基于桌面的应用。基于Web的在线工具，以后如果有机会再作介绍。 第一部分 设置交互 设置交互，是完成一个交互设计的开始。我暂时把交互设置分为两类：页面链接和组件交互。 设置页面链接 Axure - 弹窗筛选 不够直观 - 先选中组件，然后到属性面板上去筛选目标页面（页面多的时候就有点烦了）。 Mockplus - 一键拖拽 简单直观 - 与其他原型设计工具不一样，Mockplus采用了直观的拖拽方式来实现页面交互。红色的线指哪里连哪里。 JustinMind - 支持拖拽 简单 - 与Mockplus类似，Justinmind也可以通过拖拽的方式实现页面跳转。不同的是，需要拖动整个组件到项目树上。由于没有连接线，不够直观，也不容易看清。 设置组件交互 Axure - 添加用例，不能拖拽完成 对于一般的交互，在Axure中可以通过弹窗来逐个筛选设置。稍微复杂的交互，则需要条件构建器来实现。Axure在交互设置中，可以添加条件判断，但需要用户有一定的编程常识

Mockplus是更快更简单的原型设计工具，在3.31版本中推出了团队版和企业版。 Mockplus团队版和企业版专为原型项目设计协作打造，可以更好地实现团队管理和协作设计。 查看视频，10分钟了解Mockplus团队管理和协作设计。 从现在开始，免费体验Mockplus所有专业功能和企业版功能！你可选择以下任一方式： 1、 点击这里，加入Mockplus免费体验群 ，联系管理员。 2、Email至 service@jongde.com ，标题注明“免费体验 Mockplus 3.3”，内容中写明你的Mockplus账号。 Mockplus 企业版特色功能介绍： 团队角色管理 团队成员可以被分为“所有者”、“管理员”、“成员”、“查看者”四种角色。通过角色划分来分配不同的操作权限：所有者掌管最高权限、可以指定管理员，所有者和管理员可以参与企业内所有的项目，也可以控制每个项目的参与人员；成员只能查看、编辑自己参与的项目；查看者只能查看项目，不能做任何的修改。 团队分组管理 通过将团队成员划分为不同的分组，来统一管理、设置项目权限。 编辑共享组件库 团队成员可以编辑、共享组件库。原型制作过程中，很多组件是需要大量复用的，通过共享组件库可以提高组件复用性，来规范项目、减少工作量。 编辑共享样式库 团队成员可以编辑、共享样式库。使用样式可以节省很多时间，提高设计效率

作为一个目前从事软件测试的工作却对用户体验设计行业有着期盼和追求的人，很长一段时间我都在思考：用户体验设计（user experience design，简称UED）与软件测试的关系是怎样的？有什么区别和联系？鉴于个人的思考和总结，现在谈谈我自己的观点和看法。 从定义和目标上来看 UED一般包括用户研究、视觉设计、交互设计以及信息架构设计。用户体验是一种纯主观在用户使用产品过程中建立起来的感受。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计实验来认识到。UED的目标是让产品首先有用、其次要易用、接下来产品设计要友好、然后是视觉设计能让产品产生一种吸引力、最后是全面融会贯通上升为品牌。因此，可以说，UED为产品的产生及其寿命长短具有十分重要的意义，属于创造性的工作。 软件测试一般也包括功能测试和性能测试。软件测试是使用人工或者自动手段来运行或测试某个系统的过程，其目的在于检验它是否满足规定的需求或弄清预期结果与实际结果之间的差别。因此，从这个角度来看，测试更像是为了配合UED的目标而存在的，起着陪护作用。 从软件生命周期来看 软件生存周期模型，把软件生存的漫长周期依次划分为：可行性研究与计划、需求分析、设计、开发、测试、运行与维护六个阶段。在这其中，设计阶段就包括UED，而开发和测试阶段就对应有测试的过程，如开发过程中的可用性测试、单元测试、集成测试等。另外

/*--> */ /*--> */ 1.介绍 目标：打造一款不同于市场上的公开打卡 app 的产品 理念：通过监督和鼓励，和相同圈子的人一起互相鼓励、分享及监督，共同进步。 优点： 模板消息通知，网上基本通过小程序中逻辑层 JS 完成推送的请求，小打卡在通知方面采用服务器端异步任务推送，使用了高性能分布式内存队列系统 BEANSTALKD ，来实现模板消息的异步定时推送。 数据库方面，因为要实现每月、每周或者指定时间段的打卡排名系统这个功能，目前数据库单张数据表已经超过几十万条数据记录，通过数据库查询排名统计不可行。这里需要用到 Redis 高性能数据库来缓存数据，并采用 Redis 的 zset 有序集合来进行不同方面的排序和查询 2.功能模块： 3.前端设计： 3.1首页交互设计 点击头像 会toast登陆成功 创建一个新的打卡按钮跳转至新建打卡页 点击我管理的打卡的回收箱在打卡旁边生成删除、取消按钮并隐藏打卡/已打卡按钮，点击取消按钮隐藏删除、取消按钮并恢复打卡、已打卡按钮，再次点击回收箱隐藏删除、取消按钮并恢复打卡/已打卡按钮 点击我管理的打卡列表/我参加的打卡/打卡按钮 跳转至 打卡详情页 打卡按钮打卡成功后变成“已打卡”并灰化 3.2新建打卡页交互设计 可以输入活动标题 开始结束时间为两个选项，点指定开始结束日期时会在下面显示 出开始日期：日期选择器&结束日期

缓存是搭建高性能高并发系统的必备手段之一，通常用来解决性能瓶颈，是程序员的必备知识点，也是面试必备考点。 尽管，产品经理大概率不会关注系统性能，但程序员在实现需求的时候必须思考系统承载的并发量和用户量。缓存主要用来解决性能瓶颈的问题，一旦错误使用反而会令系统崩溃。今天，我们就通过4W的方式系统化地总结缓存相关的理论知识。 随着互联网业务的快速迭代以及用户量激增，应用架构需要不断调整甚至重构以适应这种业务的快速发展。当数据量迅速增长，业务逻辑越复杂，服务链路不断增加等等一系列问题，会导致RT过长，服务性能需要逐渐提升以满足更优的用户体验。在优化系统架构时通常的所用的两种方式scale up以及scale out，scale out就是通常所说的水平扩展，将应用服务设计成无状态性，可以方便水平扩展通过增加硬件的方式分解访问压力。而scale up则是将单个服务链路性能提升，以提升QPS以及系统的吞吐量。在追求更优的性能时，大多数业务场景是读多写少的情况，一般会通过引入缓存的方式解决。 What——什么是缓存? 关于缓存的定义，在wiki中为： a collection of data duplicating original values stored elsewhere on a computer, usually for easier access.

以下内容由Mockplus团队翻译整理，仅供学习交流， Mockplus是更快更简单的原型设计工具 。 如何设计一个完美的新手引导流程？设计之前，不妨想想你最近一次下载新应用程序或登陆新网站的场景。你知道该怎么操作吗?它们的新手引导流程是否帮助你迅速完成交互了呢?很多时候，一个简单的新手引导流程能给用户留下良好的第一印象。 所以在网站和应用程序设计中，新手引导流程设计也十分重要，设计师需要从访客的角度来设计交互体验。此类设计一般包含帮助访客在网上商店找到商品、了解如何购物、玩游戏或注册电子邮件等交互。 新手引导流程是将新用户融入到产品中的设计，优质的引导设计可以让访客与你的网站/应用程序/数字产品进行深入交互。接下来小编将介绍如何设计这样一个优质的引导流程，并附带一些例子帮助大家理解。 一、视觉流程设计 一个好的新手引导流程可以让访客一眼明白如何开始、进行和结束产品的注册和体验流程。 当用户需要帮助或获得信息时，他们至少应该知道从哪里入手。这里的设计通常可以用一个大图，附带一段介绍文字呈现。(可以自行脑补下) 接着需要设计一些简单的交互，比如填写表格，点击下一步学习指南或新手教程视频等对访客进行引导。最后，弹出用户完成所有操作的通知，新用户就成功地结束注册/登录流程。(这种成就感可以帮助用户保持在线状态。) 最后的通知还应该包含引导用户进行正式体验产品的交互，比如

对于企业外项目：用户体验为转化率铺垫，查看ROI（return on investment） 对于企业内项目：优点：1.帮助人们工作得更快 2.减少他们犯错的几率 用户体验做的好：为企业创造价值的项目（工具效率改进，会直接提升企业的整体生产力） 不好：变成资源消耗噩梦的项目 科技产品的可用性不够简单，会让人们觉得自己很笨，累的筋疲力尽，要求：简单、容易使用、不令人沮丧、没有不必要的复杂性 表现层：一系列网页 框架层：按钮、控件、照片、文本区的位置；框架层用于优化设计布局，以达到这些元素的最大的效果和效率：在你需要的时候能记得并找到购物车的按钮在哪里 结构层：比框架层更抽象，框架是结构的具体表达方式； 对比：框架决定了某个页面的交互元素的位置，而结构层用来设计用户如何到达某个页面，并且在他们做完事情以后能去什么地方， 框架层定义导航条上各类元素的排列方式，允许用户可以浏览不同的商品分类，结构层则确定哪些类别应该出现在哪里 范围层：结构层确定网站各种特性和功能最合适的组合方式，这些特性和功能就构成了网站的范围层。任何一个功能是否应该成为网站的功能之一，属于范围层要解决的问题； 战略层：网站范围基本上是由网站战略层所决定的，战略层包括了经营者想从网站得到什么，还包括用户从网站得到什么，比如电商：买卖商品；但是促销或者广告就不那么清晰； 五个层面：战略、范围、结构、框架、表现

第一章 用户体验为何如此重要 1、开发过程中，人们更多地关注产品将用来做什么，经常忽略的另一个因素是产品如何工作，而这一因素恰恰是决定产品成败的关键因素。 2、"用户体验"并不是指一件产品本身是如何工作的（虽然这有时对用户体验具有很大的影响）。用户体验是指"产品如何与外界发生联系并发挥作用"的，也就是人们如何"接触"和"使用"它。 3、转化率是一种常用的方式，来衡量用户体验的效果。通过跟踪有百分之多少的用户被"转化"到了下一个步骤，就能衡量你的网站在达到"商业目的"方面的效率有多高。 4、创建吸引人的、高效的用户体验的方法被称为以用户为中心的设计（User-centered design）。以用户为中心的设计思想非常简单：在开发产品的每一个步骤中，都要把用户列入考虑范围。 5、用户所体验的每一件事，对你来讲都应该是经过慎重考虑和论证以后的决定。实际上，设计出一个更好的解决方案需要更多的时间和费用，你可能不得不在各个方面做出妥协。但是，一个"以用户为中心"的设计流程保证了这些妥协不是随机决定的。考虑用户的体验、把它分解成各个组成要素、从不同的角度来了解它，通过这些才能确保你控制了决策所造成的全部结果。 第二章 认识这些要素 1、用户体验的五个层面（提供了一个较为系统的分析框架）： 表现层 在表现层（surface），你看到的是一系列的网页，有图片和文字组成。一些图片是可以点击的

随着我们的产品越来越智能化和人性化，交互设计师的概念应运而生。交互设计的的出现，在一定程度上满足了当下人们对产品的需求。因此交互设计被广泛的应用在各行各业，像目前发展前景好比较热门的搜索引擎、微信、淘宝和资讯等等互联网产品，对交互设计师的需求量巨大。由此可见，交互设计的就业前景无论是在当下，还是未来都是大有可为的。那么，交互设计的作用是什么？可以在哪些行业就业呢？下面，我就来一一回答这些问题。 一、交互设计的作用是什么？ 大家有没有想过，我们身边的智能产品为什么这么好用？这是因为交互设计对它们做了很大的设计和优化。从DOS、Windows、Macintosh，再到苹果手机的触摸屏交互，交互已经有了翻天覆地的长足进步。交互设计师在互联网产品的进化过程中起到了至关重要的作用。由于所有科技产品本质上都是难用的，交互设计师就是用户使用产品的引导员。 二、交互设计应用在哪些行业？ 1.搜索引擎： 搜索引擎应该是互联网上交互最简单的产品：只有一个搜索框，用户输入关键词，点击确定即可返回结果。但它还是不够简单，因为相对于用户自然想问的问题，输入关键词能得出更准确的结果。但输入关键词并不是最好的交互模式。还有，对于相当一部分不会键盘输入的人来说，简单如搜索引擎还是不够方便。最后，用户想要的结果，并不一定能够得到，必须从一堆结果页里面去再次查找，目前还做不到给出一个唯一想要的答案。 2.社交：