【逆向工程】小程序旅行小账本

最近笔者在微信小程序里发现了一款功能、设计、体验俱佳的小程序“旅行小账本”。该小程序由腾讯旅游操刀制作,拥有良好的使用体验。那么,这款小程序能够解决什么需求呢?

使用场景再现:

Lisa和朋友一起到云南玩,每天的旅行结束后,Lisa都会打开旅行小账本把每天的日常开销记录下来,包括吃喝玩乐等等各个方面。一趟旅行下来,整体花销,单项花销变得一目了然。

也就是说,旅行小账本解决了用户记录开销的需求,让你在旅途之余,对生活中的花销细节全盘掌握,不会出现旅行结束后,完全不知道钱花在哪里的尴尬场面。笔者经过使用体验这款小程序,决定作出这款小程序的逆向工程,进一步深入了解这款小程序的交互细节。

微信小程序搜索:旅行小账本便可使用。

界面


【逆向工程】小程序旅行小账本_第1张图片
【逆向工程】小程序旅行小账本_第2张图片
【逆向工程】小程序旅行小账本_第3张图片
【逆向工程】小程序旅行小账本_第4张图片

了解完旅游小账本后,我绘制出了,该小程序的交互原型。因为时间有限,所以在一些字体规范上没有完全按照Weui的设计规范绘制,这也导致了我本次的交互原型质量并不高。


【逆向工程】小程序旅行小账本_第5张图片

旅游小账本的功能较为简单,所以交互操作也比较简单,所有的功能都在二级页面以内完成,使得用户可以很便捷地完成相应操作。在绘制交互原型的过程中,加深了我对旅游小账本这款产品的结构理解,也使我明白了一些大咖告诉我们一定要做逆向工程的原因。

接下来,我假定自己为腾讯游戏的交互设计师,在绘制完交互原型后,撰写了相应的交互文档。这是我第一次撰写交互文档,内容上一定还有一些细节没有想到,用词也还不是很规范,但我毕竟已经迈出了第一步,要加油哦。


【逆向工程】小程序旅行小账本_第6张图片
【逆向工程】小程序旅行小账本_第7张图片
【逆向工程】小程序旅行小账本_第8张图片
【逆向工程】小程序旅行小账本_第9张图片


【逆向工程】小程序旅行小账本_第10张图片


【逆向工程】小程序旅行小账本_第11张图片


【逆向工程】小程序旅行小账本_第12张图片

撰写完交互文档后,让我对小程序的交互操作有了进一步的了解。由于小账本并没有过于复杂的交互操作,因此交互文档撰写的相对比较简单。

信息架构


【逆向工程】小程序旅行小账本_第13张图片

分析

这款小程序满足了人们管理旅游花销的需求,同时提供了确定消费日期、汇率换算以及定位消费地点的服务,让花销变得更加清晰明了。整体设计简单大方,符合Weui的设计规范,在交互细节上做的也很细致。不足之处在于,笔者尚未发现账本删除的功能,造成新建账本后无法撤退删除,同时账本封面只给出了六个选择,如果可以让用户用旅行途中拍摄的照片作为封面会不会更好呢?

旅行账本类应用使用频率并不高,选择用小程序去实现,也符合了“用完即走”的设计理念,同时也秉承了“轻、快、美”的设计理念,实属良心之作。腾讯旅游的各位大大真心辛苦啦~

你可能感兴趣的:(【逆向工程】小程序旅行小账本)