BookSwap - UI / UX案例研究

用户头像
上海/设计爱好者/6年前/232浏览
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 以下是我在项目中使用的一些资源:

图标:羽毛图标 插图:免费矢量插图颜色:颜色狩猎 海报:替代海报

 


 


0
阅读原文
|
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI 登录界面设计模板包
【新年UI图标】影音icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】积分icon
【新年UI图标】礼物/活动icon
UI界面 组件
手表表盘UI系列
我的钱包-UI界面设计-app
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
新能源APP应用UIKit
【新年UI图标】活动icon
【新年UI图标】体育icon
高级感金属拟物 UI设计组件库
Security Camera UI kit
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册