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

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

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

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

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

任务

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

设计过程

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

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

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

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

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

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

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

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

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

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

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

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

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

【这些设计实战同样来自Tubik Studio

  1. 《富有未来感的柏林之夜APP,是这样设计出来的》
  2. 《设计实战!城市指南网站着陆页是这样设计出来的》
  3. 《这款给医生的专业APP,设计上有着怎样不同的要求?》

原文地址:uxplanet
原文作者:Tubik Studio
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

收藏 4
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。