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

交互精选 • • 微信热点

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

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

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

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

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

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

平时常用奇妙清单来规划自己一天的任务，就尝试用该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

相关推荐

  • 微信热点

    【科普】给想学交互设计的同学的一些建议

    最近在知乎上，有很多人问我，交互设计有什么好的学校？出国读研和在国内读研应该怎么选择？就业怎么样？其实在行业内和行业外，信息存在大量的不对称，很多同学都不太清楚怎么入门和学习交互，我觉得有必要专门开个文章聊下这个话题，算是一个有工作经验的人给新入行或者将要入行的同学的建议。1. 交互设计是否需要读研？我的答案是：看你的情况。每个人情况不同，自然对应不同的选择。情况A：如果本科就受过交互设计方面系统的训练（学校课程、实习等），有一定天赋和...

    2018-02-11
  • 微信热点

    「Sketch | 译文」用共享样式创建文本系统

    原文作者：Bunin Dmitriy来自：Medium阅读全文大约需要 6 分钟相信字体样式管理对很多新人设计师而言并不是一件容易的事，甚至很多工作多年的设计狮也并没有很好的规划自己的项目字体样式的习惯，这不但增加了设计项目的维护难度，更主要的是随着项目的不断膨胀，你项目中的排版会变得杂乱无章、极不统一。其实使用Sketch来进行字体管理并不复杂，今天带来的是Bunin Dmitriy的一篇关于文本样式系统的文章，不到十分钟可以让你对文...

    2018-04-14
  • 微信热点

    进入第四个模块——用户体验。

    之前三个模块，我们希望解决的问题是你能够情绪纠偏、认知纠偏，不再只从原生感受上来看问题。接着我们讲的是建设系统的能力的用户体验。厚积薄发，“厚积”是系统能力，“薄发”是表面的呈现，就是用户体验。同维度竞争的时候，用户体验更是最核心的竞争力。用户体验第一课用户体验的五层要素《用户体验要素》这本书里提到：“用户体验的要素，来自5个层次的层层选择与叠加建设。”这五层分别是：感知层；角色框架层；资源结构层；能力圈范围层；战略存在层。1、最核心的...

    2018-02-05
  • 微信热点

    【线下沙龙】产品经理交互设计大会

    2018年产品经理交互设计交流分享大会活动背景一个优秀的产品经理不仅能引导产品的发展，而且还能引导公司的发展。同时，他还是一名优秀的执行者、项目管理和团队管理者，具备敏锐的洞察力，能在用户心理和产品细节间灵活游走，打磨出令人惊叹的产品。所以，在成为CEO之前，先成为一名出色的产品经理吧。然而当我们投入到实际工作中时，总是一次又_次遇到阻碍：和运营、枝术部门沟通不畅，项目推进难。公司要求不高，任务很轻松就能完成，想要挑战大公司，却深知自己...

    2018-04-22
  • 微信热点

    【免费试听】成都UI-UE交互设计免费试听课了解一下！

    德阳中公教育官方微信长按关注，了解更多资讯。周一见！周一见！周一见！没错下周一！成都UI-UE交互设计免费试听课开课啦！与其宅在家里浪费时间不如来体验一下UI设计前五天免费试学4月16日--4月20号机会有限，先到先到得哦！UI-UE交互设计是什么?UI-UE交互设计就是指对产品的人机交互、操作逻辑、界面美观的整体设计!为什么要学习UI-UE?人才需求旺盛，成IT行业职位新宠人才缺口大，行业势头发展迅猛虽然UI这么好，但是不仅对人才的需...

    2018-04-11
  • 微信热点

    两个交互设计鸿沟-评估与执行

    译者 / 熊猫小生校对 / 不器作者 /Kathryn Whitenton前言：通过每次交互，用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟，从而为他们提供支持。上周，我买了一款很棒的新蓝牙耳机 ; 但遗憾的是，我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺，但耳机并未自动与计算机连接。我在重新阅读说明书之后，检查了耳机和电脑...

    2018-03-28
  • 微信热点

    无障碍的交互设计，需要做到这7点

    先从字面上来理解何为“无障碍”。生活中许多场所中，除了供给正常人使用的区域外，还有一些针对工作人员、特殊人员（残障人士、老弱病残、孕妇等）的无障碍通道/设施，比如：机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的，且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面？-那么交互中的无障碍又有哪几层含义呢？从常规的使用人群来看，首先要满足普通人群使用。其次，当一个优秀产品具有一定...

    2018-03-31
  • 微信热点

    【用户体验】“互联网＋”如何提升用户体验?

    “你兜售的虽然是产品，但真正能使你获益的却是服务”。为何这样讲？众所周知，顾客就是上帝。在今天，用户体验越来越多的被提及，产品得到了更多的外延及扩展，已经不再局限于产品本身的价值，而有了更多的后续价值和服务的依托。注重交付的每个环节的规范与体验，这让卖点从产品本身逐渐渗透到整个产品的生命周期中，用户对品牌的认识也开始从产品蔓延到店面、店员、交易流程是否顺畅、售后服务是否及时到位等诸多层面。换句话说，产品是基础，而优质的服务可以帮助企业赢...

    2018-03-03
  • 微信热点

    Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接，可以给公众号留言发信息，也可加微信：qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信：qihai-77反馈哦链接：https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码：3nf7有任何需要安装的软件或问题可咨询微信客服：qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服：qihai...

    2018-03-29
  • 微信热点

    设计神器Figma出马！Sketch、PS有些慌了，因为...

    这年头真的是“长江后浪推前浪，一浪更比一浪强”，许多新产品、新工具纷纷冒出头来，就拿我们设计师的设计工具来说吧，Photoshop 算是一名老将了，它也是我们走上设计不归路的第一个敲门砖（当然还有 CDR）；被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来，一个是专攻用户界面的矢量设计，另一个则像是加强版的 PS 和 AI；Sketch 和 Affinity 还没用熟又冒出个 Figma：说出来你可能不相信，...

    2018-04-17