方格子開發誌#8｜新編輯器與發佈工具 ft. 三合一味噌湯
在這歲末年終的寒冬中，總是方格子內部 OKR 大亂鬥的日子；在這驚濤駭浪的新浪潮運動中，工程獅先生心中只想到葛飾北齋的浮世繪《神奈川沖浪裏》那般的浪潮洶湧，張牙舞爪的畫！見浪就如同聽到加勒比海的暴風雪（現在到底是在日本還是加勒比海...）
指尖與鍵盤按鍵的觸及率更是與需求一樣持續漲停板～( ´▽` )ﾉ
沒錯，在近幾波的新浪潮改版運動中，相信眼尖與眼不尖的格友們都已經有留意到我們的重大功能更新，也就是「新版編輯器與發布工具」！
各方回饋們，我們都看在眼裡，烙在心裡。
從新版編輯器上線後到此時此刻，我們看到了作者群、讀者群都有很多熱烈的討論，也收到許多正反兩面的使用回饋，有操作問題回報、邏輯問題、小蟲問題，也有看到許多創作者對新功能感到驚喜萬分。
這些聲音，方格子都聽到了！也很高興大家可以一同參與、分享編輯器寶寶出生的喜悅（父母笑淚中）。這些都將是方格子新編輯器持續優化與成長的養分，大家提到的問題，我們也都正在處理中，請大家不用擔心。
那麼話不多說、事不宜遲、姐就想聽、哥就想看！讓我們來帶領各位走進編輯器的精神時光屋，看看這一切的一切，是如何種下種子與開花結果......
過往編輯器的問題與改動緣由
設計面
- 其實舊編輯器也是經過時間的歷練（諸多調整後）的成果，除了色調活潑了點、不符合未來方格子品牌的設計方向外，基本上已讓人習慣操作。當然過去存在的「效能問題」需要優化這一點，是難以簡單切分為設計或技術面問題的。
開發面
- 網頁前端技術演進快速，舊編輯器在功能維運上，卻未跟上技術腳步。
- 過去使用舊編輯器時，存在一些功能瑕疵，在經過工程獅獅努力補丁的過程中，也已發現許多開發上可以再優化、更好的方向，甚至能因此提升效能表現。
- 隨著產品的規模成長，也發現新舊商業邏輯已交織在程式碼中，對於未來想要實踐多情境編輯或更多應用的前提下，這已是硬傷且無法實現！
- 資料層級從屬錯亂，且產生矛盾，這在現在或可知的未來，將會造成更多衝突、同時無法預知影響範圍。
使用者思維考量
- 從讀者行為切入
標示著付費文章卻不需要付費、專題付費開關打開卻未有方案、免費專題裡面混雜了需要付費的 Premium 文章，常讓許多讀者產生黑人問號，而令我們覺得可惜的是，這也錯失了一次次幫創作者爭取到付費讀者的機會...... - 從作者行為切入
許多功能的原始立意，並非實際被應用的方式，但透過各式各樣活躍的應用，也更讓我們明白創作者背後需要的是甚麼。而此時此刻，隨著創作者增多，我們在新編輯器與發佈工具推出的進程中，也嘗試在資料層級與作者們的應用方式建立出更完善的架構，希望讓方格子的內容生態更能穩健成長。
💡 基於以上種種原因，讓我們萌生了踏上重構編輯器與發佈工具的日光大道之不歸路上！是的，我們「重鑄」了一套新版編輯器與發佈工具！（Rock）
新編輯器介紹文傳送門
相信有在 follow 方格子官方帳號的各位格友們，應該有發現我們針對新編輯器，撰寫了一系列的介紹文，工程獅獅直接在此 BJ4 隆齁哩：
同時，我們也訪問了設計獅們的心聲，並且歸納了以下幾個核心概念來跟大家分享。
關於新介面設計
設計動機
在過去快速迭代、開發的背景下，設計元件也累積不少設計債，透過這次改版，一併整併編輯器的 Icon 與品牌色應用，讓整體呈現更具有品牌的一致性。
多介面操作情境
章節目錄
其實這也是過去許多作者一直敲碗的功能，在章節目錄裡，我們也承襲了方格子編輯器「所見即所得」的概念，編輯到哪，目錄就跟著長到哪！設計上也把簡約的風格融入介面設計中。
工具列
由於行動裝置小螢幕的特性，在創作環境的版面上，我們需要從網頁版的眾多功能中做出取捨，挑選創作者們編輯時最常用的幾個功能，讓文思泉湧的你，不用等到回到電腦桌前，也可以立刻拿起手機記錄生活！（歡迎大家右轉前往參戰迷因大賽主題徵文）
方格子過去一直是以網頁為主的編輯器，針對手機版本的推出，設計獅獅們參考了多種 APP 版本的文字編輯器，並且去蕪存菁，以符合現今大多數人在手機編輯的習慣與操作模式，讓使用上可以更貼近原生 APP 的操作體驗。（APP的敲碗我們也有聽到！）
其實這也是過去許多作者一直敲碗的功能，在章節目錄裡，我們也承襲了方格子編輯器「所見即所得」的概念，編輯到哪，目錄就跟著長到哪！設計上也把簡約的風格融入介面設計中。
工具列
由於行動裝置小螢幕的特性，在創作環境的版面上，我們需要從網頁版的眾多功能中做出取捨，挑選創作者們編輯時最常用的幾個功能，讓文思泉湧的你，不用等到回到電腦桌前，也可以立刻拿起手機記錄生活！（歡迎大家右轉前往參戰迷因大賽主題徵文）
方格子過去一直是以網頁為主的編輯器，針對手機版本的推出，設計獅獅們參考了多種 APP 版本的文字編輯器，並且去蕪存菁，以符合現今大多數人在手機編輯的習慣與操作模式，讓使用上可以更貼近原生 APP 的操作體驗。（APP的敲碗我們也有聽到！）
閱讀體驗優化
在這次編輯器的視覺改動上，設計端做了引言樣式調整、段落間距優化、行距字級大小的重新定義，讓整體編輯器與文章閱讀頁面的閱讀體驗，都能夠在這次改版中有所提升，同時也讓文章在作者與讀者之間帶出沉浸式創作體驗，減少了編輯與閱讀上的干擾，同時也讓視覺上更統一、更成熟而乾淨。
功能回顧與概覽
上述我們提及了方格子編輯器與發布工具重構的來由與脈絡後，你是否已開始有所心動，想要趕快手刀寫一篇方格子的好文了呢？
別急別急，在你開始按下頁面右上方的「開始寫作」按鈕之前，讓工程獅獅我來為你做最後的整理，概覽一下新編輯器與發布工具的新玩意兒～如果想跟親朋好友介紹我們的編輯器，可以直接把這一段當作 cheat sheet 分享出去：
- 編輯器的介面設計簡化色調，帶出由創作者主導的寫作專注感。
- 我思故我在！編輯器支援手機、桌機瀏覽器，讓你躺著、坐著、站著都能創作！
- 所見即所得！編輯到哪存到哪！就連發布工具的選擇也不例外！
- 設定上能透過每一個步驟選擇，由系統自動幫你過濾、梳理文章發布流程的眉眉角角。
- 新增章節目錄導覽，讓你在編輯當下快速來回文章段落，精準掌握內容大綱。
- 工程師們有福了，新編輯器新增了分享程式大小事的好幫手： code block、markdown 功能。
最後的最後，一定要分享：
新的編輯器只會持續強大，在還掉了技術債後，我們更是會快速迭代，持續擴增、實做出大家敲碗許願的各項功能！ᕙ༼ຈل͜ຈ༽ᕗ
結語：我們已正在規劃更加完善的版本
本次編輯器＆發佈工具改版，工程獅、設計獅、PM、格編們、老闆大衛，大家歷經了線稿、流程圖、程式碼、腦力激盪、測試除錯的腥風血雨，沒日沒夜、沒聚餐沒朋友地討論、測試、修正、討論、測試、修正、討論、測試、修正......
雖然說是改版，但實際上我們等於重鑄了一套編輯器＆發佈工具，而現在作業系統、瀏覽器與裝置螢幕大小琳瑯滿目，確實沒辦法全部購入來測試。而有時同一組合機型也會有些微的差異，所以我們會盡全力修正，希望在一月上旬能提供一個更穩定的版本，讓更多人用得更順手。
持續收到的意見、回饋、抱怨、鼓勵，開發獅獅團隊都有聽到！有聽到！！有聽到！！！（眼神確認）(◕‿◕ ❀
技術端的難度當然不在話下，而更重要的是希望平台的資料架構、邏輯的導正、技術的推進，能讓方格子立下更好的平台基礎，才能迎接更多挑戰，也希望用更清新、成熟的平台形象與技術質感，來讓格友們與方格子共創內容有價的夢與真諦。
說到這，我可要來煮一杯熱熱的、雜了些「汗水」、「苦水」、「心血」的三合一味噌湯！方格精神怎來的我就問？ （撇頭望了一眼電腦右下角的小時鐘，覺得還是不要問了......）
在最後，容我放一首三毛與李泰祥詞曲共舞的「一條日光大道」！放下去 Chill 一波！
在此也祝大家聖誕快樂！
你以為我是排程發佈，但其實是一寫好就立刻發佈的
工程獅先生一鞠躬！
工程獅先生一鞠躬！
為什麼會看到廣告
289.1K會員
3.0K內容數
哈囉，歡迎來到方格子 vocus 的官方沙龍！
在這裡你可以參與方格子 vocus 的發展旅程，接受到所有關於 vocus 的最新動態，包含平台重大功能更新、活動消息、各房間發佈的最新內容，甚至是徵才資訊等等，現在就按下「加入」，與 vocus 一起展開精彩的創作冒險吧！
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
方格子的創作者們、格友們，應該已經在昨天（2024/08/08）的方格子 vocus官方公告，知道討論區即將改版的事情。在八月下旬，沙龍的討論區就會有巨大的變化，且很可能帶動方格子生態大幅轉變。
而我個人認為，這一次的更新，對於小眾創作者有更大的影響與助益。
改稿真的不是一件需要太多情緒的事，把錯的挑出來、改掉，就這麼簡單！很少有什麼「大錯」需要去爭執誰對誰錯。不過真的滿多時候鬼遮眼或是偶爾真的會發生某種「明明前一版是對的，這一版居然是錯的」的鬼故事，把問題找出來解決就好！
最近我開始試用方格子這個平台，發現方格子這個平台不錯的優點，想跟大家分享
在方格子上發文三篇文章後，平台會寄一封信給你，跟你說有哪些變現方式：
1. 贊助，目前暫停使用
2. 廣告分潤計畫，透過廣告收入來補貼創作者的方案
3. 沙龍，一個付費內容的計畫，讀者可以付費訂閱你的專屬內容，
回顧一年在方格子的創作歷程，作家深刻感受到創作時環境和支持的重要性。雖然在平臺創作速度和品質都有所提升，但作家也提出了對方格子的友好程度和讀者體驗的質疑。作家雖希望平臺變得更好，但也尊重其營運策略。希望方格子能在支持創作者的同時，提供更良好的讀者體驗，找到盈利和夢想的平衡點。而作家以科技力量助手，
文章編輯後，內容消失。痛！
https://vocus.cc/article/64469176fd897800011626f0
「有時候，人們會嘲笑我們國家竟有這麼多過剩的書籍。可是，如果我還年輕有幹勁，我會選擇當編輯，從事出版事業。我們有責任讓智慧一直延續下去，絕對不可以把它當作炒熱門，卻罔顧良心的工作，因為那些粗製濫造的新書對於世界文學的危害程度，可能要遠大過戰爭帶來的後患。」～赫曼．赫塞
兩個平台比較
從去年8月份加入方格子創作平台後，就花了非常多的時間在創作上。12月份的報告顯示，我是前一趴的超級歌友，所以對如何使用方格子跟方格子最近沙龍的改變也都能夠了解，也體會了很多。以一個文創工作者來講，這個平台相對是非常友善跟親民，創作時所要的工具絕大部分都能夠良好的提供。另外一個我常用的
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
方格子的創作者們、格友們，應該已經在昨天（2024/08/08）的方格子 vocus官方公告，知道討論區即將改版的事情。在八月下旬，沙龍的討論區就會有巨大的變化，且很可能帶動方格子生態大幅轉變。
而我個人認為，這一次的更新，對於小眾創作者有更大的影響與助益。
改稿真的不是一件需要太多情緒的事，把錯的挑出來、改掉，就這麼簡單！很少有什麼「大錯」需要去爭執誰對誰錯。不過真的滿多時候鬼遮眼或是偶爾真的會發生某種「明明前一版是對的，這一版居然是錯的」的鬼故事，把問題找出來解決就好！
最近我開始試用方格子這個平台，發現方格子這個平台不錯的優點，想跟大家分享
在方格子上發文三篇文章後，平台會寄一封信給你，跟你說有哪些變現方式：
1. 贊助，目前暫停使用
2. 廣告分潤計畫，透過廣告收入來補貼創作者的方案
3. 沙龍，一個付費內容的計畫，讀者可以付費訂閱你的專屬內容，
回顧一年在方格子的創作歷程，作家深刻感受到創作時環境和支持的重要性。雖然在平臺創作速度和品質都有所提升，但作家也提出了對方格子的友好程度和讀者體驗的質疑。作家雖希望平臺變得更好，但也尊重其營運策略。希望方格子能在支持創作者的同時，提供更良好的讀者體驗，找到盈利和夢想的平衡點。而作家以科技力量助手，
文章編輯後，內容消失。痛！
https://vocus.cc/article/64469176fd897800011626f0
「有時候，人們會嘲笑我們國家竟有這麼多過剩的書籍。可是，如果我還年輕有幹勁，我會選擇當編輯，從事出版事業。我們有責任讓智慧一直延續下去，絕對不可以把它當作炒熱門，卻罔顧良心的工作，因為那些粗製濫造的新書對於世界文學的危害程度，可能要遠大過戰爭帶來的後患。」～赫曼．赫塞
兩個平台比較
從去年8月份加入方格子創作平台後，就花了非常多的時間在創作上。12月份的報告顯示，我是前一趴的超級歌友，所以對如何使用方格子跟方格子最近沙龍的改變也都能夠了解，也體會了很多。以一個文創工作者來講，這個平台相對是非常友善跟親民，創作時所要的工具絕大部分都能夠良好的提供。另外一個我常用的