App每日体验 Day1 | Todolist

写在前面

最近这段时间公司在做一个App的项目,这也是我们第一次从0到1去构想并实现一个App。项目临近上线,但在最近的一次开会时我们却发现虽然App实现了初期规划时的绝大部分功能,但在用户体验上却非常不尽如人意。

很多较为复杂的功能缺乏基本的提示,用户第一次使用可能会有些不知所措;同时一些我们希望用户去使用的功能也缺少我们的主观引导;另外App也缺乏情感化设计,最明显的就是许多地方文字都十分生硬。

因为项目还没上线,所以具体缺陷在这里也就不展开分析啦。我们产品团队在会议室了闷了几乎一天,然后整理出了两页word的修改意见。UI小哥在一天内就把App中一个重要模块的UI进行了优化。

UI小哥优化

亡羊补牢过后,老板说初期设计的时候没考虑到那这锅你们谁背?大家纷纷踊跃接锅。

不过我也在思考,作为一个初期的产品经理,在参加工作以来的这段时间,确实看别人的产品并且学习别人的产品这样的事情做得不够多。

做得不够多那就开始弥补呗。我在想那就一天体验一个App吧!我希望能至少用心地体验一些App。那主要去看它们的什么方面呢?我想主要是下面这些:

  • App设计中经常会遇到的部分,比如登录注册,比如列表,比如个人中心。经常遇到的版块更容易对比和学习;
  • 每个App里用户体验好的部分。这就很模糊了,能吸引到人就算好的。

但其实保证每天都要做一件事情真的很困难并且有时候会有些煎熬,所以我希望目标定小一点,自己能持续做这样的事情就好了。

好了,铺垫得也够多了,那么进入正题吧。我挑的第一个App是Todolist。

Todolist

顾名思义,Todolist就是一款待办事项列表软件。目前这样的产品很多,比如还有奇妙清单等,我们看看这款App有什么不一样。

因为我的目的不是介绍App,所以下面就只讲我觉得值得借鉴的地方。

登录注册

登录注册流程

现在的App基本都会有引导页,而Todolist则是将引导页注册登录页结合到了一起。注册方式则是提供了Google、Facebook以及电子邮箱三种方式。对应到国内的App就是大概就是提供微信登录、QQ登录以及手机号注册这样三种方式吧。

在这里我选择了使用电子邮件继续,然后它会让我先填电子邮箱,点击按钮之后再进入下个页面完善用户名称以及密码。许多国内的App的注册流程也是在第一个页面先验证用户手机号,在第二个页面再让用户完善密码以及昵称等信息。

做法是一样的,但其实我个人不是很理解这样做的好处,换种角度看,其实明明一个页面就都能收集好这些信息。也希望有前辈能帮忙解个惑。

空白页提示

空白页提示

有些时候某些页面会出现没有数据的情况,在这种时候肯定不能什么都不显示。拿上面这个页面来讲,至少你要告诉用户“当前尚无通知”。如果是我做,我可能就只会写“当前尚无通知”。但是更好的做法就是上面这样,你再告诉用户什么时候这边会有数据,“就是在您的共享任务被修改时,您将会在第一时间收到通知”。然后文字下方还有一个按钮,引导用户去观看一段介绍视频。

其实在空白页,我们应该做的不仅仅是提示,还有引导。

输入提示

输入提示

这个页面是新建一条代办事项。我觉得比较出彩的地方是输入框的提示文字。还是拿我自己对比,我的做法可能会是,“输入你的待办事项”。但这里是“例如,每天晚上8点读一个章节的书”。用这简单的几个字就做好了用户引导。告诉了用户作为软件设计者我们希望他们在这里输入怎样的内容。

我自己作为一个只是想要试玩这个App的人,如果没有这段提示文字我可能就会简单地随便输入一些内容。但是实际情况是我就按照提示文字上的内容输入了“每天晚上8点读一个章节的书”。然后我就发现了它会自动识别到我输入的“每天晚上8点”这个关于时间的关键字,然后就把我这个任务设置成了每天晚上的一个循环任务。一个在提示文字上做的小心思,就让我知道了这个App智能化的地方。

输入框

输入框

我自己一般设计输入框时的思路是在输入框右边会有一个右箭头,点击进另外一个页面对这个输入框的内容进行修改。

但Todolist的做法是,点击这个输入框,就能直接在这个页面进行内容的修改。然后顶部栏的左边和右边变成了取消和完成,更为细节的是,如果没有修改内容,则这个完成按钮是灰色的。对于简单的内容修改来说,这样显然更加直观和简单。

弹窗

弹窗

这个弹窗我就是觉得样子还蛮好看的。然后按钮是上下分布的我也觉得挺好,虽然这种按钮上下分布的弹窗很多见,但我自己并没有太注意以致于我自己现在在设计弹窗时总是习惯性把按钮设计成左右分布,然后按钮总是一样大,样式也是一样,非常普通。其实最简单的做法,按钮的颜色也应该有所不同,我们希望用户去点击的那个按钮颜色至少应该更醒目。另外,通过这个弹窗做到了往App收费方面引导,也是一个值得借鉴的点。

引导性提示

引导性提示

这里又做了一个往收费的引导,我在下载App后的第二天再进入这个App在App的下方又引导我可以去体验30天的会员。也让我联想到了最近一直在使用的Hellobike,一直在宣传它的45天免费骑行卡,每次进入App总能看到。这也是一个好的引导。

Hellobike45天骑行卡

用户体验

用户体验

在这里我点击完成了一个购买礼物的任务,然后我发现它就从这个页面中消失了,我想我大概要去别的页面找这条待办事项了。但这个时候在页面的最下方就出现了一条点击撤销的提示。我的感觉就是,诶,懂我。然后我就点击撤销,这条待办事项就回到了我的列表中。

这种操作会让用户很舒服。就是你能预判到用户会想要做什么,然后给他一个便捷的操作入口

相似的做法还有,支付宝最近被广为称赞的,在和好友聊天窗口输入纯数字时会提示向该好友转账。微信在环境暗的时候扫码会提示用户点击可以打开手电筒。ios11在用户截屏后,截屏的内容会出现在屏幕左下方,可以直接点击编辑。都是属于这一类行为。

当然这类设计一般需要大量分析用户的行为之后才能总结出来。

登出

登出

只是想看看这个App的登出是什么样子,我印象里比较深刻的都是会出一个弹窗提示,但这里Todolist用了苹果原生的一个向上弹出的按钮,我觉得也还不错。多一种思路吧。

总结

总的来说,这是一个很精致的App,从UI到功能到用户体验上都是这样。我也只是粗略地体验了一下,相信如果是一个长期的优质用户,肯定会有更多更好的发现。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容