交互设计快速检查清单 Interaction Design Quick Checklist

相关推荐

• 交互设计

  值得你深入了解的交互设计五大支柱

  1、用户角色（Persona）：Persona文档（控制在2~5个）通常需要包含你的目标用户。作为Persona中的虚构的角色，它的属性和特征是 基于产品研究和用户定位来设定的，用作后续设计过程中所面对的“理想用户”，本质上，它就是一个占位符。作为人物设定，其中会包含个人信息，远不止于年龄 和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。
  2、移情地图（Empathy Map）：它像是一个轻量级的Persona文档，在资源短缺时间紧的状况下，可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了，更加专注于用户在特定情况下的感受。
  3、用户剧本（User Scenario）：如果Persona 是帮你设计了一个故事中的角色，那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说，第二天是母亲节，要为母亲预订一份礼物。目标很明确，要达成目标，用户需要点击几次 按钮，走哪些流程，需要多长时间，如何在过程中融入情感，贯穿始终。对整个用户流程有了预判之后，设计师对于UI和UX的设计就有了把握。
  4、用户地图（Customer Journey Map）：这份文档同上门的用户剧本很像，但是它比起前者跨度更大，贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计，而产品投 入使用之后也不是最终结束，这也是跨度如此之大的原因所在。用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一 个大杂烩，而是要将用户性格和用户流程、交互过程结合到一起来看待问题，每个阶段不同环节，都牵涉到不同的情绪和情感。Affordance 是 James J. Gibson 造出来的一个词，Gibson 是20世纪最重要的认知心理学家之一，他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。affordance 是 afford (提供、给予、承担)的名词形式，环境的 affordance 是指这个环境可提供给动物的属性，无论是好的还是坏的，所以我认为“可供性”是一个合适的翻译。Gibson 用来解释 affordance 的例子是这样的：如果一块地表面接近水平（而不是倾斜的），接近平整的（而不是凸起或凹陷的），以及充分延伸的（与动物的尺寸相关），如果地表面的物质是 坚硬的（与动物的重量相关），我们可称它为基底、场地或地面，它是可以站上去的（stan-on-able），可让四足或两足动物保持竖直姿势，它是可以 行走（walk-on-able）和跑动（run-over-able）的，它不像水表面或沼泽表面之于一定重量的动物那样是可陷入的（sink- into-able）。列出的四项属性——水平、平整、延伸和坚硬——它们是这个表面的物理属性，如果以物理中使用的度量衡去衡量它们的话，但是对于特定 动物的支撑可供性，它们必须与动物关联上才可以被衡量，它们不是抽象的物理属性，它们是为所指动物特定的，与动物的姿势和行为相关，所以 affordance 不能像我们在物理中那样来衡量。能指和所指是语言学上的一对概念，能指意为语言文字的声音，形象；所指则是语言的意义本身。按照语言学家或者哲学家们的划分，人们试图通过语言表达出来的东西叫”所指”，而语言实际传达出来的东西叫”能指”。

  2017-06-04
• 从零开始学交互

  后台交互设计中，控件使用场景与规范总结（附案例）

  数十万互联网从业者的共同关注！作者：panda，交互设计师微信号：D1173740249编辑：Dva背景之前有写过一篇关于新手入门交互设计师的文章《新手入门做交互设计的那些事儿》，最近刚完成公司平台 2.0 的改版设计，平…

  2017-08-01
• 微信热点

  福睿斯幸福号春运列车的背后：营销回归用户体验

  爆竹声中辞旧岁，品牌送暖入屠苏。一年一度的春节，不仅是万家团圆的时刻，也是品牌们“秀肌肉”，送暖消费者的黄金期。每到这时，煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的，莫过于福睿斯推出的“幸福号春运列车”。今年春节期间，长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台，在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车（D3...

  2018-03-29
• 交互设计

  实例分析：关于上传照片交互逻辑的思考

  最近在重新设计公司APP上传照片的组件，研究了很多移动端上传照片的组件，下面来简单单谈谈自己的总结。

  2017-05-12
• 微信热点

  Axure基础

  目录（使用微信自带页面搜索功能）第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

  2018-03-15
• 交互设计

  阿里交互新手小记 | 交互工作流程的梳理

  头疼就是脑子里有什么正在激烈地进行改变，可能就是你从困难上学会的东西。—— 写这篇文章的人

  2017-05-23
• 交互设计

  一篇文章总结可用性测试方法

  之前总结过一版交互设计流程图，主要是想给自己以后做设计梳理一下过程，但是那份流程里面只有枝干，并没有枝叶，所以针对每个方法我都会撰写一份方法总结，或者说指导，目的就是为以后实践做准备。我期望的效果是，假如一个没有接触过该方法的人看到这份总结，可以按照这个总结一步步完成实验。这就是我最大的目的。下面就是第一份总结《可用性测试方法总结》。

  2017-05-30

• Material Design UI质感设计动画交互设计欣赏

  质感设计（Material Design），是谷歌推出的设计语言，可以在用户界面产生动画，并且动画都是仿照真实的物理世界所产生，而且这套设计语言是跨平台和设备的。简而言之，质感设计是一种简单的方法创建很快的应用程序…

  IxD案例 2015-11-16
• 交互设计

  UED设计流程和方法

  看惯了淘宝阿里旺旺的UED团队做的图，突然有点冲动，组建一个属于我们自己的UED。没有阿里、百度、腾讯等大型互联网公司有专门的UED团队成员，但我们凭着自己团队合作成立了属于自己的手机客户端UED。 1、需求调研…

  2014-10-29
• 交互设计

  交互设计师的价值与交互设计方案的评价维度

  本文作者将和大家谈谈交互设计师的价值，以及交互设计方案的评价维度，用具体案例与你分享。

  2017-05-15