【交互体验】让你事半功倍的交互体验自查清单 交互精选 • 2018-01-30 16:57 • 微信热点 点击上方“蓝字”可以订阅哦!小编推荐:刚画完的原型自我感觉良好,当到了评审的时候发现在用户体验槽点非常的多。如果你遇到上面的情景,那么这篇文章对你绝对有用。事不宜迟,请看下文。体验清单起因去年底看朋友出国前用‘穷游清单’给自己列清单,她说列的清单可以帮她在出行前检查一下是否有遗漏东西,避免因遗漏东西使整个旅行变得很糟。既然旅游清单可以使旅游提前避免问题发生,是不是我们在工作中也可以采用这种方式使自己的产出物交付前保证万无一失。在平时设计... 点击上方 “蓝字” 可以订阅哦! 小编推荐:刚画完的原型自我感觉良好,当到了评审的时候发现在用户体验槽点非常的多。如果你遇到上面的情景,那么这篇文章对你绝对有用。事不宜迟,请看下文。 体验清单起因 去年底看朋友出国前用‘穷游清单’给自己列清单,她说列的清单可以帮她在出行前检查一下是否有遗漏东西,避免因遗漏东西使整个旅行变得很糟。既然旅游清单可以使旅游提前避免问题发生,是不是我们在工作中也可以采用这种方式使自己的产出物交付前保证万无一失。 在平时设计过程中会遇到这样的问题:考虑某个模块流程了,却把特殊状态给忘了;改的版本多了,漏掉了原备注的内容,自己却没看出来。记得带实习生的时候就遇到过交付的原型同一个界面,在这个功能里顶栏有标题,在另外一个功能里顶栏没有标题,让检查一遍也没有发现问题所在。 经过这段时间思考、整理和实践,按照《用户体验要素》所提到的体验设计框架总结了一套体验清单设计方法。虽然用户体验要素这本书是以网页设计为主,但所提到的用户体验层次,在移动端设计中依然有效;只是移动端设计中需要考虑更多的场景、硬件设备、特殊因素、交互方式等问题。今天分享给大家移动端体验清单的设计方法,方便大家平时在做完交互稿后进行自查。 体验清单如何设计 为了适用于大多数移动端应用,这套方法是按照需求(战略层、范围层)-流程及内容(结构层、框架层、表现层)-特殊因素的思路来设计的,主要分为三步: 第一步:明确用户在什么场景下完成什么操作; 第二步:从框架流程再到内容细节,如:框架导航、流程、布局、转场、反馈、文字等; 第三步:重点关注特殊因素,如:网络、硬件设备、数据网络、模式、空值、交互方式等; 平时常用奇妙清单来规划自己一天的任务,就尝试用该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 与经典艺术交互体验,迪士尼推出AR博物馆,“篡改”世界画作 下一篇 2018-01-30 相关推荐 微信热点 【新锐玉商风云榜】颜传赞:以‘用户体验’为支点 撬动家装行业“一键式”转型升级 在父辈创造的奇迹上,是传承、是创新、是开拓,每一位新生代年轻玉商都在给出自己的答案。——“新锐玉商”专栏总题记新锐玉商风云榜他是“2016浙商年度创新人物”;他提出“构家”如“构车”的“一键式”整体家装新理念,推动家装行业从传统的手工作业升级为家装工业4.0;他的公司“构家”获得复星集团数亿A轮投资。他就是坊间广称为“船长”——杭州构家创始人兼CEO颜传赞。在经济创新这条漫长的大道上,颜传赞以玉环人海派的作风和追求卓越品质的韧性,谱写“... 2018-02-03 微信热点 ArtCenter 2018交互设计本科详解 交互设计无处不在,从手机应用到游戏,再到可穿戴设备和数字环境。交互设计领域正在经历着巨大的增长,市场对有经验的数字设计师的需求也在激增。专业简介ArtCenter在交互设计领域的丰富历史跨越了平面设计、交通设计、娱乐设计、工业设计和媒体设计等领域,毕业生现在在苹果、谷歌、微软和IDEO等公司担任领导职位。ArtCenter的前沿课程致力于创新。我们的学习过程强调核心方法、工具和过程,使学生在新技术出现的时候能继续前进。但这一课程并不全是... 2018-05-07 微信热点 学而思网校UED部门招聘 简介INTRODUCTION学而思网校,纽交所上市公司好未来集团旗下品牌,专为3-18岁孩子提供小初高全学科课外教学。UED负责K12在线教育全业务体验闭环的设计工作,我们的团队活力创新、勇往无前,真诚期待你的加入~UI设计师UI DESIGNERS岗位职责负责网校全平台产品体验设计工作;可以主导设计风格,参与设计规范和流程的制定。岗位要求3-5年视觉设计经验,美术、设计、艺术学等专业,本科及以上学历;有移动客户端设计经验更佳;熟悉用户... 2018-02-16 微信热点 拆解【用户体验要素】 作为产品经理不但要有能力作出产品设计和规划,更要尊重用户,作出用户体验更佳的产品【用户体验要素】告诉我们如何更好的设计出让用户体验更佳的产品方法论,那么这本书如何更好的应用到实战中,我们如何更好的将理论与实践结合呢?我们今天简单来阐述一下【用户体验要素】概论知识初识【用户体验要素】【表现层】我们所能看到的一系列的网页的元素:图片、文字、按钮等,有些图片就是图片,单纯的进行展示;有些图片或者文字有可能就是一个按钮链接,通过点击可以执行某种... 2018-05-05 微信热点 为了生存!QQ空间升级改变非主流印象,论用户体验的重要性 关注留学签证移民的新资讯分享学习工作生活的新鲜事JT EDUCATION点击上方关注非主流、火星文、酷炫的QQ空间45度叫仰望天空、明媚的忧伤十年前,谁还不是个中二症患者?曾经的中二少年变成了大人大人不再点开的QQ空间也变样了面对微博微信这样的对手总要活下去这次QQ空间品牌升级重点在于对用户体验的设计哦?又是用户体验这个词真的是使用频率越来越高什么产品和服务都强调用户体验但具体说起来是什么意思呢?比如有人说现在发微博就像玩扫雷不知道发个... 2018-03-06 微信热点 Axure从入门到精通-第0课,课程介绍 紫豆子开始新的教程编写,讲解Axure的使用。还是希望5次课程可以把这个软件讲通。这是一款很容易上手的产品,可能有的人已经会了。我们先看看下面由Axure做的网页是不是有点跟我们见过的Axure不太一样了为什么学这个软件?入门简单,它就像一个大的画布,你可以简单的通过拖拽组建在页面中添加你要放置的内容;不像PS那么难学。可以做一些简单的动画效果;可以让一个组建旋转、移动、缩放、消失、出现等等;可以做一些简单的交互效果;例如点击一个画布中... 2018-04-29 微信热点 【用户体验.春节特辑】 珍惜眼前人(总第271期) 亦可访问www.koushutianxia.com了解详情编家谱 修家史 留视频建祠堂 亲互动 传万代总第271期2016年初,快要过春节的时候,有一天我没什么事给父亲打电话,但是半天没人接听,我就有疑虑,因为这个点按父亲的习惯应该是坐在书桌前看书或写字的。长时间没接电话,不免让我有些不安。父亲今年83岁了,作息习惯非常规律,身体也非常好。母亲比他小5岁,身体也很健康。我父母育有三个子女,我是小儿子,上面有两个姐姐,都已... 2018-02-22 微信热点 Sketch迎来重大更新,叫板PS爸爸? 11月8日晚,Sketch 悄悄的更新至 Sketch 41。至此3X系列已经离我们而去,4X系列正式到来!在此次更新中,还是有不少惊喜的。今天一一做个盘点。全新 LogoSketch 拟物化黄色钻石 Logo 已经成为历史。新Logo 顺应了设计潮流,简化色彩并弱化光影关系。不过有一点令我很在意,就是新Logo的倒角处理(面与面之间的接缝)。之前的Logo倒角很锋利,有种割破手的感觉,典型的 2D 图形拼接效果;新Logo倒角光滑,做... 2018-04-26 微信热点 关于增强移动端交互设计的7条小建议 本文转译自TubikStudio,内容有删减如果你要问某个产品的移动端交互设计好不好?很简单,如果用户能够很轻松愉快的使用以至于没有感受到它的存在,这就表示这款产品的设计是专业的、成功的。另一方面,如果整套交互中存在不合理的地方,用户一定会注意到他们,并且引发吐槽。移动应用的设计,需要清晰易用,可以随时随地进行有效使用。设计师的认识是创建一个直观的界面,指导用户们,帮助他们顺利操作使用。1、降低学习成本每个产品经理或者交互设计师,都想创... 2018-02-17 微信热点 【用户体验】和路通X1真实详细评测——智能车时代的钥匙 点击蓝字关注这个神奇的公众号~中国移动和路通智能后视镜的项目已经开展了一段时间,这期间收到了多位客户的体验反馈,今天,小编整理了一些产品体验测评分享给大家,从使用者的角度,让大家对中移动智能后视镜有更加深刻的了解!用户体验和路通X1真实详细评测——智能车时代的钥匙很荣幸从天津蜂享信息技术有限公司,购买了一台和路通X1智能后视镜,并进行装车体验。感谢中国移动对智能出行的重视与执着。目前智能后视镜的市场方兴未艾,市场上智能后视镜产品如雨后春... 2018-02-05