迪士尼APP改版設計——交互分析篇

2 評論 13284 瀏覽 61 收藏 24 分鐘

編輯導語:若想對某款產品進行改版設計,則需要對現有產品的功能進行了解,并洞察用戶使用產品的相應需求,進而找準設計改版的注意要點和事項。本篇文章里,作者結合迪士尼APP進行了一次產品架構層和交互層的優化改版,不妨來看一下,也許會對你有所啟發。

很多小伙伴想知道如果不是真實工作的項目怎么去做改版練習,今天就教大家一些簡單的思路,讓你們可以把這些改版設計放到作品集中。

本次教程分享會分為交互和視覺包裝2個部分,今天先來講一下如何去優化整個產品架構和交互。

其實我覺得做練習改版在某種程度上比實際項目要更復雜,因為練習改版你掙脫了束縛和沒有限制條件,你可以隨心所欲地去指定任何商業策略,拋開技術成本和難題去設計各種你認為可以提升用戶體驗的方案,而如果自己缺少聚焦和控制的能力,最后方案會出現很多的漏洞,雖然是練習改版,但是你的設計依然還需要有說服力。

其實改版的流程相信大家通過這幾年的耳濡目染心里有一個大致的框架,比如收集數據和資料研究產品的定位、用戶,然后從這個方面切入進去先定義好大框架,或者是自己作為用戶去體驗產品梳理出來各種維度的問題去進行優化等等。

但是每次產品不同文明要選擇的策略也不同,比如讓你去改版一個音樂類產品,那么基本上你很難脫離一些大廠的設計框架,因為這類產品已經很成熟,再花心思也只是為了不同而不同。

為什么選擇迪士尼這個APP去改版,類似一個品牌用在游樂園區配套的產品上很少見,這樣的產品屬性、功能和用戶場景可以很豐富,所以做起來一定會比常規的產品來的有意思,并且自己也是去過迪士尼使用過這個APP,特別想幫它優化一下,再有一點就是好久沒出作品了順便做一下。

一、改版流程第一步:我想讓它成為什么樣子

這樣的產品幾乎沒有競品,從現有版本我們也可以看到它就像一個電子版地圖、個人票務、增值服務工具的集合體,所以如果讓你來操手這個產品,你會把他變成什么樣子,是一個純工具類的?還是偏社交的?亦或者是電商屬性強烈的產品呢?

那么在這一步我們首先還是要考慮的是用戶用該產品到底要干什么,并不是我們把它做成什么樣用戶就一定會用,如果脫離這層理解,那么你后面的一切都很難解釋。

這次改版,我并沒有收集大量的數據,只是對少部分用過該產品的用戶去做了了解,并結合我個人的體驗和經驗做出后續的方案。

為什么?因為數據不太好找,而且太麻煩了,哈哈,像我這么誠實的設計師應該不多了。

所以,我綜合研究了一下,決定還是讓它成為一個主工具化的、附帶品牌增值的產品,在這個產品中,你可以更好地通過地圖去找到景點游玩、打卡,可以更方便地進行購票和增值服務購買,也可以在產品中找到喜歡的迪士尼相關商品,所以工具屬性占60%,其余屬性占40%。

使用這個APP的用戶一般會有幾種場景:

  1. 還未購票但是想要了解迪士尼相關情況的用戶;
  2. 已購票正在在園區游玩的用戶;
  3. 已經購票等待開園的用戶;
  4. 游玩結束的用戶。

這就好像我們去使用導航工具、共享類產品一樣,大部分場景都會集中在使用前、中,而使用后幾乎不會再打開,而我們也沒有必要強行讓用戶在游玩后還頻繁地引導他進入。

那么有同學要說那為啥要做商城,站在品牌的角度,迪士尼的收入大部分來源于品牌衍生的周邊,包括園區服務,所以官方的商城可以在用戶在游玩前后都可以進行服務,比如酒店預訂、美食餐飲、積分兌換等等。

所以如果我是迪士尼老板,我會希望產品能幫助用戶更快地體驗到他們想要體驗的項目,同時他們可以在APP中解決他們隨時隨地的需求,并且希望用戶更喜歡迪士尼園區的體驗,分享給更多的朋友。

二、改版流程第二步:理解現有的功能、需求和場景

對于現有的規則和必要的功能一定是不可少的,所以接下來我們就來分析一下,目前產品中想要做但是沒有做好的點。

1. 首頁

1)首先映入眼簾的是一大張地圖,這倒沒什么問題,可以滿足用戶在園內瀏覽地點的需求,但問題是這張地圖還沒有線下發的紙質地圖好用,究其原因是沒有定位和導航。

當時我在找景點的時候也是要花很長時間先搞清楚自己在哪里,然后才能知道要去哪里,如果只有景點的坐標是不夠的。

迪士尼APP改版設計·交互分析篇

2)這個產品的形態和其他很多產品不同,現版本迪士尼將個人中心、尊享服務、購票等所有相關的功能都聚合到了頁面底部的頭像中,這對第一次使用產品的用戶不太友好,從來沒有接觸過這樣形態的首頁突然間有點不會用了,所以如果用戶想進行其他的任務就會變的很繁瑣。

不管什么類型的產品,首頁的目的還是要讓大部分用戶能夠快速認知這個產品是干什么的,能幫助自己解決什么問題,目前首頁只能告訴用這是個可以看迪士尼電子地圖的軟件。

3)首頁上方是不同類型定位的切換,但好像有點分類不清晰,很難找。購物車在這里和用戶場景更不吻合。

2. 個人中心

個人中心堆積了很多功能,大致可以分類為:購票、購買增值服務、關聯門票(行程:預約等候卡)、攻略、訂單、通知,用戶已進入該頁面其實很難第一時間找到想要的信息,并且有些文案也很難理解。

相信很多人第一次去迪士尼有幾個關鍵詞會特別不理解,什么是預約等候卡,之前叫fp快速通道卡,什么是尊享卡、什么是禮賓服務、什么是導覽服務、什么是早享卡,被一堆的卡和服務弄的眼花繚亂,說到底其實就是去玩的人太多了,誰有錢誰可以體驗得更好。

迪士尼APP改版設計·交互分析篇

所以我們務必要先搞清楚這些花里胡哨的增值服務,這樣才能讓用戶快速決策,那我這里也順便幫大家理一下:

1)預約等候卡:意思就是在固定的幾個熱門項目,在高峰期的時候,需要通過搶預約等候卡才有【排隊的資格】,并非所有時段所有項目都需要。

2)尊享卡和禮賓服務:這倆就相當于氪金快速排隊進入,禮賓服務的套餐包含的服務更多,除了快速入園進入項目外,還有預留觀賞區、幫助取餐等。

但是這倆服務的排隊其實還是要排一會的,因為也有很多人買,比如原來隊伍要排一小時,現在只需要排十幾分鐘或更快。

3)導覽服務:嗑大金的插隊服務,更高級別的插隊、秒排、先挑座位等等,大家可以去官網看下介紹,這里就不多說了,有錢真好。

4)早享卡:比官方開園時間提前1小時進入,買的人也不少你懂的。不氪金只能靠肝,要么手速快能搶到等候卡,要么就氪金減少排隊時間,總之,這么多卡都是需要你付出成本的。

但是對于新用戶來說其實很難理解這些什么卡和服務,所以有時候這些命名真的可以改一改,例如免排隊卡、快速排隊卡、提前入園卡、預約排隊卡什么的,哈哈。

但是別人還想要里面多增加一些套餐服務,我們就按他的來吧。好了,說到這里,我們就要把個人中心所有內容都拆出來進行重新分類組合,讓功能脈絡更清晰。

根據對用戶場景的分析還有最初對產品的定位,我打算將產品功能劃分為4塊:以下原型非常粗糙,請各位帥哥美女不要扣我細節,謝謝。

3. 產品功能原型

1)首頁電子地圖

用戶可以更快捷地找到自己想去的地方新增個人定位功能,將個人中心弱化收到左上角,同時在頂部做掃一掃和地圖/列表的切換這兩個功能,前者是為了配合園區內的掃碼活動、綁定門票的高頻操作,后者是為了滿足用戶更快速地瀏覽景點項目。

也可以在頁面下方進行更細化的搜索,這里將所有地點的類型從原來的11個重新整合劃分為6個,同時把原來在首頁的篩選功能集合到了搜索中,更加一體化,契合場景。那么這個首頁就可以滿足用戶想要快速定位尋找的需求。

迪士尼APP改版設計·交互分析篇

點擊到某一個景點后會進入景點的詳細介紹,在這個界面中有很多場景:例如該景點的一些開放時間、人群限制、什么類型的項目、怎么去、當前要排多久等等,那么從用戶需求的頻率進行優先級排一下,大致就是以下的設計。

迪士尼APP改版設計·交互分析篇

其實我個人認為現在迪士尼接待的游客越來越多,商業化氛圍太強,沉浸感其實做得不夠。故事要循序漸進地講,這樣才引人入勝,而不是一上來就是快來玩吧,但是隊伍很長,你可以花錢,玩完了就快走這樣的套路;人多雖然不假,但是你可以限流啊,如果品質做得足夠好,游客是愿意付費的。

所在詳情里我弱化了項目相關的信息,多放了一個故事用來介紹該景點,增加一些代入感,也可以讓很多不知道這個場景是什么故事的游客了解這個故事到底講了什么。

詳情頁還考慮到的是很多游客還是對預約等候和尊享服務是什么意思,所以尊享服務透出進行橫向滑動展示,可以查看尊享服務說明,同時底部也給業務向的高亮入口,直接突出服務的利益點,預約等候卡會在需要開放的時候才可以點擊,展示當前可預約的時間段。

點擊尊享服務后可選擇自己想要游玩的冒險演出,因為樂園規則單次只能選擇一場活動進行參與,用戶選擇完后會彈出確認,確認后則會顯示成功界面,在這個界面中比較重要的信息是預約碼、下次可搶時間、適用時間、添加游玩組成員等,同時也可以取消預約,搶完等候卡后需要再做一個閉環。

這里不需要給返回按鈕,只需要告訴用戶這張卡如果退出后還能再哪里打開就可以了,所以底部會讓用戶進入“我的預約卡”,也就是行程界面。

迪士尼APP改版設計·交互分析篇

如果用戶不想去我的預約卡界面,也可以點擊右上角的縮小,將頁面縮回到首頁的懸浮按鈕,如果不想顯示則可以長按進行刪除,在即將開始排隊前半小時會在首頁給用戶一個小氣泡進行提示。

2)行程/打卡

行程/打卡板塊做了不同的狀態,第一個是用戶未關聯或購買門票,那么顯示的就是可以購買的門票和年卡套餐等。

如果已經購買門票的也可以直接關聯門票,關聯后該頁面會展示為相關的增值服務入口,就是剛才說的尊享卡一類的,并且綁票后會顯示添加游玩組成員,將一起來的玩伴添加進來,以便后續搶預約等候卡的時候快速添加同伴。

當關聯完門票后,可能是這樣兩種場景:

  1. 關聯門票但還未入園;
  2. 在園內關聯門票準備開始玩。

所以不管哪種場景,都需要相應的攻略進行輔助,可能前者會更需要攻略,畢竟入園之后的用戶都是提前做好準備的。

迪士尼APP改版設計·交互分析篇

那么入園的用戶在這里還有哪些需求呢?

我想到了打卡,其實迪士尼是很多小姐姐小朋友喜歡來玩的,男生比較喜歡去環球影城(到時候北京見)所以女孩子和小孩子喜歡干什么?當然是拍美美的照片了,那么這里剛好可以和迪士尼樂拍通服務進行一個關聯,用戶可以在打卡板塊上傳自己拍攝的照片和定位,也可以預約迪士尼專業攝影幫你拍照。

但是我并不想做一個很復雜的社交板塊,因為一開始就說了,它60%是工具,所以這里只提供上傳照片、文字編輯還有點贊、導航的功能、查看他人打卡的功能,而不會再延伸去做評論、私信等功能。

當然如果說到用戶動機的話,也可以關聯到積分,迪士尼其實可以做積分系統,比如年卡、購物、各種消費都有積分累計,最后換商品、年卡等活動都是不錯的。

迪士尼APP改版設計·交互分析篇

打卡板塊做了兩個不同的原型,區別在于一種是宮格形式的分類入口,另一種是tab形式的切換入口,這倆入口的區別在于你是否需要讓用戶深度瀏覽。那么前面說了,要弱化,于是tab切換的泛瀏覽會更適合當下的定位。

迪士尼APP改版設計·交互分析篇

另外行程板塊還有開園時間和各項主題演出時間的入口,方便在游玩的用戶能有所準備,原來的時間功能是集合在了個人中心。

但是這個功能還是和行程比較密切的,所以放在行程界面。雖然步驟可以列得很簡單,但是設計的時候還是需要考慮很多方面的,比如門票和年卡要分開嗎?商城里也可以買票這里還需要提供嗎?在未關聯門票時需不需要提供增值服務選項?打卡詳情要做到什么程度等等。

3)商城

商城其實比較好理解,可以賣很多東西,無非就是把票、迪士尼商品、餐飲、酒店等一體化了,在原有的產品里,酒店可以預訂,餐飲只是提供介紹和定位,那我們既然做改版就不用管那么多了,默認可以在線上直接點餐取餐就可以了。

4)個人中心

個人中心在工具類產品中是比較弱的,弱化個人中心也是側面提高其他信息的分發效率,因為這個產品還是主打用戶在園內活動時的使用體驗,所以個人中心在園內游玩時的打開頻次不會很高,主要還是首頁和行程。所以個人中心我打算放在導航欄,讓個人中心更輕量化,讓用戶聚焦在“玩”這件事上。

迪士尼APP改版設計·交互分析篇

三、做個小總結

我們回顧一下思路

1. 確定好產品的定位、目標還有用戶需求

這步其實是很重要的,很多同學做改版和設計往往就是最初的定位和目標在設計流程中被忽略了,譬如你的目標是提高用戶綁卡效率,那么就要針對綁卡流程進行假設、測試、優化,所以不管后面的個人中心也好,還是首頁定位的設計、范圍層的功能劃分也好都是圍繞產品的工具化,提高用戶在游玩時候的效率而設計。

2. 列舉更多的場景完善功能

因為是自己改版,那么更側重用戶體驗弱化業務需求,在功能上不追求過多的提升業務價值,而是讓用戶體驗更好。

所以為了挖掘用戶體驗,不得不提到用戶的場景分析,場景分析大家也可以去看u一點料2中的分析,多考慮下一個場景如何在當前場景進行引導。

3. 思考邏輯流程和交互方式

當你確定好該場景需要什么功能后,下一步就要考慮這個功能要如何展開,例如打卡板塊如果想做的輕量化用一個彈窗形式展示圖文,那要如何進行相應的其他操作。

比如分享會喚起的彈窗如何和當前彈窗進行兼容,在搜索、篩選、不同類型設施之間如何切換等等,我們需要在做原型的時候考慮好,否則到視覺階段再考慮很可能會推翻好多個界面。

還有比如搜索時不同設施服務的分類搜索,是做成圖標形式的入口(類似高德),還是做成tab切換。

這里考慮的是做成tab,因為像高德那樣的宮格入口是因為有大量搜索結果,比如美食,所以他需要有很多的篩選標簽,而迪士尼不同,他的美食商店并沒有那么多,篩選條件也很少,所以用tab切換更方便快捷。

而且既然這里有其他的分類,最好也做成統一的形式,最終還是考慮用tab更符合產品和用戶需求,雖然有個圖標還挺好看的。

4. 繪制原型

這一步要思考的就是什么元素應該在什么位置,在實際工作中,交互設計其實也不需要在這個步驟中花大量時間,只需要把信息層級體現清楚就好。

但畢竟這玩意兒是我們自己一個人做,那么原型就先大致考慮好元素位置吧(做不好看文章里展示也太丑了)。

好了,那么今天交互部分的分享就先到這里了,接下去我會開始視覺部分,這是個難題,因為這樣一個產品好看的圖片不多,很多概念稿之所以看起來好看70%是因為圖片好看,因為版式布局也就那幾種,換來換去都差不多,所以比較擔心沒有高級的圖片,如果實在找不到高級的圖片我也認了!

期待最后的成果吧~剩下可能還會更新UI篇和包裝篇,這三篇盡量在后面1個月內更新完成。

如果有深度體驗過的小伙伴歡迎下方留言跟我交流喔,因為還有更多用戶場景沒有挖掘到,如果你是游客你還有其他的需求嗎?

#專欄作家#

應駿,人人都是產品經理專欄作家,公眾號:應謀鬼計(shejishiyj)

本文由 @應駿 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 行程和打卡,是否有沖突的地方?看上去都是ugc內容,只要把官方攻略置頂即可

    回復
  2. 謝謝

    來自浙江 回復