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

2017/09/08 5602

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

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

任务

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

设计过程

组织婚礼这样的重大事件,策划者应该在这个过程中保持冷静,集中精力来管理,而不是和其他人一样沉迷于浪漫的氛围和漫天的烟火。无论是细节出现错漏,还是时间表无法按计划执行,对于整个婚礼都是毁灭性的。所以,在设计整个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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/case-study-wedding-planner

素材 界面设计 交互设计师 好文 UI 设计流程 转场动效 用户体验设计 设计师专访 设计师 排版布局 扁平化设计 素材下载 视觉设计 职场 设计规范 产品设计 配色 web前端开发 设计趋势 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里