• 今天是“人民日报”的七十岁生日吗?祝贺她生日快乐!虽然我们的祝福有点微不足道,还是祝福我们的人民日报越办越好! 2019-11-23
  • 中巴经济走廊提供了安全和稳定 2019-11-23
  • 北京市北京睿通伟业综合店【在线咨询】 2019-11-20
  • 统一标尺严把关口 防止留置权滥用 2019-11-07
  • 走近上合志愿者 “小浪花”为峰会增添一抹靓色 2019-11-07
  • 河北衡水:北方强对流扎堆  南方降雨频繁——遭遇冰雹  车窗被砸农作物受损 2019-11-05
  • 政府拆迁和商业拆迁有什么不同?当时错信了奸商,懊悔知道晚了! 2019-10-28
  • 实干树形象 实绩惠民生——“两学一做”特别关注 2019-10-28
  • 足球只不过是个娱乐项目,吃饭赚钱才是安身立命必须要做的,不要跟着那些戏子瞎起哄。 2019-10-20
  • 揭秘人民币制作过程 从“白纸”到钞票耗时1个月 2019-10-20
  • 女教师课上画高树讲高数 学生原来高数真是树! 2019-10-19
  • 揭秘人民币制作过程 从“白纸”到钞票耗时1个月 2019-10-19
  • 【理上网来·辉煌十九大】澳大利亚专家:一个强大自信的中国会给世界带来更多机遇 2019-09-03
  • 流行风向标 助你石博会上淘宝 春城壹网 七彩云南 一网天下 2019-09-03
  • 你千万别欺骗,你能欺骗的,都是相信你的人。 2019-08-23
  • 小纽扣

    重庆时时彩改欢乐生肖:怎么用“进度”来设计

    小纽扣 APP设计 2776浏览

    欢乐生肖彩票走势图 www.fmv2.com.cn 进度的设计方式多种多样,根据具体场景来规划具体的进度方式,并利用好每个方式的优势去设计最好的体验方式。最近在设计一些”签到“、”完成任务“等相关的设计,发现他们都有一些相似的地方,例如本次研究的重点”进度“。

    关于进度的概念有很多种,最主要的是流程是:找到任务-开始任务-任务进行中-任务结束-反馈

    这套流程是广义上的”进度“,集中一些则是”开始-进行-结束“部分

    那任务的使用场景不同,展现方式也都有所不同,先来看看不同场景下的展现形式有哪些吧

     

    “进度”的使用场景

    签到/完成任务

    最常见的进度类型

    设计重点:每个任务节点上的奖励或成就的展示

    设计难点:用户的坚持度

    主要状态:未完成-正在完成-已完成

    一般在任务流程中,用户都很难坚持一直签到或是不断完成任务,因为很难得到即时反馈,所以上瘾的程度也较小,所以需要设计足够多的”奖励“来刺激用户坚持完成任务的行为。

    例如京东白条中的任务宝箱(奖励诱惑),KEEP中的xx人达成xx公里(从众和虚荣心)等等。

     

    操作流程

    常见的信息采集流程

    设计重点:清晰的步骤展示

    设计难点:用户的耐心

    主要状态:开始填写-填写中-完成填写-提交

    这类进度多是为了让用户了解自己所处的位置,让用户有掌控感和心理预期,多是用于填写资料这种大量的信息收集。

    需要注意的是,web端场景下用户耐心一般比较平和,手机端就算有步骤展示,太多信息也会让用户失去耐心,从而增加流失率,应该尽量避免在手机端进行大量的信息采集,必要时可以采用一些简短的选择器来代替。

     

    订单/排队 进程跟踪

    多用于非即时反馈的内容,缓解长时间等待的焦虑心情

    设计重点:现在等待进度的状态

    设计难点:用户对当前状态的了解程度

    主要状态:未开始-等待中-进行中-等待结束

    物流和排队都是让人等待的过程,都是非即时反馈的形式,稍有差错或是进度跟不上就会造成用户的心态爆炸,从而会有投诉等负面情绪的爆发,所以除了清晰的展示用户的等待状态外,技术上的信息实时更新也是很重要的一环,能有预计到达时间是最好的,能给足用户预期,类似菜鸟裹裹的猜包裹到达日期的活动等。

     

    抢购/库存/剩余 进度

    多用于了解储存情况的信息,有可控的整体范围

    设计重点:已有内容在整体范围的占比,或剩余内容的占比

    设计难点:区分清楚重点是已有内容还是剩余内容

    主要状态:已有内容、剩余内容、整体内容

    该类进度多是有整体范围的,也就是最大值是有限制的。在抢购、完成任务数量等类似的设计上用的较多,区分好”已有“”未有“的区别,就能满足大多数情况。

    有时候会遇到需要提高用户警惕性或焦虑感的设计,例如储存空间已满需要清理、抢购库存仅剩几件等等,用警惕色系的设计,可以帮助提升产品目的,或是帮助用户解决优先级较高的内容。

     

    下载/安装/loading 进度

    多用于了解当前进行的任务进度

    设计重点:可缓解”等待中焦虑情绪“的进度条设计

    设计难点:缓解等待焦虑的方式,不能让用户有进度条不再前进的感觉

    主要状态:未开始、进行中、进行完毕

    loading的进度条很容易找到参考,设计方式也是所有进度中最能体现创意的一种,常规方式的进度条多是”静止“状态的,有些进度条会设计很多其他的动态效果来转移用户的注意力,在不知不觉中将任务进行完毕。

     

    播放/收看 进度

    多用于播放器的播放进度展示

    设计重点:播放进度的拖拽交互

    设计难点:符合手指的点击区域,拖动时的交互反馈

    主要状态:播放中,暂停中,拖拽调整

    播放机进度条主要设计点是在拖拽过程给人的体验,很多音乐播放器做了创新式时间与拖拽点结合的设计,不仅增大了点击区域,也使信息更加集中,减少了占用空间。但会有当前锚点位置所在具体时间的疑惑,但结论上是个进步的交互方式。

     

    “进度”的表现方式

    数字

    优势:不需要控制进度的总长度

    劣势:数字越大,用户的预估时间越不稳定,越容易引起焦虑情绪

    数字用的情况比较少,我实例了两种情况,一个是重点在”所处进度后面“的任务完成情况,一个是重点在“所处进度前面”的排队列表。前者也可以用进度条的方式来表现(但数字需要同时存在,否则无法预估整体),但后者因为无法预估完整长度,只能选择数字的方式展现

     

    进度条 ??? ??

    优势:进度展现清晰,用户把控情况稳定,创意方式最多

    劣势:不适用于未知长度的情况

    市场上最常见的进度方式,既能提升用户对当前情况的了解使之做出对应的行为,又能在部分情况下促使用户做出更多的消费行为(例如进度条在尾部,展示“还消费xx元可再升一级”等等)。在花瓣上搜索进度条,有大批量各种创意的设计,也是最保底的一种展现方式。

     

    步骤显示器

    优势:进度展现清晰,分布操作减少用户输入信息的疲惫感,快速保存用户已输入的信息

    劣势:步骤过多的情况下会造成用户流失

    市场上最常见的采集信息的方式。一般的步骤多为3步,大于3步的时候,在用户进入页面时就能预估到要花费的时间,虽有把控性,但也会造成用户嫌麻烦然后流失的情况。虽有在设计步骤器时,不要展示过多的步骤,也最好把每个步骤的关键行为写出来,提升用户的把控感,降低用户的“嫌麻烦”情绪。

     

    泳道图

    优势:用于团队协作时,任务进行清晰明了

    劣势:不适用于轻量进度的展示

    泳道图是一种比较重的进度展示方式,多针对大型任务的进程情况,辅助团队进行任务核对等。在轻量的进度上,在多数操作上“小题大做”。

     

    地图跟踪

    优势:用户对自己的物流所在位置有把控感,可以做出对应的行为调整

    劣势:只适用于物流和需要地图的情况

    地图也是一种比较特殊的进度方式,多适用于物流的场景。用户可以对地图上的位置来决定自己要干的事情,减少失控的焦虑情绪。该情况也可以适用于虚拟地图在游戏中的应用。

     

    游戏

    优势:游戏任务和地图中不可缺少的一部分,让玩家能把控自己的进度情况

    劣势:设计方式复杂,与其他功能的连接性太强

    游戏的任务进度方式多样化,大多数功能都能被用户熟知。游戏中的进度多与其他功能有连接,例如跑酷游戏中的生命进度条,直接决定当前游戏的结束时间等。除了在游戏中,也可以在正常的App中提升产品的趣味度,提升用户的参与度,增加产品的转化率。

     

    总结

    进度的设计方式多种多样,根据具体场景来规划具体的进度方式,并利用好每个方式的优势去设计最好的体验方式,相信是可以通过这些细节来提升产品的转化率,增加产品的趣味度的。

     

    原文地址:站酷

    作者:潘帅_

     

    转载请注明:欢乐生肖彩票走势图 » 怎么用“进度”来设计

    登录收藏
     
    你可能喜欢的:
    设计沉思录|设计师应该了解的响应式知识设计沉思录|设计师应该了解的响应式知识
    【宝典在手,设计不愁】2019最全App设计备忘录,助你轻松查漏【宝典在手,设计不愁】2019最全App设计备忘录,助你轻松查漏
    不会用APP,会被骂智商有问题?不会用APP,会被骂智商有问题?
    如何做出好的“卡片”设计?8种方法大分享如何做出好的“卡片”设计?8种方法大分享
    如何悄无声息的如何悄无声息的”杀死”交互等待
    UI备忘单:文本字段UI备忘单:文本字段
    B端筛选器的小秘密,你们发现了吗?B端筛选器的小秘密,你们发现了吗?
    说这款银行APP不但省钱还体验很好,于是我们评测了一下说这款银行APP不但省钱还体验很好,于是我们评测了一下
    QQ亲密关系 | 从工具到情感再到认同QQ亲密关系 | 从工具到情感再到认同
    产品思考:体系化设计流程与思路产品思考:体系化设计流程与思路
    ?
  • 今天是“人民日报”的七十岁生日吗?祝贺她生日快乐!虽然我们的祝福有点微不足道,还是祝福我们的人民日报越办越好! 2019-11-23
  • 中巴经济走廊提供了安全和稳定 2019-11-23
  • 北京市北京睿通伟业综合店【在线咨询】 2019-11-20
  • 统一标尺严把关口 防止留置权滥用 2019-11-07
  • 走近上合志愿者 “小浪花”为峰会增添一抹靓色 2019-11-07
  • 河北衡水:北方强对流扎堆  南方降雨频繁——遭遇冰雹  车窗被砸农作物受损 2019-11-05
  • 政府拆迁和商业拆迁有什么不同?当时错信了奸商,懊悔知道晚了! 2019-10-28
  • 实干树形象 实绩惠民生——“两学一做”特别关注 2019-10-28
  • 足球只不过是个娱乐项目,吃饭赚钱才是安身立命必须要做的,不要跟着那些戏子瞎起哄。 2019-10-20
  • 揭秘人民币制作过程 从“白纸”到钞票耗时1个月 2019-10-20
  • 女教师课上画高树讲高数 学生原来高数真是树! 2019-10-19
  • 揭秘人民币制作过程 从“白纸”到钞票耗时1个月 2019-10-19
  • 【理上网来·辉煌十九大】澳大利亚专家:一个强大自信的中国会给世界带来更多机遇 2019-09-03
  • 流行风向标 助你石博会上淘宝 春城壹网 七彩云南 一网天下 2019-09-03
  • 你千万别欺骗,你能欺骗的,都是相信你的人。 2019-08-23
  • 福州麻将下载安卓 线上娱乐平台排行 福建快3走势图开豹子 南粤风彩26选5中奖规则 官方腾讯分分彩计划 2012中甲足球比分 快速赛车游戏 三d开奖号码 江西时时彩今天开奖号码 捷豹彩票安卓 澳门极速快乐十分开奖结果查询今天 北京赛车pk十富贵网 福彩3d字谜 让分胜负 江苏快3遗漏号码查询 棋牌游戏开发