【交互体验】让你事半功倍的交互体验自查清单

交互精选 • • 微信热点

点击上方“蓝字”可以订阅哦！小编推荐：刚画完的原型自我感觉良好，当到了评审的时候发现在用户体验槽点非常的多。如果你遇到上面的情景，那么这篇文章对你绝对有用。事不宜迟，请看下文。体验清单起因去年底看朋友出国前用‘穷游清单’给自己列清单，她说列的清单可以帮她在出行前检查一下是否有遗漏东西，避免因遗漏东西使整个旅行变得很糟。既然旅游清单可以使旅游提前避免问题发生，是不是我们在工作中也可以采用这种方式使自己的产出物交付前保证万无一失。在平时设计...

【交互体验】让你事半功倍的交互体验自查清单
点击上方
“蓝字”
可以订阅哦！
小编推荐：刚画完的原型自我感觉良好，当到了评审的时候发现在用户体验槽点非常的多。如果你遇到上面的情景，那么这篇文章对你绝对有用。事不宜迟，请看下文。
【交互体验】让你事半功倍的交互体验自查清单
体验清单起因
去年底看朋友出国前用‘穷游清单’给自己列清单，她说列的清单可以帮她在出行前检查一下是否有遗漏东西，避免因遗漏东西使整个旅行变得很糟。既然旅游清单可以使旅游提前避免问题发生，是不是我们在工作中也可以采用这种方式使自己的产出物交付前保证万无一失。

在平时设计过程中会遇到这样的问题：考虑某个模块流程了，却把特殊状态给忘了；改的版本多了，漏掉了原备注的内容，自己却没看出来。记得带实习生的时候就遇到过交付的原型同一个界面，在这个功能里顶栏有标题，在另外一个功能里顶栏没有标题，让检查一遍也没有发现问题所在。

经过这段时间思考、整理和实践，按照《用户体验要素》所提到的体验设计框架总结了一套体验清单设计方法。虽然用户体验要素这本书是以网页设计为主，但所提到的用户体验层次，在移动端设计中依然有效；只是移动端设计中需要考虑更多的场景、硬件设备、特殊因素、交互方式等问题。今天分享给大家移动端体验清单的设计方法，方便大家平时在做完交互稿后进行自查。
体验清单如何设计

为了适用于大多数移动端应用，这套方法是按照需求（战略层、范围层）-流程及内容（结构层、框架层、表现层）-特殊因素的思路来设计的，主要分为三步：

第一步：明确用户在什么场景下完成什么操作；
第二步：从框架流程再到内容细节，如：框架导航、流程、布局、转场、反馈、文字等；
第三步：重点关注特殊因素，如：网络、硬件设备、数据网络、模式、空值、交互方式等；

平时常用奇妙清单来规划自己一天的任务，就尝试用该App来制作移动端体验清单，使用之后感觉挺便捷的。下面就以奇妙清单为工具来举例子：

一、明确完成什么操作及主场景

不同的产品、需求对应的用户场景和操作流程是不同的，每次在自查前先明确需求，然后明确用户是在哪些主场景下完成什么任务；主场景有什么？操作是哪些？罗列在清单里。简单举个例子如阅读小说，子任务添加场景，备注写完成什么操作，如下图：

【交互体验】让你事半功倍的交互体验自查清单

二、按照操作流程及界面内容，从流程到细节逐一梳理

按照要完成的任务梳理一下流程，随手画一下流程图。流程图可以让我们对原型流程有一个整体把控，防止出现逻辑问题。自查的过程中从具象到细节，先保证大流程没问题，再细化细节问题。

【交互体验】让你事半功倍的交互体验自查清单

框架导航

框架结构 是否合理、能承载产品功能结构
导航 广度、深度是否适中，易操作，拓展性好

流程

操作流程 从头到尾是否能顺畅的串下去
返回 从哪里来是否可以回到那里去

从状态A到B

A.操作时
触发源 待操作按钮在当前界面中是否明确
触发区 域待操作按钮是否易操作

B.操作之后
加载状态 状态改变的等待时间是否超过2S左右，如果太长是否需要加入加载状态
反馈 是否有反馈，反馈是否备注清楚
转场动效 是否需要添加有趣的转场动效
成功与失败、空值 是否考虑且有相关的提示
提示类型 选择轻（tip/小红点）、中（Toast）、重（提示框）提示优先级别是否恰当
中间过程 是否可以取消，例如更新应用、导入本地文件，此时是否允许用户取消

布局内容

信息层次 是否清晰，重要的信息是否优先显示
相关信息 是否可合并，没有重复信息
功能操作 是否易操作，重要、频繁触发的功能按钮是否在手机的可操作区域
文字 是否通俗易懂、有趣
界面内容 是否完整，例如：顶部标题、按钮里的文字等

三、特殊因素再复查

移动端产品的环境、场景复杂，硬件设备多样；需要考虑的因素很多，很容易疏忽某些细节；所以需要对于特殊因素再次复查是否遗漏。下面是一些常见的特殊因素：

硬件设备

横竖屏 是否需要锁屏，横竖屏时布局及功能是否完整
分辨率高低 分辨率情况下是否会有适配问题，是否备注清楚
SD卡 文件导入本地时，没有SD卡、SD卡储存已满、储存位置等情况是否考虑并备注
硬件、系统版本 不同手机的物理按键、系统等不同，是否需要备注
应用版本 新增功能是否影响老版本，是否需要升级

模式

夜间模式 是否需要考虑夜间模式（有没有光线较暗的场景）
编辑模式 编辑模式下出现意外情况是否提示保存或自动保存已填信息

网络

网络超时
网络太慢
网络环境变化 从WiFi到2/3G网络环境时是否需要切换视图（有没有从室内到室外的场景）
无网络
缓存 有无缓存内容，区分是否清楚

账号相关

随便看看/未登录 需要登录后才可操作的功能是否备注

通知机制

消息推送 是否需要消息推送，调用系统通知还是其他方式
推送策略 是否备注通知的推送时间、表现形式、失效策略

硬件交互

定位 定位是否打开
相机 相机是否允许使用
其他硬件设备 双屏幕互动、二维码登录等操作时，与其他设备互联、同步、完成操作是否引导、备注
等等…….
【交互体验】让你事半功倍的交互体验自查清单

以上是移动端体验清单的设计方法及考虑因素，每个移动端应用都有自身特有的场景和特定影响因素，除了你需要考虑以上列举的，还会遇到一些未知的因素；对于新因素要分析后进行添加。不是所有项目都需按照这个清单逐条去检查，有的项目可能没有框架导航就可以直接忽略；有的只是一个小的优化，需要着重考虑空值、网络特性、特殊情况等。有的人善于把握大框架的东西细节考虑不全，就主要检查细节问题。这份清单可以因实际项目、人而定。

总结

产品开发中有QA测试环节，交互设计完也需要一个自检的环节，减少在设计评审和开发过程中消耗。建议使用奇妙清单制作项目的体验清单，并将这套自检方法应用到实际工作流程中，在项目迭代过程中不断完善形成自己的清单表；随着时间推移考虑的问题会越来越细，做的交互方案也就越来越完善，工作的效率也会逐渐提升。

一网打尽
线下产品沙龙，
线上交流培训、
中国最大的产品经理平台，
产品汪聚集地
人人都是产品经理
微信号：woshipm
网址：www.woshipm.com
QQ群：280592145
商务合作请联系Q：2606668171

点击下方

“阅读原文”

推荐阅读《被忽略的交互设计本质》

↓↓↓

原创文章，作者：交互精选，如若转载，请注明出处：https://www.iamue.com/34895/

赞 (0)
交互精选交互精选
0
上一篇 2018-01-30
下一篇 2018-01-30

相关推荐

  • 微信热点

    Sketch49-原型设计才刚刚开始

    官方说明：草图49已经到来，在我们的图书馆更新之后，我们又为Sketch增加了另一个巨大且备受期待的功能。我们了解设计，所以我们知道你不能总是根据静态屏幕判断是否有效。有时你需要看到整个流程的实际运行情况，最好的方法是将你的设计变成交互式原型。通过我们的最新更新，我们正在使整个过程无缝 - 在Sketch中与原型设计师打招呼。Sketch 49带给我们的是最值得期待的功能之一：能够在本地创建和分享快速交互式原型当我听到这个消息时候，脑子...

    2018-03-02
  • 微信热点

    优逸客【交互设计】直播课今晚8:00正式开播！

    提起交互设计，它既没有界面视觉设计绚丽，也没有用户体验设计有趣，看起来枯燥乏味，学起来复杂难懂，但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的，无论薪资还是技术。（以上海地区为例）但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和，现在从事这个行业没机会了。照这么说，公务员是我见过的饱和度最高的行业了，但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样，往往最底层的那一部...

    2018-04-19
  • 微信热点

    什么是交互设计？这篇文让你彻底弄清！

    达内UI设计，中国UID课程标准制定者通常来说，拥有成熟产品的大型互联网公司都会设有交互设计岗位，这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示，交互设计师的工作大多无法直观可视化或出于保密性难以对外展示，所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解，但工作相关或对此感兴趣的人对交互设计进行基础入门的了解，所以采用了尽...

    2018-04-08
  • 微信热点

    交互设计工作流程6步走

    点击信息与交互设计关注我们！欢迎大家踊跃投稿哦！投稿邮箱：iidc@iidc.org.cn经常有人会问交互设计到底是做什么的？交互在工作中的流程是什么样子的？那么今天就来讲讲交互设计在工作项目中需要做哪些工作。这里结合笔者本身的个人经历，将交互工作流程总结为以下6点：1、发现问题这里的发现问题，主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多，在实际项目工作中，可能大部分的问题反馈来源于客服或者产品需求，这里交互更...

    2018-01-30
  • 微信热点

    Axure RP 8.0安装图解

    Axure RP 8.0下载链接：链接：https://pan.baidu.com/s/1jJFQwLK 密码：3d1yAxure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具，它比一般创建静态原型的工具如Visio、Omnigraffle、Illu...

    2018-03-24
  • 微信热点

    Axure实例：即刻 app 产品需求文档

    当前浏览器不支持播放音乐或语音，请在微信或其他浏览器中播放不了了之冰淇 - 分手快乐作者：T.zh来源：简书以下我的Axure原型截图：目录：1.概述1.1产品介绍1.2需求整理2.版本信息2.1修订历史2.2版本规划3.产品逻辑3.1产品信息图3.2产品结构图3.3部分业务流程图4.产品设计4.1全局说明4.2部分功能需求说明4.3部分交互设计1. 概述1.1 产品介绍1.1.1 文档属性1.1.2 产品综述1.2 需求整理1.2.1...

    2018-03-08
  • 微信热点

    Axure RP属于产品经理快速原型设计工具（一：简述）

    一、介绍Axure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效...

    2018-03-10
  • 微信热点

    创先争优|张迪：创业艰难，但梦想会让你永远保有对生活的热爱

    争先创优为全面贯彻党的教育方针，鼓励研究生勤奋学习、自强不息、积极实践、勇于创新，促进优良校风学风建设，培养德、智、体全面发展的高层次复合型人才，学校结合实际，研工部于2017年10月-11月组织开展了重庆大学2016至2017学年度研究生“争先创优”评选。为响应学校号召，UMD研究生网络文化工作室根据工作安排，特推出重庆大学“争先创优”优秀研究生人物志系列活动，从中挑选一批先进研究生代表，通过微博、微信、网站、电子显示屏等网络宣传平台...

    2018-03-01
  • 微信热点

    美国｜四大艺术院校交互设计解析，不要等毕业后才发现读了个假的专业

    今天的主题是交互设计，有同学希望了解美国开设此类专业的院校，并获取各个院校的教学内容侧重方面的信息。于是，康石石选择了美国四所具有代表性的院校为同学们进行介绍：艺术中心设计学院（ACCD）卡内基梅隆大学（CMU）纽约视觉艺术学院（SVA）普瑞特设计学院（Pratt）一、艺术中心设计学院（Art Center College of Design）交互设计：本科ACCD交互设计专业只开设本科阶段课程，学习时长8个学期。尖端的课程设置，旨在培...

    2018-05-07
  • 微信热点

    小编来告诉你交互设计是什么啦！

    什么是交互设计用户界面有两部分的设计：交互设计和视觉设计。交互设计的产出物是可交互的低保真原型，设计内容包括：信息架构、页面布局、流程跳转。1. 信息架构信息架构，是为了让用户在使用APP、软件、网页的时候，能够快速找到自己需要的信息、资料、功能，并且在使用的过程不会迷路。它有层级、有逻辑顺序、要能反映信息（功能）的重要程度和关系。信息架构的组成部分：组织系统：关注如何组织信息。比如小说，按篇幅，可以分为短篇、中篇、长篇；按年代，可以分...

    2018-04-12