專案介紹
因應COVID-19 大流行衍伸出來的是前所未有的「社會疏遠」戰略，人類被迫停止原有的社群互動，同時也因長期無法外出，導致心理壓力的累積，甚至衍生出許多心理疾病。Glide是一款帶領使用者跳脫時間和空間的限制，與世界各地的人交流的心靈治癒App，透過匿名分享天空的照片，有別於社群軟體所帶來的焦躁感，每個人都能在彼此傳送的天空中旬得心靈的平靜，成為彼此遙遠卻親近的陪伴。
Glide
心靈療癒 / 遠距交流 App
我的職位
UI 設計
UX 研究/設計
工作內容
UI 設計
UX 研究
概念構思
競品分析
用戶研究
互動設計
原型製作
使用工具
Figma
Protopie
Procreate
設計概念影片
設計流程
研究｜Research
背景研究調查
理解問題｜Understanding the problem
因應COVID-19 大流行衍伸出來的是前所未有的“社會疏遠”戰略，這對於抑制病毒的傳播至關重要。然而，卻也帶來了高昂的成本。研究表明，許多人在其間經歷了嚴重的社會孤立感和孤獨感，並可能帶來嚴重的身心健康後果。
15% feeling depression
27% feeling anxiety
46% less active
36% feel less motivated
聯合國兒童基金會最近進行的民意調查顯示，COVID-19 危機對青少年的心理健康產生了重大影響。
缺乏戶外活動 Lack of outdoors activity
戶外休閒通過與自然世界的物理互動，提供人類重要的休閒生態系統服務（例如:緩解壓力、社交、欣賞等）。失去戶外休閒機會會抑制個人參與恢復性自然環境和逃避危機壓力的能力。
設計挑戰｜Challenge
"在疫情時期，由於旅行和交通的限制，人們缺乏真誠地與他人交流的方式 。同時，在社交媒體快速發展的世代裡，人們時常對於自己在網絡世界中的形象感到焦慮。“
「 我們如何創造一種跨越時間和空間的交流方式，在沒有社交媒體的焦慮和壓力的情況下，與他人進行交流？」
市場調查
發覺可能性｜Seeing possibilities
為了解當前市場，我搜索市面上現有的心理健康照護App，了解他們的主要目標、用戶反饋和設計策略。接著，透過 SWOT 分析各個案例的優與缺。
Window Swap
遠距旅行概念網站，通過分享窗外的景色來幫助人放鬆、集中注意力、冥想。
Shine
心靈照護App每天學習一個新的自我保健技巧，並探索包含 800 多個原創冥想、睡前故事和平靜聲音的媒體庫，以幫助使用者轉變心態或情緒。
Mooda
含多元情緒圖標的情緒追蹤App，可幫助使用者每天記錄自己的感受。
Strengths
-
直覺性說明指示
-
多元媒體上傳功能
-
互動式設計
-
定位系統
Weaknesses
-
無提供可下載App版
Strengths
-
健康狀態評估
-
互動式登入系統
-
社群
-
客製化課程
Weaknesses
-
冥想的形式有限
-
社群貼文無法回覆
Strengths
-
情緒追蹤紀錄
-
多元記錄圖示
Weaknesses
-
僅能一次紀錄單一情緒
-
缺少長期的數據分析
設計目標
發展核心價值｜Developing core values
利用主題研究和市場分析的結果，我們提出了兩個核心洞見：
#1
儘管社交媒體仍然是在 COVID-19 大流行期間與他人聯繫最便捷的方式，但它也使人們承受著越來越多的壓力、焦慮和抑鬱。
#2
當失去了旅行的能力，人們同時也失去了透過走出戶外，接觸大自然來緩解壓力的管道。
當我們聚焦在問題的根本，也就是上述的兩個洞見，我們便能從問題衍伸出的機會點提出設計。瞄準使用者的痛點和需求，發想出兼具創意和符合使用者體驗的解法，我們進一步歸納本次設計專案的目標：
設計目標 #1
設立匿名的天空分享平台，讓使用者在遠離社交焦慮的情況下，依然能透過網路與世界各地的人交流。
設計目標 #2
提供使用者發揮想像力的空間，客製化角色設定，增加日常的趣味。
設計目標 #3
分享天空照片同時留下當下的情緒和想法，紀錄使用者的個人成長。
原型｜Prototype
線框圖設計
視覺化設計｜Visualizing the solution
根據研究和結論，我們開始在紙上勾勒出 Glide 的主要功能介面，經由與組員的討論獲得反饋，找出痛點並優化設計。除了同步團體對於App的共識外，也能從中分析各功能在介面安排的層級上是否合乎易用性。我們將最終討論出的mid-fi原型導入figma做細修。
IA 資訊架構
連結資訊｜Connecting the dots
我們透過AI資訊架構來組織整體功能，更好地了解這些功能如何分布在不同層級之中。
視覺設計｜Visual Design
概念視覺設計
主角設計｜Creating the main character
此階段我開始刻劃代表使用者的主角形象，從使用者的角度連結app的核心價值和主角的元素。
即使在大流行期間，我也希望讓使用者有一種真正環遊世界的感覺，因此決定創建滑翔員作為 Glide 用使用者代表：傳遞自由、放鬆、活力的形象。
.png)
概念視覺設計
場景設計｜Creating the Background
為了讓使用者更順暢的融入在情境中，我以故事性的脈絡設計App的場景，創建了一個大峽谷的世界觀，結合滑翔員的主角特性，傳達出一種自由冒險的奔放感。並且在未來整體的 UI 設計中進一步延伸此概念。
設計系統規劃
元件系統化｜Visualizing the patterns
進入到介面設計的同時，我創建了 UI 元件的設計系統，其中包含色彩應用、字體、圖示等必要細節，在此階段能夠確保設計的邏輯脈絡是否具有統一性，也能在這時做微調修正，以確保整個App設計的連續性。
設計呈現｜Final Design
重點功能介紹
設計具象化｜Bring out the solutions
在確定了功能架構和介面設計之後，我在 Figma 和 Protopie 中實現了設計的最終想法，做介面圖像化的整合。
1. 接收天空
使用者每天都會收到一張來自世界某處特殊地區的新天空。
2. 捕獲天空
使用者也可以選擇獲取新的天空，在互動遊戲中捕捉自己喜歡的滑翔傘，發現新的天空！
.png)
3. 保存相簿
所有保存的天空都可以按照不同的相簿進行分類。
4. 客製化滑翔員
在上傳完天空的照片後，用戶可以依照自己的喜好客製化自己的滑翔員環遊世界。
.png)
5. 天空地圖
地圖視圖讓使用者從自己的所在處，瀏覽從世界各地獲得的天空。
6. 訊息回覆
天空的發送者可以接收來自匿名接收者的反饋。
Reflection
在這次的專案當中，除了在圖像化設計的部分作出完整的規劃外，也真正深入到核心問題的背景研究，了解市面上已經提出的解決方案，並嘗試從最符合使用者需求的條件下，發想出不同解決方案的組合。在視覺呈現上採用故事性的主題發想，花了許多時間構思App的世界觀，希望能讓使用者深入其境的感受一趟大自然的旅行。最終透過「Glider」的概念提出這一次專案挑戰的解法。