在 TeaCat 上瀏覽新聞

當你在 TeaCat 上分享新聞連結的時候,就有機會被彙整成一篇新聞,點擊後可以看到有提及到此連結的所有貼文。

不過因為《新聞議價法》的關係,如果使用新聞媒體的內容透過 AI 再製、彙整,會需要授權費用(用來補償使用者不點進原文網站),所以 TeaCat 只是很簡單的用連結預覽的方式來呈現,點擊標題後其實是直接跳回原網站。

理論上還順帶協助了原網站增加點擊流量,畢竟像 Google 搜尋引擎那樣的 AI Overview 讓許多網站的流量都急遽下降實在是有點無助於網際網路的發展。但這能怪誰呢?有時候 AI 綱要還比原文要有營養多了。

部落格系統

算是 TeaCat 的特色之一,可以當作個人部落格發文,讓搜尋引擎(如:Google、Yahoo)妥善地索引。但又不像 WordPress 那樣太多功能。適合用在想透過長篇文章抒發或是記載一些生活經驗的時候。

文章也可以鎖上密碼,被上鎖的文章一樣會被照常列出,但閱讀時會被索取密碼。

預設大頭貼

前一陣子收到很多人的二創大頭貼,所以想說彙整起來當作預設大頭貼。雖然解決了新帳號大頭貼空虛的問題,但同時看起來似乎又有點凌亂。

如果有人剛註冊完看到自己的大頭貼是奇怪的角色,也可能會讓人感到困惑。後來決定將這個功能放在「建立新角色」裡面。也就是預設帳號只會有預設大頭貼,但當你建立第二個角色的時候就可以從這一批裡面選一個(每次隨機從資料庫中挑選 12 個)。

同時也在選擇的時候會顯示創作者的名字,這樣就不需要額外儲存使用者目前的大頭貼是由誰創作的資訊,可說是一舉兩得。

聯邦宇宙 🤔

一直想幫 TeaCat 加上聯邦宇宙的功能(還有 RSS),畢竟內容能夠跨越各個網站才像是網際網路最原本的初衷。

反觀社群網站如 Facebook、Twitter 都加上了一道「必須登入」且無法被搜尋引擎索引的「防盜層」,反而讓一些精彩的文章、教學陷入演算法黑洞,還真不希望變成那樣。

話雖如此,實做聯邦宇宙的功能也不是很輕鬆,所以目前還是半殘狀態。但跟 Threads 的假聯邦宇宙(Meta 自 2023 年說要實做之後,大家只能單方面從 Threads 取得資訊,沒辦法與其互動)相比,TeaCat 的半殘則是相反;也就是可以取得各個聯邦宇宙的動態,但卻無法與其互動。

除了系統差異導致實做困難之外,還有社群風氣與治理。各個國家的社群風氣不同,如果 TeaCat 使用者不停轉發某個聯邦宇宙的內容、或是對其發表太多看法,很有可能會造成別人的困擾而導致 TeaCat 在聯邦宇宙中被封鎖 💀

撰寫社群網站最難的果然還是社群治理,就像企業管理最麻煩的是在人事管理上。

影片上傳 + 預覽圖

好消息:可以上傳影片 壞消息:影片上傳的功能只有付費訂閱才能使用
(畢竟影片轉檔伺服器、網路傳輸頻寬都好貴——)

但有打算要支援內嵌 YouTube 影片就是了,
就是很久以前可以直接在貼文播放 YouTube 影片的那種

現在社群平台為了鼓勵大家上傳影片到自家網站,似乎都把這功能拔掉了

網站後台的設計

一直很好奇 Facebook、Twitter 的網站後台長怎樣,過了幾十年還是沒看過
但你現在可以看看我們的

是說幾個月前去 Costco 看到他們的倉儲系統是終端機介面,
員工如果要查某個物品有沒有貨,只能輸入英文名稱

據說是幾十多年前的軟體,但現在得跑在 IBM AS/400 模擬器上
圖片來源:Reddit – The Word Costco on this computer terminal at my local Costco

這種「如果沒有壞,就不要去動他」還蠻有道理的,
讓人也想用終端機介面設計後台系統了,但這樣對於顯示圖片就不方便了

明年見(※大概啦)

※ 這篇文章的許多設計都還在調整,所以當你真正用到時,可能又看起來「完全」不一樣了。

首先是大致上的介面從原本類似 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 內容氾濫…什麼的,我們有很多細節設計跟對策,但還是留給明年再講好了。

可供自訂的個人簡介側邊欄位

在社群網站普及的情況下,網站不再像以前的《無名小站》那樣具有高自訂度的個人化設計,
想起以前甚至可以自訂 JavaScript 語法,讓時鐘跟隨著滑鼠游標,就覺得有趣。

話雖如此,讓使用者能夠隨意安插 JavaScript 語法是件很危險的事情,
但——距離你最後一次看到使用者可以自訂個人檔案背景,是多久以前了?

我們不斷地在「保持一致性」與「多樣性」中做出取捨,
讓使用者可以自訂側邊欄位,像是:展示自己得到的物品項目、新增個人文字簡介或旗幟,
又或者是像 2014 年的 Twitter 那樣可以讓使用者自訂「領銜主色」

Steam 給予了我們一個很好的想法,
但願使用者們能在使用網站的同時,不忘讓自己獨樹一格。