威秀影城 - 威秀FUN電影APP V1 - 飛創意互動

基本介紹

威秀影城 VIESHOW CINEMAS為台灣影城的領導品牌，在北中南擁有十多家高品質的影城，先後引進IMAX、4DX等播放技術，提供高品質的觀影水準。

「威秀FUN電影」是飛。創意互動與威秀影城攜手合作推出的官方訂票APP。

設計團隊期待以嶄新的視覺、更直覺的操作介面，讓訂票的過程更有樂趣。使用者透過這個官方APP，可以輕鬆選擇最多的優惠票種，簡單選取最佳座位，快速完成電影票訂購。

設計團隊從頭發展設計概念，每個畫面都要兼顧漂亮、直覺與好用，所有設計細節都再三斟酌，使用當時流行的擬真化風格進行設計，力求完美。同時使用客製化UI設計界面，使這個官方訂票APP在界面上就能與眾不同。

這個APP合作專案於2012年中開始執行執行，V1 擬真化版本於2013年初上線，營運於2013年～2014年底。

* V1版本，下載量與使用量，沒有讓我們失望，一直是持續飆高，上線前三個月就有80萬的下載量，每月服務活躍用戶有十幾萬，讓每月的訂票量都維持著絕佳的水準。

設計概念

從頭發展設計概念，除了漂亮之外更要友善好用，更不能缺少樂趣呀～

在和飛。創意互動合作前，威秀影城的訂票APP極不穩定、操作流程不友善，界面與配色雜亂無章，更別提惱人的廣告Banner...使用者抱怨連連，影城不得不尋找適合的設計公司，重新規劃自家官方APP。

設計團隊從頭發展設計概念，使用客製化UI設計，讓界面盡可能與眾不同，每個畫面都要兼顧漂亮、直覺與好用，所有設計細節都再三斟酌，使用當時流行的擬真化風格進行設計，力求完美。

我們覺得看電影是開心的事情，所以設計團隊也盡可能在UI設計上，增添使用者操作時的樂趣，例如在完成訂票時，會看到票券像是在實體櫃檯購票般，被列印完成吐了出來....讓人會心一笑。

* 威秀影城｜版權所有
* 電影海報為所屬電影公司｜版權所有

設計概念

我們會盡可能讓使用者能少按一個按鈕就少一個，友善的設計太重要了～

在UI / UX的規劃上，友善的設計超級重要，例如：我們會盡可能讓使用者能少按一個按鈕就少一個，手機能抓到的數據或資料，App會優先帶入，讓使用者才點了一個場次，竟然就莫名完成的訂票的第一步驟，讓使用者在訂票時帶著樂趣與驚訝的心情，不知不覺就完成了訂票。

不論是iOS或是Android系統，設計團隊都是以官方的開發工具進行開發，以確保系統絕佳的效能。

同步開發智慧型手機版本與平板電腦版本，兩個系統、兩個平台都維持一致的操作流程與界面，讓使用者不論用哪種裝置，都可以馬上上手。

* 威秀影城｜版權所有
* 電影海報為所屬電影公司｜版權所有

色彩計劃

以威秀標準色的藍色為主色調，以淡灰色進行搭配

除了淡灰色與藍色系統的搭配外，淺灰橫細線的底紋，也在APP中被大量應用，讓畫面帶有質感與深度，不致太過科技與冰冷。

設計細節還包含擬真風格常見的圓角、下凹、陰影、光暈等擬真效果。

R227 G227 B227

#E3E3E3

R240 G240 B240

#F0F0F0

R4 G118 B222

#0476DE

R3 G65 B130

#034182

智慧型手機版本

智慧型手機的版本，下載率、使用率都非常高，所以設計團隊在這個版本上也花了最多的時間

從整體的設計概念，到UI / UX的設計，友善度、精緻度、玩樂感...等，每個細節都不能放過。

直覺性的設計是我們很重視的部分，通常第一次使用這個APP的人，不太需要花時間學習，把玩一下很快就可以上手訂票了。

針對手機的使用習慣，以直式畫面進行操作，讓單手也能順暢操作，不用吃力的兩手拿著手機。

*支援 iOS / Android 智慧型手機。
* 威秀影城｜版權所有
* 電影海報為所屬電影公司｜版權所有

平板電腦版本

平板電腦的使用人數雖然沒有手機高，但卻有很多死忠用戶，訂票的比例也高，是不可忽視的區塊

這個版本的設計與流程，是與智慧型手機版本是一致的。

但需要針對每個畫面，重新設計畫面細節、元素的分配，與畫面的平衡，充分利用平板電腦畫面較大的優勢，同時避免手機版直接放大的錯覺，已然是一套完整的大尺寸的設計版本了。

* 支援 iOS / Android 平板電腦。
* 威秀影城｜版權所有
* 電影海報為所屬電影公司｜版權所有