美文网首页产品经理UI设计
cure 产品原型展示(个人目标管理 app)

cure 产品原型展示(个人目标管理 app)

作者: miiiiilk | 来源:发表于2019-02-25 16:14 被阅读0次

    视频展示链接:https://www.bilibili.com/video/av39074772
    简单交互链接:https://xd.adobe.com/view/17e6cc8c-9599-4d3a-7980-113607c4a348-61d7/screen/bd7c0d49-2a38-4e04-bfcc-15419ee1e514/-

    一直以来,被面试时有时就会被问到这个问题:如果有足够的资源,你会想做一个什么产品呢?关于这个问题的想法一直在脑海里慢慢发酵,我是喜欢工具类不喜欢社交类产品的人,日常也会用比较多工具类的产品,于是后来就有了关于这个产品的想法,最初的时候自己起名字叫“小目标”,后来发现 AppStore 和支付宝小程序都有叫这个名字的了,也不知道叫什么好,暂时叫做 cure,因为潜意识里是希望可以治愈一点点拖延症吧。

    这个产品的初衷其实就是希望可以帮助拖延症懒癌群体达成一个“小目标”,比如减肥、写毕业论文、攒钱。自认比较与众不同的地方就是每天完成一点点的话都会根据设定的目标计算完成目标的百分比。

    针对群体

    18~28 岁年轻群体,对自己有一定的要求和期待,但是却难以做到真正的自律。

    设想场景

    A. 晓薇计划减肥 10 斤,但是运动几天就坚持不住了,或是节食几天又开始大开吃戒,感觉做不到,没什么效果也就放弃了,使用了这个 app 后为自己设定了一些坚持的事件,每天打卡后看到距离自己设定的目标越来越近,就督促自己再坚持一下,相信也许会看到效果的。

    B. 梦楠拖延症晚期了,每次赶论文都要距离 deadline 两天才熬半夜开始写,虽然也能赶得及,但是让自己实在有些苦不堪言,后来使用这个 app 让自己早早开始每天写 500 字,轻轻松松就写完了,还有时间修改。

    C. 寒宇从小就喜欢拍照,虽然不是发烧友,但是拿着手机也是经常会找一些好的角度和时机拍拍风景,一直都想买单反,但是读书的时候家里没钱,工作了也是总觉得攒的钱要用来还花呗交房租,一口气拿出那么多钱还是觉得有压力,后来在这个 app 上设定了为单反攒钱的目标,就会有意识的做一些事每天单独为买单反攒下一点钱,也不会觉得占用了其他资金,现在已经快攒够了。

    产品主旨简介

    用户创建目标,目标分为两类:可计数的目标(countable goal)和复杂目标(complex goal),可计数目标顾名思义是目标可以完全用数字来衡量,如一万小时投入学习某语言,写一篇两万字的论文等,此类目标创建时设定完成目标的时间和目标值,以及重复的天数 -- 都有哪些天要做这件事,然后系统会计算出每个“工作日”需要完成多少数值,在对应日期需要打卡来计数;复杂目标则是关联具体事件的目标,比如练出马甲线,可能会关联一些事件:跑步,卷腹,倒蹬车等等,同样输入希望完成的时间、重复事件的频率等,此时会根据在指定日期完成事件的情况来计算目标完成的百分比。
    产品最主要的是希望可以以即时性的可视化的反馈来督促完成一个小目标,每天、每次的打卡都能看到距离完成自己的目标更近了一步。

    主要功能/流程介绍

    空目标页面

    空页面 - 引导创建.png

    打开 app 的空页面,引导创建目标,展示当年进度,给人一点紧迫性。

    创建目标页面

    两类目标.png

    对两类目标简单介绍。

    复杂事件创建页面.png

    创建复杂页面,添加事件,可添加闹钟等。


    重复频率设定.png

    对于事件的重复频率提供多维度的设定方式。


    可以量化的目标类型创建页面.png
    创建可量化目标页面,输入目标值和单位用来计算。

    创建好目标的首页

    创建了目标的主页.png

    首页展示目标列表,展示创建时间、距离完成时间和进度条(百分比)

    查看已创建好的目标

    复杂目标详情

    展示复杂目标的进度、事件完成情况,根据进度计算给出不同提示语。


    查看可计数目标.png

    可计数目标的查看较为简单。

    侧边栏菜单

    侧边栏 - 可扩展一些成就标签.png

    侧边栏菜单,菜单共有日历页面、日记、目标、数据、购买会员、设定、获得卡片和 days with us 等八个页面。侧边栏展示用户头像和获得成就等信息。

    日历页面查看当日任务

    按日期查看当日目标关联事件.png

    按日期查看当天是否有事件/任务需要打卡,点击事件右侧按钮可以编辑或查看事件的数据统计。


    追踪单一事件的完成情况.png

    查看单一事件的完成情况/数据统计。


    用滑动的方式来记录事件完成的情况.png
    事件通过滑动的方式来“输入”完成的情况,因为有时当日的事件并没有很好的完成,只做了一部分,会影响到整体目标的达成,因此给出可以自由输入完成情况的选择。
    而可计数任务也是通过滑动或输入来计数。
    记录当日日记 - 支持添加图片.png

    对当日任务完成情况支持添加日记来记录,回看自己一路走过来达成目标的心路历程。


    查看日记/过往日历.png 下拉可以查看过往有打卡记录的日期并切换到对应日期。
    达到指定目标百分比时的提示.png
    达到目标的指定百分比如 30%,50% 等给出一些特别的提示来鼓励用户。
    当日 100% 完成打卡事件时的提示.png 当日 100% 完成任务时给出可用于分享的内容卡片。
    完成一个目标的提示.png 完成一个目标时给出可用于分享的内容卡片。
    到达指定时间未完成目标的提示.png
    选择如何处理未完成任务.png 到达目标指定完成日期时,给出提示和提问:根据自己的评估,到底有没有完成任务呢?如果完成了的话则目标设定为已完成,如果未完成则引导重启任务。

    日记页面

    按时间查看日记.png

    有单独的页面来查看全部日记。

    数据统计页面

    个人数据展示

    此页面通过事件、目标和时间等维度来展示用户执行的情况。

    设置页面

    设置页面.png

    系统支持对语言、字体等进行设置,包括设定哪个页面为首页。购买会员可以设定和管理更多内容。

    卡片页面

    卡片.png

    所有的打卡成就给出的内容卡片都可以在这里查看和分享。

    迭代功能

    只设想了一些小的功能。

    1. 为日记部分加上录制语音功能,或甚至录制、上传视频功能,日记功能是为了加强用户与平台的感情联系,有了自己的生活内容沉淀,会使得工具型产品不那么冷冰冰,建立起感情联系,更易留存用户。

    2. 从游戏化 app 的角度考虑,除了任务达到里程碑时的卡片,可以加入一些其他的“荣誉称号”等,前提是触发了设定的一些条件,比如连续打卡多少天,完成了几个小目标等。这个想法是看了一篇 gamifaction 的文章后得来的。

    3. 增加一个 UI 风格,比如手绘风格。

    相关文章

      网友评论

        本文标题:cure 产品原型展示(个人目标管理 app)

        本文链接:https://www.haomeiwen.com/subject/ussgyqtx.html