優雅的交互時刻打動著人心——Florence體驗報告

Florence出自紀念碑谷的製作人 Ken Wong,於2018年情人節上架app store。這是一款劇情化遊戲。遊戲里通過遇見-相愛-淡去-爭吵-分離-追尋夢想的故事線,講述了一位25歲少女的懵懂初戀故事。其故事靈感來源於電影《和莎莫的500天》,同時也被稱為LA LA LAND的動畫版。

接下來通過以下幾個方面來分析這款遊戲的交互設計:

一 信息架構

1 耳機提示

在遊戲開始就推薦用戶帶上耳機,因為在該款遊戲中音效扮演著非常重要的作用。簡單說遊戲中音樂從欣賞角度上來說優美,從功能角度上來說對操作具有提示性。從情景角度上來說對符合劇情發展,而且是較容易為用戶營造沉浸感的體驗。關於音效的設計後續詳細介紹。

2 章節進程

該款遊戲簡單明了的根據戀愛過程分為若干章節。在每一章節結束,都會出現章節目錄,讓用戶明確自己所處的進程。

3 主菜單

用戶一進主菜單,女生頭髮在微風下飄動,右下角「關於、設置、開始」三個按鈕。推薦操作「開始」放大,其他兩項「關於」中關於團隊的介紹,「設置」中關於語言、音樂、紙張特效、振動等的開關項。

然而進入遊戲後再次回到主菜單,則增添了「繼續」和「新遊戲」兩項操作。為不同需求的用戶都提供了便捷。

二 交互流程

1 任務與場景的梳理

20章故事通過兩人的戀愛故事串聯起來,通過引導用戶完成某些簡單的小任務來讓遊戲繼續。

這裡的場景分為6幕:第1幕介紹女主的日常生活,拋出她兒時記憶中繪畫夢想,以及通過音樂偶遇了男主。 第2幕 遇見男生開始約會。 第3幕 二人成為朋友,激勵男主追尋夢想。第4幕 二人熱戀同居。第5幕 感情淡去開始爭吵 第6幕 二人分手女生開始追尋自己的夢想。

2 交互點

遊戲中的控制流程的交互點主要有兩個,一個是延續故事書的交互,向上翻閱。一個是再完成某些關卡的操作後進行點擊完成,從而推進進程。

三 打動人心的交互細節

1 清晨賴床的自己

開篇女主的出場,很符合當今現代人的生活節奏。鬧鐘響,手機震動,給你真實的感受。關閉2個鬧鐘後開始刷牙,這裡刷牙的節奏和你真實刷牙的手勢幾乎做到了還原,左右刷或者上下刷都可加快進程。接著出門刷社交軟體,這裡社交軟體上的圖片並沒有顯示完全,而是凸顯操作,抓住一個界面里視覺焦點。

2 越長大越孤單

在情景上,讓用戶感知到時間流逝和自己的成長,以及滿滿的回憶。可以看到小時候的閨蜜曾在一起笑的沒心沒肺,進入青春期後開始臭美談戀愛,最終朋友慢慢散去,畫面中留下25歲的自己獨自一人。

在操作上,通過順時針轉動來推進故事,逆時針則是後退故事以及回憶過去。通過強化這些故事中的關鍵節點,來加深用戶感知。

3 心之所向,行之所至

這一章講的是女主因為音樂偶遇男主, 女主在馬路上跟隨音樂往前走,點擊音符,隨著你點擊的頻率增高,女主的身體也逐漸飄起來,被音樂吸引。操作優雅,畫面賞心悅目,並且該款遊戲中的動效處理十分輕柔和細膩入微。

4 人群中你閃耀著只有我看得見的光

手動對焦到男主,愛慕的人在人群中閃著只有你看得到的光。並且這裡的畫外音樂也提醒著對焦是否正確。隨著音樂的高低起伏來引導用戶將多個維度對焦成功。調整的刻度中漸漸清晰的畫面也模擬了「碰撞」的暈眩感。

5 從陌生到熟悉

對話框拼圖中從8拼1到整塊整塊挪移背后角色心境情緒的變化,從剛認識時不知道說什麼,到後面的無話不談。最終當你能輕易的以1塊拼圖去進行一個對話時,二人自然而然的走到一起。

6 爭吵的天平

兩人發生爭吵,拖動色塊到指定區域則可以在爭吵中「回嘴」,但是一旦長時間不「回嘴」,兩個人的天平則發生了傾倒。好似日常生活中小情侶的爭吵,不回嘴就像認輸一樣,誰也不服輸,所以爭吵越來越多,最終漸漸地就會造成兩人之間的心灰意冷。

7 漸行漸遠的分離

遊戲中,除了愛情中點滴細節的討巧而有趣的捕捉外,遊戲設計師也在試圖引發玩家去思考關於愛情的不同側面並沉浸其中。

吵架後的和好:這裡需要將兩人的拼圖拼湊起來,但是拼湊過程中,這些拼圖塊,會一直分離。所以要比分離速度快的拼湊起來才可以完成這一部分。但是即使和好也會存在裂痕

真正的放手:和生活中兩人的分手一樣。讓玩家懂得原來,什麼都不需要做,原來靜靜地看著這個人就會慢慢的離開,慢慢的消失在你的世界。一旦你願意停留下來等等這個人,兩個人依舊還是同行路上的夥伴。有時兩人之間的就看有沒有這樣一個願意妥協的人。

抹去記憶:以前兩個人的合照中,分手後就要在記憶中將對方抹去。

8 操作與音效

該款遊戲中任何點擊操作都有震動反饋,玩家的操作感較強。

該款遊戲中的音效既符合故事情節的走向,也指導用戶進行聽覺交互。

總結

該款遊戲直觀又頗有意象化的處理,讓整個遊戲劇情清晰,又充滿留白,留有足夠的空間任由玩家去展開想像。界面上的視覺流連貫又自然的引導玩家進行點擊,從愛情入手,落足於生活。雖然從頭至尾都保持相對清新的畫風,卻沒有落俗於瑪麗蘇套路。在多維度的解構愛情之後,鼓勵玩家接受生活積極的一面。

正是精緻又優雅的交互,支撐了這個不落俗套的故事。


推薦閱讀:

蘋果iPhone X設計規範總結
為了讓日記看起來更有趣,我設計了 Coze 日記。
交互設計基本功,精簡參考大全
甘特圖的圖有三樣畫法,你知道么?
學會說人話!8個文案改進方法幫你快速提高用戶體驗

TAG:交互設計 | 產品體驗 | 遊戲交互設計 |