帮你策划盛大婚礼的APP,设计思路是这样的

3 评论 10013 浏览 33 收藏 8 分钟

本文作者分享的是一款面向婚礼策划师的APP设计,enjoy~

策划过面向公众的大型活动的朋友大都清楚,这样的工作对于策划者的要求有多高。还记得美剧《婚礼专家》中女主角 Mary Fiore 么?在剧中,她不仅要统筹全局,安排好大量的事情,还得控制好细节,让所有的工作人员和参与者精准地参与进来,只有这样才能让一场盛大的婚礼走向完美,帮助这对新人开启全新的人生。对于婚礼的主角,这是人生中最重要的决定和最不能忽视的事情,这也使得婚礼本身无比重要。然而,对于真正的婚礼策划者而言,婚礼活动的策划管理无疑是个痛点,而对于第一次举办婚礼的新人和相关者而言,一场盛大婚礼到底要涉及到多少事情,更是没有概念。

显而易见的是,一款专业的婚礼策划APP能够让婚礼更好地举办。Tubik 设计师 Olga Popova 在组织了自己的婚礼之后,对这一痛点深有体会,并决定为这样一款应用设计界面。在她的想法中,这款APP是婚礼策划者的虚拟助手,为策划完美的婚礼提供数字化的帮助。经历过自己的婚礼之后,Olga 不想浪费自己的经验,想将自己的经验和想法转化为简单直观的UI界面。

任务

一款面向婚礼策划师的APP,设计它的UI和UX

设计过程

组织婚礼这样的重大事件,策划者应该在这个过程中保持冷静,集中精力来管理,而不是和其他人一样沉迷于浪漫的氛围和漫天的烟火。无论是细节出现错漏,还是时间表无法按计划执行,对于整个婚礼都是毁灭性的。所以,在设计整个APP的时候应该遵循这样的设计思路:让用户能够快速、轻松地对任务进行计划和标记。除此之外,设计师还应该兼顾到不同年龄、不同身体状况和技术素养的用户,确保不同类型的用户都能够轻松便捷地使用它。

由于APP中的内容主要是以小版块和列表的形式来展现,信息的层次和可读性是需要考虑的核心因素,所以在设计的时候,采用浅色的背景。整个配色方案也采用了柔和的色调,搭配渐变效果。这样的设计主要是为了搭配婚礼本身的特质,营造出柔和、浪漫细腻的质感,又不会喧宾夺主破坏功能和体验。除此之外,这样的配色方案还能够让行为召唤元素更加突出,强化对比度,这一点对于用户非常重要:这样能让核心元素和内容容易被感知到,强化信息层级。

在可读性设计上,采用了更加清晰简约的字体,并没有采用和婚礼主题匹配的装饰性字体,虽然这样的设计在这个项目中对于设计师有着极大的诱惑。装饰性字体在婚礼相关的各种场合都显得非常的搭,但是它潜在的可读性问题非常之大,在这样一个需要高密度交互和良好可读性的应用当中,并不适用。作为一个辅助性的任务管理工具,可读性差的内容是不能被接受的。

我们来看看这个APP的基本界面。这是婚礼策划师的主界面,它也承载着主要的任务管理的功能,它按照时间顺序将主要的任务、计划都组织到了一起。已经完成的任务可以被勾选归档,而未完成的任务则用“-”号标注。如果任务超出时限,则会被标注为未完成,当用户滚动列表的时候,还是能看到它们。在屏幕的右上角,你能看到一个巨大的新建按钮,用户可以在此添加新的任务。

正如同你所看到的,时间和日期并不是组织任务的唯一方式。作为一款为婚礼策划师所设计的应用,它的每一个任务还会拥有一个和婚礼相关的属性,在使用过程中,你还可以根据不同属性来筛选任务。当你新建任务的时候,弹出菜单中你可以选取这项任务的属性和类型。每个类别都有一个图标用作快速的识别,无论是约见摄影师、订购鲜花还是制作菜单,你在主界面可以通过这些图标一目了然地识别每天的任务。

设置新的任务,用户可以添加必要的详细信息:地点、电话号码、特别说明、备忘录等等。然后你可以快速预览任务,点击图标则能够快速筛选同类的任务,并且按照时间顺序排列。

如果任务涉及到相关的负责人,那么可以添加联系人,添加联系人之后,用户可以直接在APP内呼叫联系人,或者发送短信。这样用户无需切换到其他的应用中来完成通讯任务,整个应用的便捷性有了明显的提升。

这样一来,整个应用的界面足够简约清晰,字体和配色方案的选取让界面的可读性足够优秀,用户不容易分心,还保证了整个氛围也和婚礼本身足够贴合。在功能的设计上,这款APP围绕着任务管理来进行,提供了很对婚礼策划的筛选和管理功能,让它足以服务于专业和非专业的婚礼策划人员。

 

原文作者:Tubik Studio

原文地址:uxplanet

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自 Pexels,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 对这款APP的的分析挺到位的,符合了用户的需求,站在用户的角度去思考,用户的习惯,用户场景,用户定位还是非常准确的!给楼主点赞。

    来自北京 回复
  2. 同楼上,app名字是什么?

    回复
  3. 这款App有叫什么名字,有没有中文版

    回复