休學回顧(重大經驗四): 個人專案

這篇是我「休學回顧」系列中重大經驗的第四篇!

在這一年,我分別以 UX 設計師的角色參與了三個不同的長期個人專案。

雖然這三個專案都還不算完成,但我都從中學到了很多。

在這篇,我想分享每個專案的起源、大致流程、我的負責項目、與心得。

專案一:Bottable Fiber UI

如果你看不懂這個專案名稱,沒關係 😂 我後面會解釋~

起源

時間回到我開始在中國信託實習的第二天。當時一位學弟跟兩位朋友想做一個 UI Library。

UI Library,意思是 User Interface Library。User interface 是使用介面,而 library 則是圖書館。所以,UI Library 就是一個專門儲存各種使用介面(顏色、按鈕、排版、還有太多)的資料庫。

簡單來說,你現在不管到任何一個網站,你看的每一個設計元素,都有可能是從一個 UI Library 來的。

他們當時想做 UI Library。所以就問我要不要加入他們並協助設計。

而當下的我,因為非常缺乏個人專案的經驗,而且又想精進設計,所以我馬上就答應了。

而 Bottable Fiber UI 就誕生了!Bottable 是專案名稱。而 Fiber UI 是這個 UI Library 的名稱!

轉變

不過呢,我在後續的幾個月中,與團員有無數次的視訊討論。結果,我們最後改變了專案的方向。專案名稱不變,但我們改做 Website tracker(網站追蹤系統)!

透過這個追蹤系統,使用者可以追蹤特定網站的資訊。當這項資訊有任何變動時,他會即時收到通知(像是可能在 Amazon 的一雙球鞋的價錢)。

經過多次的修改後,我設計出了這個追蹤系統的 Chrome extension、網站、和其他頁面像是登入。

最後,我想分享我的一些心得跟成長:

與軟體工程師的密切溝通很重要

這算是我第一個與工程師合作的專案,所以很多討論對我來說都是新的體驗。

而經過多次的視訊,我發覺我每一個設計的元素,都是跟工程息息相關的。像是追蹤系統的步驟是什麼?要怎麼在視覺上呈現?要如何把專業術語變得更好懂?

再加上,我有太多不懂的術語。因此我常需要詢問團隊的工程師來進一步的設計。

所以,真的需要反覆跟工程師溝通才會確保設計能符合要求。

新手的設計成長

透過這幾個月的練習,我有感覺自己的設計能力有慢慢進步。這些是我最一開始的設計:

而這些是我後來的設計:

我覺得有差啦 😂 回頭來看發覺初版有一種懷舊風?很像早期的設計 😂 當然如果是刻意選擇這種設計風格那沒關係,但我當時完全沒有要刻意。

後端工程真的好複雜

這應該算這次專案很深的體悟。

雖然我們嘴上說「網站追蹤系統」,但是,到底要怎麼做到這件事情呢?

這就牽扯到後端工程了。思考所有背後的邏輯跟一般人看不到的細節都是後端工程師的任務。

我聽了這麼多討論下來,我還是很難懂我的團員在講後端工程的時候到底在說什麼 😂 簡直是火星語。。。不過,我當時也就是盡量學我需要知道的知識~

需要使用者的證實嗎?

我覺得這是這個專案最可惜的地方。

架設網站追蹤系統是可以學到很多東西。我們當時基本就是鑽了頭在做這個專案。

但是,我們完全沒有考慮說會不會有人用這個東西。因為說不定我們花這麼久在這個上面,結果根本沒人想用 😥 我們完全沒有去了解潛在使用者的存在跟他們的思維。不過,我覺得這是一個學習過程,所以當時沒有想太多。

總結

由於我後來去當兵,兩位組員專心申請大學,跟一位開始了實習,我們最後這個專案就緩緩地停止了。

雖然沒有能夠完成,但我很高興能參與這個專案~

專案二:Cafe Co

目前為止這是我最喜歡的專案 😆

起源

十一月的某一天,我凌晨一點多在朋友家。

我很喜歡去咖啡廳。但,我發覺在網路上很難找到適合自己需求的咖啡廳。因此,那一晚我就跟我一位朋友聊這件事情,並也跟他分析一個找咖啡廳的網站(Cafe Nomad)。

我當時就跟問他會不會有興趣開始一個專案來解決這個痛點。結果,他非常有興趣!

而,這個專案就這樣開始了!

過程

一開始,我們做了非常多的用戶研究。我們先訪問了一些咖啡廳愛好者來了解他們的習慣與注重咖啡廳的點。

接著,我們再經過訪談的結果來撰寫線上問卷,並發到了臉書的咖啡廳社團。

整合完之後,我就開始設計了!中間也有許多與工程師的反覆討論。而當我們一做完原型,我們就做了非常多的使用者測試。我們甚至最後還有把我們的 app 原型給生活在他方夜貓店的老闆測試!

最後,我想分享我的一些心得跟成長:

專案管理

由於這個專案算是我發起的,所以很多時候都是我規劃會議時間跟要討論的點。

再加上,我當時其實還在當兵,所以我的時間管理上也抓得很緊。

透過每一次的會議,我們慢慢發覺一些可以讓我們更有效率的因素,像是會議時間、休息、運作模式等。而我們也學到了一些專案管理的知識,像是 sprints 跟 Agile。

現實層面的問題

不過,我覺得這個專案最珍貴的地方,就是它讓我們考慮到非常多現實層面與錢的問題,尤其是當我們把原型給咖啡廳老闆測試的時候。

結束後我們大家才發覺我們這個 app 可以開發的功能實在是太多了(優惠、錢包、點數等)。基本上是一家公司可以做的事情了。但,我們只有四個人。而且,我們目前的版本還不至於可以打壓其他的競品。

總之,我覺得我們四個在這個過程中討論了很多設計之外的議題,像是要如何用這個 app 賺錢、行銷這個產品等。

也因為這個專案,我才了解要靠一個 app 創業是多麼不容易的事情。

一群朋友

我覺得這個專案滿不可思議的。因為團隊裡有兩位是我小學的好朋友。

這個專案前,我們還是有來往,但就不是非常頻繁。

但,經過這個專案後,我們關係變得非常的好。我跟他們在疫情爆發之前還有去金門玩(其中一位有事所以不能來)!而且,就算三位團員都回到美國了,我們還是會經常視訊聊天。

再加上,因為我預計7/21會回去,我們大家打算八月初要在舊金山碰面!

我自己覺得很不可思議。有一種回到原點(小學)的感覺。我自己很珍惜這段友情,也希望能一直保持下去!

總結

我非常高興能跟一群好朋友從零到有一起創造出一個 app!如果想了解更詳細的過程,可以看看這一篇

專案三:浦浦屋

起源

這個專案的起源算比較簡單:我爸的影像製作公司想要一個網站。😂

過程

我覺得這個專案好的地方就是我的「客戶」⁣是我爸。所以基本上我有任何想法或是設計我都可以直接給他看。

流程基本上就是我透過相關網站與討論來了解我爸對於這個網站的期許跟方向。原型做完之後我也會跟他討論。

而目前的設計長這個樣子:Palace Production 浦浦屋

最後,我想分享我的一些心得跟成長:

討論前的完成度

由於我的客戶是我爸,所以我很常還在設計階段就直接給他看。

不過呢,我覺得如果我之後會跟客戶合作,我需要確保我每次討論之前都要準備好我的設計呈現,並把討論大綱準備的更完善。

Webflow 的實驗

由於我爸是一個設計想法豐富的人,他對於公司網站有許多自己的想法,尤其動態方面。

因此,我也藉著這個機會探索 Webflow(我用這個做網站)的潛在功能。而我也慢慢有發現一些之後可以用到的技能!

總結

我預計這個禮拜會正式完成這個網站並交接給我爸的公司!

P.S. 其實我還有參加另外兩個 hackathon!不過目前不規劃寫出來~ 如果想知道,可以看這邊(PennApps Vitals)或這邊(Sunhacks AnyTime)。

.

.

.

如果你讀到這裡,太扯了。真的很謝謝你讀完了這篇 😊

我大一念完後休學了一年(2020 五月 - 2021 九月)。

這篇是我「休學回顧」系列中重大經驗的第四篇 :)

這段期間發生了不少事。所以,想繼續讀這個系列的話,以下有連結 👇

👉 下一篇文章:休學回顧(重大經驗五): KCON 歌唱比賽

👈 上一篇文章:休學回顧(重大經驗三): 創咖啡廳帳號

或看看有沒有其他對你有興趣的文章:「休學回顧」系列‍

Read Next