策劃婚禮的APP是怎么做UI設(shè)計(jì)的

還記得美劇《婚禮專家》中女主角 Mary Fiore 么？在劇中，她不僅要統(tǒng)籌全局，安排好大量的事情，還得控制好細(xì)節(jié)，讓所有的工作人員和參與者精準(zhǔn)地參與進(jìn)來(lái)，只有這樣才能讓一場(chǎng)盛大的婚禮走向完美，幫助這對(duì)新人開啟全新的人生。對(duì)于婚禮的主角，這是人生中最重要的決定和最不能忽視的事情，這也使得婚禮本身無(wú)比重要。然而，對(duì)于真正的婚禮策劃者而言，婚禮活動(dòng)的策劃管理無(wú)疑是個(gè)痛點(diǎn)，而對(duì)于第一次舉辦婚禮的新人和相關(guān)者而言，一場(chǎng)盛大婚禮到底要涉及到多少事情，更是沒有概念。

顯而易見的是，一款專業(yè)的婚禮策劃APP能夠讓婚禮更好地舉辦。Tubik 設(shè)計(jì)師 Olga Popova 在組織了自己的婚禮之后，對(duì)這一痛點(diǎn)深有體會(huì)，并決定為這樣一款應(yīng)用設(shè)計(jì)界面。在她的想法中，這款A(yù)PP是婚禮策劃者的虛擬助手，為策劃完美的婚禮提供數(shù)字化的幫助。經(jīng)歷過(guò)自己的婚禮之后，Olga 不想浪費(fèi)自己的經(jīng)驗(yàn)，想將自己的經(jīng)驗(yàn)和想法轉(zhuǎn)化為簡(jiǎn)單直觀的UI界面。

任務(wù)

一款面向婚禮策劃師的APP，設(shè)計(jì)它的UI和UX

 

設(shè)計(jì)過(guò)程

組織婚禮這樣的重大事件，策劃者應(yīng)該在這個(gè)過(guò)程中保持冷靜，集中精力來(lái)管理，而不是和其他人一樣沉迷于浪漫的氛圍和漫天的煙火。無(wú)論是細(xì)節(jié)出現(xiàn)錯(cuò)漏，還是時(shí)間表無(wú)法按計(jì)劃執(zhí)行，對(duì)于整個(gè)婚禮都是毀滅性的。所以，在設(shè)計(jì)整個(gè)APP的時(shí)候應(yīng)該遵循這樣的設(shè)計(jì)思路：讓用戶能夠快速、輕松地對(duì)任務(wù)進(jìn)行計(jì)劃和標(biāo)記。除此之外，設(shè)計(jì)師還應(yīng)該兼顧到不同年齡、不同身體狀況和技術(shù)素養(yǎng)的用戶，確保不同類型的用戶都能夠輕松便捷地使用它。

由于APP中的內(nèi)容主要是以小版塊和列表的形式來(lái)展現(xiàn)，信息的層次和可讀性是需要考慮的核心因素，所以在設(shè)計(jì)的時(shí)候，采用淺色的背景。整個(gè)配色方案也采用了柔和的色調(diào)，搭配漸變效果。這樣的設(shè)計(jì)主要是為了搭配婚禮本身的特質(zhì)，營(yíng)造出柔和、浪漫細(xì)膩的質(zhì)感，又不會(huì)喧賓奪主破壞功能和體驗(yàn)。除此之外，這樣的配色方案還能夠讓行為召喚元素更加突出，強(qiáng)化對(duì)比度，這一點(diǎn)對(duì)于用戶非常重要：這樣能讓核心元素和內(nèi)容容易被感知到，強(qiáng)化信息層級(jí)。

在可讀性設(shè)計(jì)上，采用了更加清晰簡(jiǎn)約的字體，并沒有采用和婚禮主題匹配的裝飾性字體，雖然這樣的設(shè)計(jì)在這個(gè)項(xiàng)目中對(duì)于設(shè)計(jì)師有著極大的誘惑。裝飾性字體在婚禮相關(guān)的各種場(chǎng)合都顯得非常的搭，但是它潛在的可讀性問(wèn)題非常之大，在這樣一個(gè)需要高密度交互和良好可讀性的應(yīng)用當(dāng)中，并不適用。作為一個(gè)輔助性的任務(wù)管理工具，可讀性差的內(nèi)容是不能被接受的。

我們來(lái)看看這個(gè)APP的基本界面。這是婚禮策劃師的主界面，它也承載著主要的任務(wù)管理的功能，它按照時(shí)間順序?qū)⒅饕娜蝿?wù)、計(jì)劃都組織到了一起。已經(jīng)完成的任務(wù)可以被勾選歸檔，而未完成的任務(wù)則用“-”號(hào)標(biāo)注。如果任務(wù)超出時(shí)限，則會(huì)被標(biāo)注為未完成，當(dāng)用戶滾動(dòng)列表的時(shí)候，還是能看到它們。在屏幕的右上角，你能看到一個(gè)巨大的新建按鈕，用戶可以在此添加新的任務(wù)。

正如同你所看到的，時(shí)間和日期并不是組織任務(wù)的唯一方式。作為一款為婚禮策劃師所設(shè)計(jì)的應(yīng)用，它的每一個(gè)任務(wù)還會(huì)擁有一個(gè)和婚禮相關(guān)的屬性，在使用過(guò)程中，你還可以根據(jù)不同屬性來(lái)篩選任務(wù)。當(dāng)你新建任務(wù)的時(shí)候，彈出菜單中你可以選取這項(xiàng)任務(wù)的屬性和類型。每個(gè)類別都有一個(gè)圖標(biāo)用作快速的識(shí)別，無(wú)論是約見攝影師、訂購(gòu)鮮花還是制作菜單，你在主界面可以通過(guò)這些圖標(biāo)一目了然地識(shí)別每天的任務(wù)。

設(shè)置新的任務(wù)，用戶可以添加必要的詳細(xì)信息：地點(diǎn)、電話號(hào)碼、特別說(shuō)明、備忘錄等等。然后你可以快速預(yù)覽任務(wù)，點(diǎn)擊圖標(biāo)則能夠快速篩選同類的任務(wù)，并且按照時(shí)間順序排列。

如果任務(wù)涉及到相關(guān)的負(fù)責(zé)人，那么可以添加聯(lián)系人，添加聯(lián)系人之后，用戶可以直接在APP內(nèi)呼叫聯(lián)系人，或者發(fā)送短信。這樣用戶無(wú)需切換到其他的應(yīng)用中來(lái)完成通訊任務(wù)，整個(gè)應(yīng)用的便捷性有了明顯的提升。

這樣一來(lái)，整個(gè)應(yīng)用的界面足夠簡(jiǎn)約清晰，字體和配色方案的選取讓界面的可讀性足夠優(yōu)秀，用戶不容易分心，還保證了整個(gè)氛圍也和婚禮本身足夠貼合。在功能的設(shè)計(jì)上，這款A(yù)PP圍繞著任務(wù)管理來(lái)進(jìn)行，提供了很對(duì)婚禮策劃的篩選和管理功能，讓它足以服務(wù)于專業(yè)和非專業(yè)的婚禮策劃人員。