童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

没有排行榜的徽章系统,是你会怎样设计?

1月9日 火凤派投稿
  最近接手一个活,是设计徽章系统的。PM还没有整理完需求,于是自己先搭了一个最基础的框架,然后顺着市场上现有产品的思路一步步思考下去。
  徽章系统是游戏化设计的一个环节,一般与积分和排行榜相连进行设计。可如果限于开发成本的原因,某个版本暂时不考虑积分和排行榜的设计(有徽章会涉及到积分和排行榜,这个另外在一篇文章进行说明)。也就是说徽章系统只能有list(列表页)、单个放大的页面,类似于iOS系统中iWatch的“健身记录”APP,如下图。应该如何处理这个问题呢?
  咱们从源头来想想徽章系统设计的目的,它是游戏化设计中的一个环节。游戏化设计咱们从这篇文章开始慢慢进行讲解。
  游戏化是指运用游戏思维和游戏机制来解决问题和锁定用户的过程。盖布兹彻曼(GabeZichermann)
  使用游戏和游戏元素背后的驱动力是相同的,都是要通过趣味性来激发和吸引用户,增加用户活跃性。
  所以,咱们的目的是一种用趣味化的方式让用户持续性用APP,以及在APP内与好友产生良性互动,进行一些社交。也就是说,咱们现在就是针对这两个页面去想方设法,勾起用户的挑战欲,以及增强用户之间的互动。
  解决办法有以下几点:
  1。同样是所有徽章的list排列出来,不同的是突出最近获得的那一个,给予用户视觉上的重点以及一些熟悉感。最近获得的也是用户在看列表时,印象最深的。
  思考的突破点是觉得iWatch的徽章列表只做展示没有比较强烈的情感注入在里面。当然iWatch的优点在于徽章的个性化设计,在徽章上面刻上了用户的名字和激活的时间,这个点可以拿来参考,但要做到3D的渲染效果图在第一阶段可以暂时不考虑(太费资源,囧)。
  2。针对每个达到的徽章,添加时间与徽章名、徽章代表的主要活动信息,并且将这些信息放在最外层,一目了然,用户在迅速浏览的时候,不用再点到单个徽章详情页面再去看信息。如下图。
  3。单个徽章的展示页面,分为激活和不激活两个状态进行描述,激活状态的,加上发生时间、徽章名称、代表内容详情、分享按钮。分享出去的H5页面,带有对方头像、事件发生时间、徽章的名称以及徽章的具体代表意义等因素,叙述的是一个完整的事件,与list页面的信息相呼应,也与APP内的页面内容保持一致。
  同时在相应的页面也给予actionbutton的提示,让用户在激活的状态下去分享,未激活的状态下去行动注意那个相机按钮,下文会用到)。如下图
  4。个性化设置,比方说分享的时候,徽章背景可以自行上传,用户可以从相册中选择一张,或者现场拍一张进行上传,将图片进行裁切成固定比例。如果用户不上传就自动将徽章设置为背景,上传新的照片后,徽章作为水印的作用烙在图片上。
  综合起来看,阁主的思路就是先根据一定场景,推断出用户的比较常见的行为,将行为表现在页面上。然后,再将整个行为过程中的页面进行分拆开,针对每个页面进行信息侧重点的区分,可以创新的地方先创新。最后再将所有页面的行为再连贯起来进行思考,让行为有所联系。
  当然,所有以上的解决方案都是基于各种限制条件下去进行调节的。如果想拥有更广阔的思路,就从整个APP的结构出发重新思考,会有不一样的大局观,从而产生不一样的思路。比方说,游戏化设计有三大要素:自主性(动机)、能力(挑战度稍比自己强)、关联性(与其他玩家的互动),这三大要素又会引导出游戏化设计的组成因素:game、得分、奖章或贴纸、排行榜、进度、限制因素。
  且听下回分解
  Sophia的tips:不管处于什么样的情况下都是会有解决办法的,只要肯花时间!
  相关阅读
投诉 评论 转载

从游戏中学习产品设计04:成就篇笔者已经完成游戏充值篇、消费篇和活跃篇的套路设计总结(点击查看),本文是成就篇,作者尝试从用户心理角度分析游戏和非游戏类产品的“玩法”设计,将好的设计和不好的设计做对比分析。……贯通与非贯通?详解AppUI中的分割线APP中分隔线的贯通和不贯通是产品和UID对产品信息架构功能点梳理、分类之后形成的视觉排版产物,它造就了视觉上对于一款app页面信息的整体和独立感。AppUI设计中,分割……案例分析:如何设计金融类产品中的“自选”功能?文章分享了作者对于如何设计金融产品中“自选”功能的一些看法案例分析,希望对各位PM带来些启示。在金融产品的APP当中,尤其是股票类的软件中,有一个功能叫做:自选。作为股民……那些年,电商购物车踩过的坑电商购物最重要的流程是:商品购物车结算订单。产品设计中通过引入概念模型来使用户预测自己行为的结果,购物车就是电商产品中高度简化的模型说明。借用真实场景中……微博和今日头条的短视频功能浅析现如今用户花在网络上的时间越来越多,也越来越碎片化,适合碎片化消费场景的短视频越来越受追捧,而各个平台的“短视频”竞争也就越来越激烈。张一鸣曾表示“今日头条已经成为国内最……3个技巧,根据发展阶段设计产品方案产品的交互设计方案,是产品经理和用户的交流渠道,是阶段性战略和策略实施的表现渠道。互联网产品交互设计的更迭,要关注的,除了本身的用户群体,还有阶段性的产品定位业务目标和当……“第三方登录”中的“花式捆绑”三种不同的第三方登录方式,根据实际需求来决定是否适用第三方登录才是比较重要的。讲第三方登录的文章数不胜数,在各大搜索引擎上用合适的姿势去搜索合适的关键词,会发现类似的文章……浅析7类数据表格的筛选设计最近一直在做ToB的产品,对于ToB类的产品,最多出现的就是表格,表格通常都会含有很多的数据项,不方便查看,这就需要增加一些筛选条件,方便用户查找,下面就讨论一下这个筛选条件的……没有排行榜的徽章系统,是你会怎样设计?最近接手一个活,是设计徽章系统的。PM还没有整理完需求,于是自己先搭了一个最基础的框架,然后顺着市场上现有产品的思路一步步思考下去。徽章系统是游戏化设计的一个环节,一般与……漫谈CRM体系化建设5:CRM体系化解决方案《漫谈CRM体系化建设》系列共分五篇,前四篇讨论了企业客户管理的基本业务问题,客户开发,留存,服务问题。本文是最后一篇,讨论CRM的应用架构设计,建设阶段与侧重点,以及部门合作……APP设计:还原两个产品的登录注册流程注册登录,用着感觉很简单,但是细细分析起来,都是坑。试着还原两个产品的登录注册流程,满满的都是套路。首先推荐两篇文章:最完整注册登录详解:流程设计、业务及产品思考(……借贷类APP的功能设计及实现现金借贷目前的火热程度有目共睹,人们的消费水平越来越高,偶尔遇到入不敷出的情况也是屡见不鲜了。这些APP对于急用钱、手头紧的用户相对来说较实用,还款周期也比较短,适合工资到账就……
iPhoneX:全新的交互革新如何输出一份会表达的交互文档APP界面:如何打造情感化设计?以ofo小黄车为例对齐在APP中不易被察觉的3点做节日闪屏,你需要知道这些自嗨设计中存在的危险iOS解锁功能的交互设计Forever21首页分析:从交互和体验上来聊一聊一种功能模块设计方法榜单页面从“免费试用”模块设计,反思UI的设计思路时下流行的鲜艳配色方案,缺点和优点一样明显她说,最难的是设计的分寸

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界