※ 這篇文章的許多設計都還在調整,所以當你真正用到時,可能又看起來「完全」不一樣了。
首先是大致上的介面從原本類似 Facebook 的設計變得更像 Twitter。但使用體驗上更趨近於兩者的混合體,因為我不是很喜歡 Twitter 那樣回覆、留言都是「推文」。
以往深色的左側邊欄會造成內容不置中,所以開發途中刪減但又拿回來很多次,至今還沒有結論。但像下圖這樣,少了那個網站看起來就很沒安全感。
我們還考慮讓圖片不會被強制填滿、裁切,這樣人像照片就能完整呈現。缺點就是圖片在貼文裡看起來可能更像附件而不像藝廊。另一點是貼文大頭貼下方是空的,這讓貼文更窄,少量的文字更容易填滿整個寬度。
我們保留了 Facebook 的反應功能,使用的是微軟開源的 Fluent Design 表情,還額外加上了幾個反應。
「致敬」可以用來跟人說「早安
」「你辛苦了
」「幹的好
」;而「哭哭」可以表達「真難過🥺」「我也好想要…🥺」「好…好可愛🥺」這種各式各樣的情境。
當某篇貼文有異,也可以用「思考」來表達,例如:「嗯…真的嗎 🤔」「先讓子彈飛一會兒🤔」。要是某些貼文很蠢,則可以用「ㄎㄧㄤ」。例如:「又來了🥴」「喔,是喔🥴」。
有人說應該加個「問號❓」,雖然很實用,但礙於快放不下了就沒考慮了,而且「ㄎㄧㄤ」看起來也很夠用了。
至於前幾年類似 Discord 的自訂表情功能也還在,但那被移動到限定於群組內了。避免有人上傳太多垃圾表情,然後瘋狂洗版不認識對象的貼文。
然後下圖的有點懶得解釋,原本是希望像 Steam 交換卡片那樣可以跟人交換,然後組成一個徽章。但我們後續把徽章系統拿來做別的用途了,所以應該不會有這套系統了。你可以看著這張圖片哀悼三秒鐘。
然後 AI 的大躍進,讓我們得以透過 AI 來協助撰寫整個專案,因為成熟的電腦就應該學會自己寫程式。
不過使用 GitHub Copilot 確實幫助我們很多。AI 從原本只會完成部份程式段落,到現在只要先設計前端、後端雛型,就可以透過 AI 譜曲整個系統,至少有 80%+ 的正確率能解決中間繁雜又重複的手續。
有時我們還會運用像 v0 的 AI 介面產生工具找靈感,但其實 90% 的時間都幫不上忙,因為 AI 的美感真的太差了。基本上還是先使用 Tocas UI 完成設計,再透過 AI 串接前後端。
我們希望網站就是網站,而不是像放大版的應用程式。舉例來說:Twitter 是固定的三欄位格局,但實際上只有中間會變動,其餘左右欄位都是陪襯的。
這種設計確實很方便,因為只要把中間當作手機畫面來思考就好了,但這種作法讓每個頁面看起來都一樣,既枯燥又乏味。
至於 TeaCat 的話,雖然沒螢幕截圖可以展示,但要是看一下以往螢幕截圖,可以看到個人頁面有超大的 Cover 圖片,我們之後還打算要支援有限度的自訂背景。畢竟個人頁面還是得能裝飾才有特色啊。
文章最後是對明年的期許,我們在 Steam 建立了一個之後封測會用的群組(搞不好之後又回去用 Discord 了,誰知道呢)
不過有了 AI 的協助,你大概就能在明年下半用到這個網站了,至於上半年會邀請現有名單內的封測使用者來看看這 10 年來我們到底都做了什麼。猜測這個網站會不會出師未捷身先死,也是蠻有趣的。
Facebook 現在一堆詐騙粉專跟假帳號,我好想快點用 TeaCat 喔。
其實還有很多議題這篇文章沒討論到,例如:政治、AI 內容氾濫…什麼的,我們有很多細節設計跟對策,但還是留給明年再講好了。