專注：從心覺察你的專屬計畫！《記事探險》從 0 到 1｜Fourdesire 2021 年生活遊樂場 #3

「我的夢想不是完成更多，而是擁有更少的待辦事項。」 ── Francine Jay, 作家

《記事探險》是一款讓你紀錄待辦事項的生產力 App，可以透過三步驟展開生活探險：

記錄當天要完成的事項
完成事項，發展獨一無二的島嶼版圖
回顧事項的進度與歷程

《記事探險》透過建立島嶼和板塊，鼓勵大家練習管理每天的待辦事項，接著使用回顧事項的功能，去反思自己的待辦規劃，找到屬於自己的生活節奏。

本篇文章會由設計師庫盟和工程師小夫帶大家從「心」察覺，打造出屬於你的《記事探險》，以及分享產品溫馨又有趣的開發故事，希望可以陪伴使用者們一起戒斷拖延症的壞習慣。

團隊成員，設計師庫盟（左）、工程師小夫（右）

《記事探險》的第一塊板塊

專案誕生的最初，是源自於設計師庫盟的一個想法「有沒有玩法單純，不用花太多時間在 APP 上，可以專心地完成待辦事項的產品？」

在概念期，一開始是由製作人 Taco 、藝術家 Weixiu 和設計師 Ku 共同討論出產品的風格調性。當時在討論畫面風格時，藝術家在提案中選出了「杯子蛋糕」的概念，包含可愛迷你、造型多變，還有最重要的「收集感」，都與想像中產品希望帶給使用者的感受有相似之處，團隊便開始朝著這個方向著手打造《記事探險》。

前期的設計過程

設計師庫盟特別分享：在發展產品概念時，為了了解使用者的意圖和動機，進而打造更人性化且友善的產品，他下班後就會跑去誠品書店，閱讀「哲學」或「認知心理學」的書籍，培養自己的邏輯思考和思辨能力，也透過閱讀補充更多能量，包含與哲學相關《笛卡兒的思辨健身房》、認知領域《圖解認知心理學》以及設計專業《觀看的方式》，都是很好的入門書籍推薦。

1.從設計師開始創造

最一開始，介面設計上僅有事項列表、時間軸、事項狀態等主要項目，然而，後來加入更多功能和機制後，衍生出了更多需要釐清優先順序的細節，例如等級、遊戲貨幣、日期呈現等。為了避免介面資訊呈現過於混亂，開發團隊也花了許多時間討論合適的方式。

舉例來說，在「時間軸」的設計上，團隊也嘗試做了許多版本，持續調整、修正後，才成為了大家今天看到的《記事探險》頁面，透過時間軸，可以清楚的看見每天的待辦理事項。

2.與藝術家結合的過程

在介面框架完成之後，產品設計中開始加入由藝術家創作的豐富元素，例如象徵不同完成狀態的島嶼板塊，而這個階段也是經過了多次的討論與磨合，將覺得可以修正的部分透過簡報、文件等方式記錄下來，持續溝通以確保團隊成員的資訊一致性。

在主畫面中，以三種視覺語言來呈現三種狀態，分別是「完成」、「取消」和「延期」：

完成：以一個底座為基礎，在板塊上方搭配不同的物件。
取消：以打叉元素為基礎。
延期：以能被延伸的元素為基礎。（像是纜車、橋樑、運輸帶等）

這三種狀態的形狀上有很大的差異，好處是「能夠讓使用者在主畫面中，快速地分辨事項的狀態」。最後以這樣的規則，套用不同的主題中去做變化，能夠讓使用者切換不同的主題時，都能夠以相同的方式來理解事項狀態。

3.把產品設計規格化

不同主題的樣式呈現，幻霧工廠（左）、落日雪嶺（右）

在產品風格和設計大致底定之後，就要進入「規格化」階段了。

透過規格化，既有的物件會有一套明確的準則規範，讓開發團隊有清楚的原則，進而持續產出、重複利用，是提高品質穩定度、降低投入時間成本的重要環節。包含顏色、介面，只要跟著詳細的規範和設定，就可以順利產出有一致性的產品風格，更容易去調整畫面上的視覺。而在《記事探險》中也有多元的主題可以使用，在製作主題樣式時，同樣使用了「規格化」的方式，創造更多不同的使用感受，增加豐富度與探索場景。