【交互体验】让你事半功倍的交互体验自查清单 交互精选 • 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 相关推荐 微信热点 快速用 Sketch 绘制30个图标 长得好看的人都已关注操作分解:一个正方形,两个同等直径的圆形即可完成,最后旋转多选矩形 Edit 后可以一起改圆角正方形不停地裁剪一个椭圆加长方形,复制即可圆角矩形加两个不同大小的圆合成小矩形旋转角度,最后拉下 Radius 即可选中锚点删掉,调下倾斜度,复制合成添加锚点一拉一调添加左右两个锚点的时候放大比较容易处理号细节锚点的 radius合成后记得 Flatten 下,就可以选择锚点加 radius添加钢笔锚点,并且 Show Gr... 2018-04-09 微信热点 上海benhealth招聘实习生 150/天 回复「简历」,送你优秀简历模板。岗位岗位实习生岗位职责参与公司移动端、小程序以及 PC 端 Web 产品的交互设计;与产品经理和开发人员共同完成产品开发。岗位要求1. 平面、视觉传达相关专业本科或以上学历;2. 熟悉 Axure 和 Sketch 等交互设计工具;3. 热衷网络文化,熟悉网络热点和主流 App;4. 良好的沟通学习能力,工作热情高,责任感强。薪资福利150 元/天工作地点上海简历投递投递邮箱:jun.pan@benhea... 2018-04-08 微信热点 交互设计如何备考?二战学姐带你领略考研那些事 姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,... 2018-04-20 微信热点 搜狗词典用户体验更给力 可原汁原味学英语 日前,搜狗词典APP迎来重要升级,接入上百部与查询词相关的优质英美影视剧内容,并将“国际报道”内容板块升级为“双语报道”,进一步丰富了英语单词的学习语境,提升了用户的查词、记词体验,帮助用户原汁原味学英语。接入海量英美影视剧内容,新增“原声影视”内容板块及“视频单词卡片”功能,是搜狗词典APP此次升级中值得称道的一大亮点,这使得搜狗词典APP突破了原有的文字、图片、音频等内容形式,方便用户通过丰富的影视剧短片,用更具趣味的方式了解学习英... 2018-03-12 微信热点 2018年移动端用户体验设计趋势 在移动应用领域,事物正飞速发展。要想在用户体验设计领域获得成功,设计师必须有远见,并为即将到来的新挑战做好准备。为了简化这个任务,我列出了2018年最重要、最有影响力的趋势,而且很有可能远不止如此。1.简化用户的使用流程当我们与应用程序或网站互动时,我们有一个特别的目标。通常,我们花在实现这一目标上的努力越少,体验就越好。线性用户使用流程线性用户体验设计指的是一种带有特定的开始、过程和结束,并且可以让用户在每一步完成一个动作的用户体验设... 2018-02-01 微信热点 Axure RP软件 | UI设计师的必备神器,20G视频教程+软件+实战素材 直达链接:http://www.xiaobaixitong.com/(复制电脑粘贴下载)在浏览器上百度搜索【小白】即可找到,点击带有官网标志的链接哦,其他的均为山寨软件哦Hi,我叫小白,可以协助你安装电脑系统哦小白公众号一直在做的两件事:1.协助用户安装windows系统2.分享海量的学习资料包(相信聪明的你应该知道去哪里找的)三年来,小白一直专注于电脑系统安装已经免费为数钱千万用户成功安装上系统操作界面用小白成功安装上,系统后简直不要... 2018-04-04 微信热点 芝加哥艺术学院交互设计硕士成功案例 等你点蓝字关注都等出蜘蛛网了学生档案毕业院校:北京某大学本科专业:网络设计本科平均分:3.45申请学位:硕士申请专业:交互设计TOEFL:95GRE:无案例回放W同学是2015年10月底进入公司服务体系的,想要申请2017年秋季入学的设计类相关专业。通过第一次电话联系,名校规划导师了解到W同学的基本情况是:北京某大学网络设计专业学生,GPA:3.45,TOEFL:77分,没有GRE成绩。再通过头脑风暴课上的深入挖掘,名校规划导师更全面更... 2018-04-26 微信热点 国际用户体验设计论坛邀请函 点击上方蓝字关注我们国际用户体验设计论坛暨中国工业设计协会用户体验产业分会第一届理事会预备会! 开始报名啦 !官方海报如下👇报名方式一👇长按识别下方二维码,通过报名页面报名👇报名方式二点击文章最底部“阅读原文”,通过H5报名页面完成报名了解我们关注我们长按下图二维码关注“UXE优艺智造”这里有最新的行业动向最前沿的学术研究来一探用户体验的商业价值吧联系我们电话15868193198邮箱uxestudy@126.com欢迎投稿 2018-03-30 《用户体验要素》 大多数人都体验过网购,这种经历几乎每一次都是一样的:你到达网站,寻找你想买的东西,然后下单(提供你的住址和电话号码),然后网站将物品快递到你的手中。这个清晰、有条不紊的体验,都是由一系列完整的决策(大大小小的决策)组成的:网站看起来是什么样、它如何运转、它能让你做什么。这些决策彼此依赖,告知并影响用户体验的各个方面。如果我们去掉这些体验的外壳,就可以理解这些决策是如何做出来了。作者给出了一套用户体验设计的科学方法,借用此方法,我们可以对... 微信热点 2018-04-12 微信热点 【招聘】在专注用户体验的公司上班是什么体验? 随着艾体验业务范围的逐渐扩大以及合作伙伴不断增长,我司也开始扩充人力啦!我们是谁?艾体验是一家为需求企业提供更具商业价值和科技未来的产品“大设计”服务公司!(base in天府五街菁蓉国际广场)作为一家“大设计”公司,时常需要对外提供高端产品体验咨询服务,创新前沿人机交互解决方案研发,并且不断沉淀分享产品干货。而成为“我们”的将是这样一群人:这群人,热爱互联网和产品,同时也热衷于观察生活,不放过身边的任何一个小细节;这群人,贯彻着生命不... 2018-02-26