厦大图书馆小程序

开学没多久,加入了学校的一个创业团队,主要是做校园小程序运营,我负责图书馆模块的开发。

后端开始想采用 PHP 编写,但 PHP 在高并发和性能上饱受诟病,于是采用了 Node.js ,刚好能够练练 ES6。

前端 / 后端 / 文案 / 长图:我

长图

文案我写了 7 个点,但做长图的时候,发现全部都做一遍特别困难,后来询问新媒体运营的小姐姐,对很多内容都进行了大幅删改。

全部文案:

你是否对图书馆网站搜索书籍方法还不熟悉?

你是否常常忘记借书时间错过续借日期?

你是否对预约/委托书籍流程感到繁杂琐碎?

现在 TKK·图书馆出现,让你告别从前的麻烦繁琐,带来一键化简洁借阅体验。

  • 首页设计

在复杂的图书馆网站中,我们提取了其核心功能,并采用宫格设计,排除一切不必要的干扰信息和装饰,使界面设计简洁明了,能够显示读者的相关基础资料和借阅情况信息,并使各个功能入口展示清晰,极大简化所有操作流程。

  • 图书检索

相比图书馆网站的图书检索,我们只留下了一个搜索框,只需输入 书名 / 作者 / ISBN 号,即可立刻检索馆藏书籍,如需翻页只需滑动到底部,便可加载出更多的馆藏书籍,充分利用了移动端操作的优势。

  • 图书详情

在图书详情页中的上半部分,可以详细看到出版社、作者、内容摘要等信息,并且我们与 豆瓣读书 数据进行了对接,能够看到该书在豆瓣中的评分信息;在下半部分的馆藏信息中,采用卡片式设计,并特意放大索书号字体,以优化视觉体验,让每张卡片信息成为视觉本身。

  • 预约 / 委托

由于预约和委托实际目的几乎相同,为此我们选择将预约和委托功能放在同一个页面,与馆藏信息相同采用卡片式设计,点击卡片,即可选择该书的取书馆,选择后点击确认便可完成该书的 预约 / 委托。

(预约 / 委托 三部曲操作图片)

  • 图书收藏

为了方便同学们记录喜欢的书籍或查询某本图书的馆藏信息,我们特意增加了图书收藏功能,在每个图书详情的页面中,点击“收藏此书”即可将其添加进自己书架,大大节省了额外增加记录或查询书籍的时间成本。

  • 最近查看

在每次浏览书籍的图书详情时,程序将记录下同学每次的查询书籍信息和查询时间,提示同学们上次浏览的图书,让同学们不会遗忘每个浏览过的书籍,依然再次减少了操作的时间成本

  • 借阅历史

排除掉传统的列表显示,我们采用时间轴式的设计,能够给借阅历史带来丰富的时间感和顺序感,在滑动浏览中,使得每一本借阅过的图书便得连贯,让每本书都成为珍藏的回忆。

发表评论

电子邮件地址不会被公开。 必填项已用*标注