BookSwap - UI / UX案例研究
BookSwap为喜欢阅读的人群设计的移动应用程序。
《BookSwap - UI / UX案例研究》
作者:tato beqtashashvili
翻译:
东一
排版:丝鹿

图片来源https://dribbble.com/batonitato
为喜欢阅读的人群设计的移动应用程序。
交换、购买或者出售图书。
几周前,我发现在格鲁吉亚(国家)没有为喜欢看书的人提供移动网络的平台。
想象一下有一个应用程序,可以发现新书和一些有趣的人。
不!这个想法有些陈词滥调,对吧?
我想你是对的,但你可以想象一下你可以与其他人交换旧书的应用程序。 您已经阅读过的书籍,甚至可能是多次读过,或者只是想将它卖给某人。 更新您的书架这个想法应该是一个好研究方向。
接下来呢, 这是一个小小的研究......
调查
在格鲁吉亚 ,Facebook上有两个团体。人们加入团队售卖或者交换他们的旧物。其中一个团队的数量超过55000人,另一队人数超过2200人。所以,我认为这些人迫切需要一个平台去简单的交换,估价,购买或者售卖书籍。
项目概述
现在,让我们开始做一些认真的工作。
我的挑战是为上文提到的这些人去创造一款既好看又拥有很棒用户体验策略的移动应用程序。对我来说,作为读书爱好者我会非常乐意去用这个应用程序。

图片来源https://dribbble.com/batonitato
这是应用程序的主要功能列表
1、书籍订阅源
2、添加一本待售卖或交换的书
3、购买一本书
4、关于书的讨论和评价
5、测试知识的小测验
用户
我和我的朋友进行了3次个人访谈,我还用5个问题进行了谷歌调查。 根据结果,我为潜在的移动应用程序用户创建了三个用户角色,每个用户都有特定的需求。 所以,女士们,先生们,欢迎您:Nika,Luka和Mariam。

图片来源https://dribbble.com/batonitato
采访一
Nika是一名21岁的IT学生。 他最喜欢的书是雷·布拉德伯里的“火星编年史”。 对他来说,使用该产品的主要动机是交换旧的和重复的书籍。 他还就我的应用程序的新功能给了我很好的建议。
有时,他很难在书店找到他需要的书。 这就是为什么在“愿望清单”中添加书名会很棒,如果有人添加这本特定书籍,他会收到通知。
目标: 交换他的旧书 购买保存完好的书籍
采访二
Luka在佐治亚州圣地亚哥州立大学学习化学和生物化学。他喜欢挑战自己。所以我想出了应用程序的一个功能,Quizzes!我们将有每周评级表,人们将相互竞争。
目的:让更多的人尽可能多地进行测验
采访三
玛丽亚喜欢看书。尤其是村上春树的挪威伍德。她是未来的社会工作者。因此,除了小说,她经常阅读有关心理学的书籍,而且她经常在找自己需要的书籍的同时遇到问题。在读这本书之前,她的重要部分是朋友对这本书,作家以及书的尺寸大小的看法。
需求:阅读评分最高的书籍 购买专业发展书籍

图片来源https://dribbble.com/batonitato
地图 - 用户流程
在创建线框之前,我决定构建一个简单的用户流程。这种直观的构建至始至终有助于了解用户如何浏览应用程序并怎样与之进行交互。

图片来源https://dribbble.com/batonitato
线框
线框是我设计过程的开始。以我的用户流程为指导,我开始在Sketch中设计我的线框。


图片来源https://dribbble.com/batonitato
配色
线框是我设计过程的开始。以我的用户流程为指导,我开始在Sketch中设计我的线框。
选择颜色是我在设计过程中最喜欢的部分之一。我问自己哪里读书最好?几秒钟后,我心中就有几个地方。在壁炉前,海滩,舒适酒吧(是的,酒吧!)
有很多华丽的地方可以读书。
这就是为什么我选择温暖和夕阳的颜色。
无论您是乘坐公共汽车,火车还是地铁,公共交通也是一个不错的选择。

图片来源https://dribbble.com/batonitato
高保真设计
1. 用户点击图书后的图书Feed和页面(左上)
2. 用户点击交换按钮后,他/她将上传他/她想要交换的书籍照片 (右上)
3. 测验页面,为成就和积分而玩 (左下)
4. 用户档案和页面了解一些挑战(右下)

图片来源https://dribbble.com/batonitato
最后!
如果你喜欢这篇文章,至少我的GIF,你可以在Dribbble,Instagram或LinkedIn上关注我,以便在我发布新内容时收到通知。
再见。
PS 以下是我在项目中使用的一些资源:
图标:羽毛图标 插图:免费矢量插图颜色:颜色狩猎 海报:替代海报















































































