毕业设计-书袋APP(完整设计)

作者: Midea_Jseper | 来源:发表于2019-01-11 11:18 被阅读669次

    一、课题来源及背景

    1、课题来源

    作为湖南工业大学的一名学生,在我大学四年的时间内,在图书馆借阅过程中,遇到过不少的繁琐与无奈的问题,给我体验让我感到受挫。

    同时为了大学毕业之际,做一次具有意义的事情。决定此次毕设完成一款专门解决湖南工业大学图书馆与在校师生之间的书籍查询交流产品,从而解决借阅学校图书馆书籍时所遇到的借书繁琐与逾期等问题,优化查书的借阅流程,改善借书前中后中所遇到的问题,提升书籍借阅的用户体验,让两者之间的关系更为密切。从而也能带动学生的学习的提升,推动学校的发展。

    (1)图书馆现状分析

    近一个月的观察,同学对图书馆的使用率普遍较高;新馆的馆内展览开始逐步完善的作品展示;电子设备互动展示机,用户很少会参与互动,且资源停留在扫描版以及与超星合作电子书资源。视频资源、公开课的资源稀缺;学校学生活动组织与交流较为普遍广泛(图书交流社团、读书分享会、书籍互换等)。

    (2)书籍借阅问题分析

    同学与同学、同学与老师之间缺少书籍分享的平台,很难进行有效的沟通;借阅书籍时,查询麻烦且查询分类复杂,导致搜索效率低,用户很难根据自己的需求快速的定位到自己所需的书籍;借阅的书籍,容易忘记还书时间,导致书籍预期;传统的书籍查询机,不能随时进行查询,且查询到的信息不能实时查看。

    2、设计的目的和意义

    (1)设计目的

    通过产品能够帮助湖南工业大学的在校师生,解决在借阅书籍的前中后三个阶段过程中所遇到的部分问题,多方位的提升用户寻找自己想要的书籍,提升用户在寻找书籍时体验。调研当前本校的学生对待图书馆借还书过程中的真实需求与感受,挖掘塑造新型移动图书馆的观念与方式的可能性。通过对大学图书馆传统模式流程分析,兼顾图书馆发展与用户需求两个方向。

    (2)设计意义

    帮助用户在借书过程中优化传统借书体验问题,让图书馆与师生的关系更为密切。通过app的使用激励用户借书读书,只有学生素质得到提高,才能促进了学校的发展与产品的延续,实现了三方的共同发展。

    二、同类课题调研及分析

    为了更加了解我们的选题方向(产品)所处领域的目前发展状况和进行程度,我们需要对产品的相关竞品进行一定的深度分析,并根据分析的结果,找出核心竞争力,寻找产品差异化的前期经验基础,对产品提出一定的设计方向和参考建议。

    先确定分析目标,即国内图书馆类应用的两大侧重方向-电子读物类、信息服务类,以及国内市场现状。在这一基础上,广寻对应类别的相关应用(选用现今市面上应用商店-魅族应用市场、百度应用、应用宝,评分领先具有代表性的4款产品),然后通过多维度进行对比分析。

    1、市场现状分析

    (1)移动端app读书产品现状

    现国内市场上,阅读与阅读交流类app日益火爆。相比之下,我国移动图书馆app则处于起步阶段,功能各方面相对落后,尚停留在查询服务阶段。

    (2)当前国内移动图书馆商业形态

    图书馆独立开发移动客户端(如国家图书馆、金陵图书馆);与其他移动电子阅读商合作(如与超星、方正等数字图书馆合作);与当地运营商共同开发;

    (3)学校图书馆app发展趋势

    就大学而言,伴随着“资源共享”、大学师生扩招的现象,大学图书馆的每日流量将会日益增多。同时,传统线下图书馆服务问题也将会逐渐突出;移动图书馆拥有其方便性、快捷性、实时性,能够较大化的帮助学生进行信息服务查询;当前普遍用户对移动端的使用度高于对web端的使用;在线教育与在线学习越来越引起人们的关注,可以更好的利用碎片化的时间;作为大学的圈子,学习与知识的传递成为了学生交流的范围与纽带。

    2、国内设计现状分析

    根据产品理念、主推功能两个方面,我们从两大方向着手,即电子读物类(广东省图书馆、超星移动图书馆)、信息服务类(黄淮学院图书馆、上海图书馆)进行研究分析,优先使用安卓平台进行评测。

    (1)广东省图书馆

    目标人群:上海市市民

    产品定位:服务于上海市民的地域型移动图书馆应用。

    导航与架构:采用标签式交互框架,列表式导航。底部导航分类明确,信息分类合理。由于将设置放置于每个导航页面,过于重复,其用户对此方面并不过多关注。初次使用时引导较少,部分功能过于模糊,难以理解,层级复杂丰富。

    视觉表现:采用扁平化设计,色彩采用蓝色调为主,白色调为辅。模块化色彩运用,相对单调,设计中规中矩。

    优点:产品功能考虑全面,主要信息查询分为:图书查询、电子书查询、讲座与展览,电子资源定位全面;检索功能配有热门搜索,指引目标不明确用户快速定位目标;个人所关注信息对我的收藏、我的预约功能设置合理,有效帮助用户查询个人相关信息。

    缺点:所展示信息中电子资源比重较大,但其资源有限稀缺;网络延迟较高,系统信息不稳定,信息加载出现乱码。

    总结:一款与超星平台合作,图书馆信息查询、信息服务型应用,但自身电子资源有限稀缺。

    (2)超星移动图书馆

    目标人群:全国市民+合作院校

    产品定位:专门为各图书馆制作专业在线阅读应用。

    导航与架构:采用抽屉式交互框架,列表式导航。底部导航分类明确,信息分类合理。九宫格式导航、列表式导航,将主推电子资源服务首页展示,关于个人信息进行二级隐藏

    视觉表现:采用扁平化设计,色彩运用淡蓝色调为主,白色调为辅。当前设计色调平淡,界面枯燥乏味,官方化设计严重,没什么创意。

    优点:系统应用元数据整合技术对馆内外的中外文图书、期刊、报纸等各类文献进行了全面整合,在移动终端上实现资源搜索,资源数量广泛;我的订阅服务功能,有效的为用户提供个性化信息服务;公开课、有声读物等电子媒体功能,方便此类学习需求。

    缺点:馆藏查询、借阅信息网络加载慢;针对平台资源的推送,对学校本身的图书馆服务仅停留在图书查询方面。

    总结:以提供学术电子资源的学习高校合作平台为定位,专门为各图书馆制作的专业移动阅读平台,拥有海量的网上电子资源,方便用户在线学习,但针对各大高校的详细服务信息缺少。

    (3)黄淮学院图书馆

    目标人群:黄淮学院师生

    产品定位:专注于黄淮学院学生的特色图书馆服务型应用

    导航与架构:采用标签式交互框架、列表式导航。明确的将主要的四个功能作为单独的入口设计。入口清晰,层级较为明确,精简简约的层级设计。但在图书查询中搜索栏的设计,将其置于顶部导航右侧,使用icon图标作为入口,不能突出搜索的重要性。

    视觉表现:采用扁平化设计风格,色彩运用白色调为主,蓝色调为辅。整体界面设计干净整洁,视觉搭配舒适,明显扁平化趋势,icon设计可爱有趣。

    优点:可视化的三维图书馆和精细化图书馆地图校园展示;独特的座位预约可以帮助用户预约学习位置。

    缺点:有关借阅查询的信息展示,并没有将学生更为关注的信息(借阅纪录、借阅数量、逾期提醒等)进行设计,反而突出了最不为关心的信息(借阅次数、证件信息、累计借阅)。关于座位预约的设计需根据图书馆每天座位剩余量来评价改设计的有效性;

    总结:一款具有创新特色的图书馆服务app,只专注于服务用户,缺少图书馆的信息展示,最终定位为图书馆服务型应用。

    (4)上海图书馆

    目标人群:上海市市民

    产品定位:服务于上海市民的地域型移动图书馆应用。

    导航与架构:采用标签式交互框架,列表式导航。底部导航分类明确,信息分类合理。由于将设置放置于每个导航页面,过于重复,其用户对此方面并不过多关注。初次使用时引导较少,部分功能过于模糊,难以理解,层级复杂丰富。

    视觉表现:采用轻拟物化设计,色彩运用白灰色调为主,暗黄与蓝色调为辅。由于整体采用木质拟物化设计,界面设计相对略次,层次感不错。

    优点:一款通过线下图书馆带动的线上型图书馆,利用自身馆内展览与讲座资源丰富,分馆区域较多的特征进行设计,有效的将自身的优势发挥出来。将各类有关于上海图书馆的信息进行整合,用户可以快速定位到自己想要的馆内信息介绍,相比国内其它移动图书馆此信息设计,更适合区域性大众群体。

    缺点:因其自身定位市民图书书馆信息服务的原因,对书籍的展示方向弱化。

    总结:一款国内具有代表性地域型移动图书馆,方便上海市民进行图书馆信息查询与服务。

    图1 竞品app图标

    三、设计定位与思路

    1、市场与受众人群定位

    经过市场调研与竞品分析总结后,本次课题主要围绕湖南工业大学在校师生作为目标群体。为了更加细化主要目标用户,依据当前目标群体,借书频率与到馆频率的两大调研维度,将目标群体分为:主要目标用户-借书达人型、次要目标用户-借书困难型、最次要目标用户-借书难坚持型。

    (1)用户经验

    拥有丰富熟练的app经验,能够快速学习使用;掌握基本的传统借书流程,对图书馆借书流程等有一定的认知。

    (2)用户特征

    读书效率低,同本需续借阅读;去图书馆频率不高,容易书籍逾期;选择书籍借阅困难,想要借阅优秀书籍;容易接受新事物,喜欢简单方便的快捷方式;喜欢与同学之间推荐书籍或寻求书籍的交流分享。

    2、设计策略定位

    这次设计主要达到产品从需求到原型,再到视觉及最终产品的生成,所以在产品调研总结的基础上,不仅要结合自身技术与资源的限制,同时还要对产品完成周期进行详细的规划。

    为此,在校期间首先对在校师生进行了普遍的定性与定量的研究。在通过调研的总结,对此次产品的功能与需求,进行产品的信息架构设计,并整理出主要任务流程。经过功能的梳理与串联后,使用Axure进行低保证的原型设计,将整体的功能流程,以界面的形式表现出来。在保证界面布局排列及用户体验基本完成时,着手产品的视觉界面及其风格的设计与定位。最终通过Axure按照视觉稿完成高保真的交互动效,并进行产品的打包生成上架。

    3、设计创意定位

    (1)特色定位

    独有的图书馆馆藏书籍的社区化交流功能

    (2)设计风格

    轻量小众化设计风格,重点突出主要功能。

    为了形成产品的竞争优势,在产品特色方面,不光是单纯的社区化设定,通过市场分析得知:当前学生对书籍的借阅基本会采用同学与老师的建议。相对于 竞品而言,社区化的设定正好满足独有的功能。

    4、设计思路

    1)需求分析

    首先,是对市场的调研、背景的分析,对此次毕设整体进行整体研究与分析,试图寻找产品的立足之地。

    然后,通过对比国内的四款产品,进行对比分析总结。保持设计的一致性,寻找竞品的问题,进行优化设计,同时寻找产品的特色定位方向。

    最后,通过对用户的研究,通过访谈法与问卷法的结合使用,调研用户在传统借阅过程中所面临的问题;同时,根据调研结果,并定位出当前用户模型与使用场景。

    (2)信息架构

    确定信息架构,我采用的是较为系统的设计方法:

    第一步:采用卡片分类的方法,定3位主要目标用户,通过罗列好的功能卡片分配给3位测试者,在无任何详细的提示前提下,让被测者根据自身的同类产品的使用经验,进行归纳分类,并最终确认拍照存档。

    第二步:根据同类产品的信息架构的设计,进行二级及二级以上的架构梳理。

    第三步:对自身的需求进行重新查看,是否在业务需求,用户需求,产品需求上是否进行综合性的考虑。

    只有在满足上述三方的前提下,才能将信息架构完整化的表现出来。

    (3)流程设计

    对总结好的信息架构,进行主要任务流程设计,根据用户模型与场景设定,模拟用户群体在使用产品时所进行的流程,按照“看”与“做”的方法,进行步步推导,完成整条任务的梳理。

    因产品轻量化,在设计时,始终考虑强化首页、收藏、圈子、我的作为主要的四个功能导航入口。为这四个功能进行任务设定,并将主要任务进行优先级排序,根据最终的排列,在进行页面的布局。

    (4)原型设计

    原型的设计是交互设计的最后总结,不仅是单纯的根据用户体验进行排版布局,同时也是对所有需求及任务流程的最终呈现方式,所以在画原型时,始终要考虑情感化与功能化,不断的在用户体验与产品功能之间进行磨合设计。

    在设计方面,为了保证设计的效率性、完整性,需按照信息架构的排列方式,进行层级绘制,保证逻辑的通顺。每一页面都要始终保证每一个任务的完整性,这样会避免逻辑缺失问题。根据任务设定进行界面的设计串联,并配上相关的设计说明,对遇到的异常流程界面并排于下方设计。在绘制时,采用格式塔视觉心理学,进行情感化的界面布局,能够大大提升用户认知体验。

    (5)视觉设计

    视觉设计主要根据当前流行的扁平化风格进行初步定位,在对色彩搭配风格方面通过白色调的纯度搭配、青绿色调、红色调的筛选中,确定以主青绿辅白色调为主,界面整体风格采用的是轻量化对比设计。

    (6)交互动效

    为了达到毕设的最终要求,我采用Axure进行制作交互动效,保证各个页面的小动效的完美体现后,在对整体页面进行串联。最后将生成Html文件打包上传到服务器后,使用变色龙安装包打包生成器,生成apk安装包。

    四、设计构思草图与方案说明

    由于页面数量较多,为此主要讲述设计中的重要的4个导航页面(低保真),并对同一页面的多个方案进行阐述。

    1、 首页界面

    通过轮播图与搜索框的结合设计,减少多余的布局空间,帮助目标明确用户快速搜索;采用了三个主要的功能按钮作为榜单的入口,同时加入大学必读与兴趣热推的设计,帮助目标不明确的用户逐渐明确目标。从整体设计看,逻辑关系清晰,整体排版布局舒适。

    2、 收藏界面

    收藏界面的设计,采用了类似于购物车的形式。由于收藏列表的重要性比较特殊,作为用户会频繁的查看自己所收藏的书籍的信息,所以抛开常规逻辑链的关系,将其单独作为主要入口进行设计;在同一页面上可以进行收藏管理页的切换,实现了层级间的快捷性,在减少层级间跳转的同时提升了用户体验;人性化的搜索icon放置,可以帮助用户在查看收藏书籍时,在不经意间遇到的问题与想法等,需要重新查询书籍时,所提供的便捷入口。

    3、 圈子界面

    将我的发布消息与消息回复合并为个人状态,采用悬浮圈选择发布状态。且调查可知,由于产品的人群基数限定,在动态的排列方式的问题上,采用标签会更加轻量化,且足矣符合当前用户需求。

    既然作为圈子的存在,用户是可以进行信息的编辑,但是由于用户在发表状态时分为求书与推书,所以必须在发表前进行状态的选择,虽是同级却不能统一设定;作为圈子除了发布外,要存在消息的回复与个人动态,从个人动态方向考虑,消息回复时被包含于个人动态中的;状态的发布,如果存在筛选功能,会让用户根据自身的需求进行需求化的选择,如:热门动态、常规动态的选择;学科分类筛选可以让用户根据自身的需求点选择学科的信息;

    4、 我的界面

    由于个人资料信息不多,且并不常用,为此放置二级页面设计时,直接采用头像作为入口。虽然这种设计已有出现,但由于这种方式提示性较低,用户会很难发现,设计上有所欠缺;个人动态模块分为:正在借阅、借阅历史,用户可以通过一级页面就可以进行快速查看特别重要的书籍动态信息。此设计不仅减少了层级间的跳转,最重要的是放置在一级界面,可以时刻提醒用户何时还书、是否逾期,同时也能提升用户书评的数量,保证产品目的与目标。

    图2 低保真主页面原型

    五、最终方案及说明

    1、产品概念

    产品定位:一款专为湖南工业大学在校师生使用的图书馆图书交流的查询服务软件。

    核心功能:图书交流社区、图书查询、图书记录、个人信息。

    用户群体:湖南工业大学在校师生群体。

    目标用户:借阅难坚持型;次要用户:借阅达人型;潜在用户:借阅困难型

    主要功能:图书查询;特色功能:图书交流社区

    用户特征:读书效率低,同本需续借阅读;去图书馆频率不高,容易书籍逾期;选择书籍借阅困难,想要借阅优秀书籍;容易接受新事物,喜欢简单方便的快捷方式;欢与同学之间推荐书籍或寻求书籍的交流分享。

    产品目标:通过以服务大学生图书管书籍借阅为目的,围绕当今大学生借书前、中、后问题进行设计,以更好的提升用户借阅体验为目标。

    设计目标:在图书借阅中,提供多种适合目标用户的书籍推荐与排行,使目标不明确用户快速确立目标;在书籍检索中,使用用户常用的检索标签、推送搜索标签等设计,做到设计精简、快速查询;在书籍检索后,推荐书籍列表信息的排列方式与筛选,更人性化的帮助用户挑选书籍;书籍收藏,单独设置书籍收藏信息列表为主导航入口,方便用户快速查询、借阅;分类化书籍推荐与寻求的社交化,以帮助用户社交化找书/推书为主要目的;我的设计,直观地将个人信息、借阅状态、借阅形态等进行展示。

    2、 商业模式

    学校为产品提供图书数据支持与产品推广,产品为用户提供app。用户通过app读书社区功能激励用户读书,通过读书分享与查询服务,吸引新用户,同时保持产品用户黏度。学生素质得到提高,促进了学校的发展,学校获益后会更加支持app的发展。

    图3 商业模型

    3、 信息架构

    根据最后的信息架构总结,将产品分为四个主要当行入口:首页、收藏、圈子、我的,具体的架构关系如图所示。

    图4 信息架构

    4、 视觉设计

    (1)简约化书籍搜索查询

    通过简单的书名与著者的模糊匹配搜索,配合不同的查询排列方式与筛选方式,满足不同用户需求。

    图5 圈子视觉稿

    (2)互助化书籍交流平台

    以求书与推书作为相互影响的关系点,通过相互推书、求书,在悦读上建立起书籍分享互助平台。

    图6 圈子视觉稿

    (3) 一键化借阅状态查询

    一键我的页面,便可知道当前所借书籍状态,从此不在担心书籍是否逾期。

    图7 我的视觉稿

    (4)人性化书籍详情介绍

    通过书籍简介、在馆详情、书籍书评,让你更加了解你所借的书籍。

    图8 书籍详情视觉稿

    (5)独有的收藏入口

    一览无余的收藏书单,让你快速查看你的备借书单及其在馆位置。

    图9 书籍详情视觉稿

    六、设计总结

    1、 需求分析

    一切产品的根源,根据的我的理解,一款好的产品其最根本性的决定,来源于 一份完整且详细的需求报告。只有对市场有了足够研究分析,才能清楚当前产品的现状,帮助你对整个市场形成宏观的认识,不被社会发展所淘汰。

    竞品的分析,是帮助你对整个行业内的发展方式有所认识,能够避开盲点,突出自身,让产品从开始就形成自己的特点。

    用户研究,能够帮助你快速的定位到你的目标群体,让你能够为其自己的用户进行服务。只有明确了目标用户,才会让产品有了自己的用户。我们要做的就是一切围绕着自己的用户去设计,毕竟只有用户买单产品才能发展。

    商业模式分析,一款产品离不开用户、客户、平台三个要素,只有三方形成相互影响的闭环,才能算是完整的商业形式。产品概念定位,有了上述的调研与分析,就应有一份最终的产品总结,让你从产品初期就能对你的产品有全面的认识。

    2、原型与视觉设计

    当有了一份详细完整的需求报告后,下一步就是想办法整理出产品的信息架构,而信息架构的设计,最为重要的当然就是卡片分类法,让用户帮你去设计,你要的做的就是协助他们完成设计。其实这并没有完成,还需要参考竞品的架构和完整的需求,才能最完善的设计出产品的信息架构。

    流程图是能够帮助你的产品完成任务的设定,梳理每一步的流程,完成整套的产品流程梳理。

    低保真原型需要的是产品功能和情感化的界面的磨合,需要页面的之间按照任务的逻辑进行绘制。

    视觉稿的设计,要遵循平台设计的规范,按照规范进行设计,这是用户体验和美学的结合,可以运用格式塔设计。

    七、视频展示


    宣传视频

    八、详细UE设计

    低保真原型地址(原型托管池)

    九、详细UI设计

    图10 总体效果图 图11 总体效果图 图12 总体效果图 图13 总体效果图 图14 总体效果图 图15 总体效果图

    十、展板设计

    图16 展板设计图

    十一、海报设计

    图17 海报设计图

    相关文章

      网友评论

        本文标题:毕业设计-书袋APP(完整设计)

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