從封測到正式版上線:有好有壞的方格子編輯器2.0

更新於 發佈於 閱讀時間約 9 分鐘

方格子:一個不斷挑戰自己的網站

我加入的這一年,方格子一直不斷在挑戰新的東西。
官方積極與創作者們聯繫、提供協助、建立關係、舉辦活動──加入的創作者們在進化,網站本身也不斷地推陳出新。

raw-image

方格子即將推出全新的「編輯器與發佈工具」,為了讓這項更新更好,官方決定邀請創作者,12/7-12/9進行限定試用。

而我決定依照自己寫作的習慣,來真實地試用它。

你現在看到的文章,是在封測時期的測試版編輯器完成的。​

一、外觀更新

畢竟是外觀,先丟畫面截圖,會比較直觀一點。

raw-image
raw-image

引用官方的說法,這是:

「更沉浸式的創作體驗:為了讓使用者更專注於內容創作,我們將頁面顏色設計為低調優雅的品牌灰,並減去不必要出現的元素。」

省去雜訊

首先,我自己是滿開心「試試Premium」消失了,因為我處於編輯模式,又不是在閱讀他人的文章,那個當下實在是沒有必要推廣Premium。

不過如果之後Premium在編輯模式有其他功能,我並不會介意它在編輯模式出現。

字數計算

過往字數與閱讀時間是在文章上方,我總得完成文章後,再滑到最上面去看預估──這個操作不大直覺,也常常讓人忘記方格子有這個好功能,實在有點可惜──現在放到畫面右手邊置底,寫到一半隨時看一下字數,對於習慣在網站編輯器上撰文的人而言,我認為是很好的改動。

缺乏生氣

「沉浸式的創作體驗」換言之即是「少了顏色」。
我一直都很喜歡方格子紅紫橙的配色,現在大幅縮減品牌配色的存在感,對我來說並不是加分項。

raw-image

就連在Word上寫文,都有預設的藍色了。
在網站上撰文反而什麼顏色都沒有,寫起文來比起說是沉浸式,不如說有點死氣沉沉,所以我個人沒有太喜歡這項改動。

(已修正)有點逼死強迫症的加號

過往新增圖片、功能的加號,呈水滴箭頭狀,指向光標正在的那一行。
新版則會出現在光標的下一行,對我來說有些微妙的不對齊感。

我不確定是因為圖片會新增在下一行?還是有什麼特殊的理由?

raw-image
raw-image

二、自動生成章節

滿分項目

在閱讀這篇文章的時候,各位閱覽者應該就可以看到旁邊的章節表了吧?
在小說類的文章,這樣的功能並非必要,但是閱讀心得,或者是像現在這樣說明性質的文章,有目錄無疑是一件好事!

使用上非常方便,預設開啟,後續也可關閉。

這項功能我非常滿意,沒什麼要提出的,十分期待後續加入正式版。

raw-image

三、編輯器功能

(已修正)BUG回報:華文常用符號

框選文字後,站方將提供一些常見的引號,點選後可以直接加入文字內──話說這個功能原來以前就有了?我用了整整一年從來沒有點開過啊!一直到測試新版時,每個功能都摸一下,才發現原來有這個東西!

raw-image

不過我要說的不是這個功能本身,畢竟我習慣自己打標點符號了,而是在新版編輯器中,它有出現一點不大不小的BUG。就是在選擇符號後,它並不會完整框住整段文字,而是會漏掉句子的第一個字。

而且目前測試來說,舊版並沒有這個問題。

raw-image

程式碼

這次改動最大的,應該是加入「程式碼」的功能?

對於曾經在Medium活動的人來說,這個功能再熟悉不過,可以拿來製作章節目錄之類的。但方格子目前已經有旁邊的章節功能了,我目前還沒想到自己在寫作時,會拿這個功能做什麼?

以及一點開來,並沒有任何說明,一般新人在使用上應該會遇到滿大的障礙。


(已修正)BUG回報:自動跳行問題

這裡插入一個編輯時會遇到的問題。
就是打字時會時不時替我正在打的這段字置底,畫面亂滾,非常的困擾。
導致我後半部的文章,基本上只能先去記事本/Word書寫,再複製貼上過來,並不能直接在網頁上編輯。

狀態大概是這樣:


滑鼠並未移動,僅是單純打字而已。


(已修正)刪除插入網站

raw-image

這是我剛剛插入YT測試影片才發現的。以前摸著影片可以直接顯示刪除符號,現在不會顯示。無法從下面一行按backspace刪除插入網站,也無法點著它刪除,需要在它上一行按delete才可以。


四、發佈工具

我其實對舊版的發佈工具並沒有什麼意見,在功能上算是簡潔易懂。
我覺得最大的問題,是如果要修改TAG或任何設定,都需要經過「點擊進單一文章→編輯→準備發佈→關鍵字→確認發佈」這個步驟。

不算太麻煩,但也覺得可以更簡單一些。

raw-image


滿版設計的阻隔感

這部分我覺得有點微妙,還不確定自己喜不喜歡。

舊版的浮出視窗,讓我確認自己現在要送出「這一篇」文章了。如果有什麼還要修改的,點一下外面灰色的部分,就可以回到文章中直接編輯。

raw-image

但新版必須要點叉叉,且在發佈當下看不到原先的文章。
說不上「不好」,但是如果確定要改這種形式,我可能需要一點適應的時間。

我覺得這有點增加了「編輯→發佈」的阻隔感,讓這兩者更獨立開來。

在單篇文章上,我目前沒什麼感覺。但如果要修改多篇,並且尚未推出批量修改,或從外部修訂TAG之功能,我認為有可能讓有編輯需要的創作者感覺更麻煩──實際操作上其實沒差,單純感受上。

因為原本像是單一頁面的兩個動作,新版像是要進入兩個頁面才能操作?


架構流程的更改

舊版是12345,Go!
新版則是1-a-b-c、2-a-b、3,Go!的這種感覺。

將小項目修改為子目錄,讓發佈保持在「文章資訊」、「加入專題」、「準備發佈」三個大項目上。

raw-image

設定付費文章

我自己第一次使用時,沒有留意到「加入專題」這個項目內還有繼續下一步,直接點大目錄跳到「準備發佈」上,而第一時間沒有找到付費文章設定的選項。

raw-image

我認為這個步驟完全沒有必要分頁──應該說,能夠減少「編輯→發佈」需要經歷的頁面,會讓整個步驟更流暢。或許可以在選擇加入付費專欄後,直接在原頁面的專欄位置跳出下方的子選單?

讓它維持在同一頁,不需要那麼多分頁。

raw-image

特別是勾選付費後,還有第二頁的付費牆選項、第三頁的自訂畫面──這和之前「打個勾→直接去編輯」比起來,多太多不必要的畫面了。

※正式版更新

從直版改為橫版,可以一口氣容納更多專題,在版面設計上比較清楚?
不過還是要跳到下一頁才能設定,對我來說還是一樣。

raw-image


付費牆的畫面,仍然是文章編輯的一環,應該要和編輯器近一些,而不是越隔越遠。

應該說,目前的發佈操作,可以說是官方利用分頁、流程,帶著創作者一步一步設定,保證沒有任何一個東西出錯。在發佈文章,或者是新手入門時,我覺得會是很好的設定。

但是在發佈文章後,或者對我這種習慣性「編輯發佈編輯發佈」來回跳的即興型作者,之後要進行任何編輯,又特別是大量文章編輯時,將會是一場徹徹底底的噩夢。


神之新的發佈設定

上面說了這個多個人不喜歡的部分,其實都是發佈器外觀、架構上的問題。

但公佈工具本身,也就是新的功能的部分,我還是要來說一下:

  1. 限時免費公開
  2. 一文多專題
  3. 可以用限定連結閱讀的隱藏發佈

這三個新功能簡直就是天使!超級喜歡!在經營上瞬間多了非常多有趣的新作法!等這幾個功能正式上線後,我非常非常期待能利用限時免費和隱藏發佈,來做一些特別的互動!


結論:功能很棒,但不喜歡外觀和發佈工具的架構


下班後,花了近兩個小時整測試,寫完了這篇文章。
(這還只是電腦版的部分)

滿多是我個人使用上、偏好上的主觀意見,一邊寫一邊注意到各種新的東西,只好繼續補充各個細項。全程沒有任何掩飾,有滿多挑毛病的地方,也很直接地講出個人的心得。

我很喜歡方格子,作為同時經營非常多平台的人,我目前是以方格子作為我的「主站」,自然希望這個網站能越來越好。

我一直很喜歡方格子樂於改變、成長的特性,也很開心能參與這次的封測。

希望我的使用體驗,能補充給官方一些使用者的視角,也希望沒有傷到設計者的心(雖然現在講好像有點來不及了、抱歉抱歉)。


12/21更新

新的編輯器正式上線了!我很開心看到之前封測時反應的BUG都被修正了!
方格子的團隊辛苦啦!


雖然我覺得自己跟新版發佈工具需要很長一段的適應期了......


留言
avatar-img
留言分享你的想法!
方格子 vocus-avatar-img
2021/12/24
TO 喬哥: 首先感謝你為這次新編輯器與發佈工具改版寫下如此完整且誠心的文章,這些回饋對我們來說都非常重要,雖然距離下一階段的更新(會調整與修正目前的問題),我們無可避免地會需要一些時間討論與規劃,但我們都有把格友們的建議記錄下來並也已展開討論。 最後再次謝謝你的支持與鼓勵,希望站方與格友們都能在一次次的挑戰中越發茁壯!
承熙-avatar-img
2021/12/21
寫這種文章不容易,真佩服啊,你辛苦了🤗
喬哥-avatar-img
發文者
2021/12/21
當初拿到封測資格後,就花兩個小時一邊測一邊寫了XDDDDD 不過重點專注在電腦版上,沒有太關注手機版,畢竟發文主要還是在電腦上。
高祥輝-avatar-img
2021/12/21
附議缺乏生氣 XD 另外覺得要是修改標籤有像 WordPress 的後台文章修改處,有分「編輯」和「快速編輯」就好了。小問題像標籤這些,點「快速編輯」就能修正,豈不快哉?
喬哥-avatar-img
發文者
2021/12/24
我覺得這種小功能可以之後再慢慢改,畢竟大家用舊版編輯器也習慣了。我也不覺得批次更改TAG是必要的功能,只要讓編輯發布的流程簡單一點,或者是調整分頁文章的設定也可。 現在還是先讓2.0穩定下來比較重要。官方也辛苦了
avatar-img
窟的第N個狡兔
141會員
371內容數
坑坑相連到天邊,厭世型斷更作者。一個愛說垃圾話,寫文特別慢,CP跟愛好非常雜,工作幹爆多的傢伙。
窟的第N個狡兔的其他內容
2024/08/22
「PNGTuber」是VTuber的衍伸詞,意旨相較於一般使用Live2D、3D等模型實況的人,是使用幾張簡單的PNG切換作為個人形象的創作者。藉由偵測麥克風音量,和一些簡單的循環動畫,讓虛擬形象可以達成眨眼、張口等簡單變化。
Thumbnail
2024/08/22
「PNGTuber」是VTuber的衍伸詞,意旨相較於一般使用Live2D、3D等模型實況的人,是使用幾張簡單的PNG切換作為個人形象的創作者。藉由偵測麥克風音量,和一些簡單的循環動畫,讓虛擬形象可以達成眨眼、張口等簡單變化。
Thumbnail
2024/05/23
溝通、談判的目的,不是「獲勝」,是取得共識。懂得多的人,反而需要負擔更多的溝通成本。
Thumbnail
2024/05/23
溝通、談判的目的,不是「獲勝」,是取得共識。懂得多的人,反而需要負擔更多的溝通成本。
Thumbnail
2024/05/22
為什麼歷史上很多事件都是從「學運」開始? 為什麼總是學生先站出來?是因為年輕人特別容易被煽動嗎?
Thumbnail
2024/05/22
為什麼歷史上很多事件都是從「學運」開始? 為什麼總是學生先站出來?是因為年輕人特別容易被煽動嗎?
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
繼以前寫過的方格子建議,在寫幾點小的提議。
Thumbnail
繼以前寫過的方格子建議,在寫幾點小的提議。
Thumbnail
方格子的創作者們、格友們,應該已經在昨天(2024/08/08)的方格子 vocus官方公告,知道討論區即將改版的事情。在八月下旬,沙龍的討論區就會有巨大的變化,且很可能帶動方格子生態大幅轉變。 而我個人認為,這一次的更新,對於小眾創作者有更大的影響與助益。
Thumbnail
方格子的創作者們、格友們,應該已經在昨天(2024/08/08)的方格子 vocus官方公告,知道討論區即將改版的事情。在八月下旬,沙龍的討論區就會有巨大的變化,且很可能帶動方格子生態大幅轉變。 而我個人認為,這一次的更新,對於小眾創作者有更大的影響與助益。
Thumbnail
在方格子即將邁入數位2.0階段之際,總覺得在隨著這艘驟然加速的船艦踏上征途之前,必須先好好認識了解方格子這個團隊,及其過往歷史,否則身為船上成員的自己,心中總不免略有不安。了解方格子團隊目前正忙著全力向前衝刺,無暇回顧,決定還是自己跳下來,從二手資料中,幫忙彙整了一份方格子的歷史回顧。
Thumbnail
在方格子即將邁入數位2.0階段之際,總覺得在隨著這艘驟然加速的船艦踏上征途之前,必須先好好認識了解方格子這個團隊,及其過往歷史,否則身為船上成員的自己,心中總不免略有不安。了解方格子團隊目前正忙著全力向前衝刺,無暇回顧,決定還是自己跳下來,從二手資料中,幫忙彙整了一份方格子的歷史回顧。
Thumbnail
我本來想無償地建立自己的第一篇文章,就在我在本文打入第一個字,而已! 對!第一個字,而已!而已!而已! 方格子網站就當場炸裂,出現404 這是為什麼?真是不敢相信阿~~~
Thumbnail
我本來想無償地建立自己的第一篇文章,就在我在本文打入第一個字,而已! 對!第一個字,而已!而已!而已! 方格子網站就當場炸裂,出現404 這是為什麼?真是不敢相信阿~~~
Thumbnail
格編今天要來跟大家聊聊「閱讀頁」、「主題頁」的那些大事兒!相信每一位來到方格子的新格友與老格友們,都已感受到平台使用體驗的簡潔魅力,但我們從不止步於這樣的魅力而已,於是我們又進行了各種好還要更好的改版(優化是一條永無止盡的道路啊~遠目),期待讓來訪的每位格友們,都能徜徉在輕鬆、自在的瀏覽情境中。
Thumbnail
格編今天要來跟大家聊聊「閱讀頁」、「主題頁」的那些大事兒!相信每一位來到方格子的新格友與老格友們,都已感受到平台使用體驗的簡潔魅力,但我們從不止步於這樣的魅力而已,於是我們又進行了各種好還要更好的改版(優化是一條永無止盡的道路啊~遠目),期待讓來訪的每位格友們,都能徜徉在輕鬆、自在的瀏覽情境中。
Thumbnail
我加入的這一年,方格子一直不斷在挑戰新的東西。 官方積極與創作者們聯繫、提供協助、建立關係、舉辦活動──加入的創作者們在進化,網站本身也不斷地推陳出新。
Thumbnail
我加入的這一年,方格子一直不斷在挑戰新的東西。 官方積極與創作者們聯繫、提供協助、建立關係、舉辦活動──加入的創作者們在進化,網站本身也不斷地推陳出新。
Thumbnail
完了,開始回歸使用後越用就會發現越多可進步空間 基於希望有機會越變越好,如果之後遇到一些創作者的使用覺得能夠更優化的部分,我就會稍微記錄下來,也歡迎大家回饋經驗,或許這些也能變成幫助方格子的養分。 (可以的話也請一起跟團隊反應,畢竟我也不是平台工程師) 不過很慶幸的是方格子很快就聽到我們的聲音了!(
Thumbnail
完了,開始回歸使用後越用就會發現越多可進步空間 基於希望有機會越變越好,如果之後遇到一些創作者的使用覺得能夠更優化的部分,我就會稍微記錄下來,也歡迎大家回饋經驗,或許這些也能變成幫助方格子的養分。 (可以的話也請一起跟團隊反應,畢竟我也不是平台工程師) 不過很慶幸的是方格子很快就聽到我們的聲音了!(
Thumbnail
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
Thumbnail
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
Thumbnail
不知不覺在方格子寫作來到了一年,這些日子在這裡敲敲打打的磨著自己的寫作技巧,說真的,比起最初在痞客邦隨意的寫作,在方格子的我其實對「寫作」這件事收穫的不少,無論是寫作的心態或是對作品的態度都有很大的轉變。
Thumbnail
不知不覺在方格子寫作來到了一年,這些日子在這裡敲敲打打的磨著自己的寫作技巧,說真的,比起最初在痞客邦隨意的寫作,在方格子的我其實對「寫作」這件事收穫的不少,無論是寫作的心態或是對作品的態度都有很大的轉變。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News