方格子開發誌#2｜個人頁面新版上線

《版面優化》

• 版面重新規劃：桌機版在視覺上可以看出左右兩大區塊，左區塊屬於你個人的相關資訊，右區塊則是你的文章與專題搜索區塊。我們稍微調整了一下比例，讓你一眼就能掌握近期發表的文章，在這裡，屬於你的資訊能夠被更完整且清楚地展現。
• 凸顯個人專屬感：運用區塊切分營造個人專屬區塊，讓個人頁面更具有「個人」的感覺，是這次更新的重點。（請見下圖）

• 加強使用者體驗：或許你也有發現，我們將頁面中希望格友們進行互動的相關按鈕（譬如追蹤、贊助），移至下方的常駐區塊。這樣做的優點，除了讓格友們在使用手機的當下方便直接點擊，也可將部分的互動按鈕動作抽離原本的頁面流，彙整到常駐區塊中，如此便能將頁面空間釋放出來，提供給其他更有趣的資訊呈現在眾人的面前（眼球閃爍 (⁎⁍̴̛ᴗ⁍̴̛⁎)）！
• 行動優先（Mobile First）：行動優先已經不是什麼潮本事（看過我們的 premium 方案梗了嗎？XD）而是開發團隊的日常。在每次頁面迭代的過程中，我們都希望將行動版的視覺優化，並以不同資訊間的拆分來提升頁面層級感。 這次的優化，讓過去空出的區塊空間獲得更有效的利用，並維持視覺上舒適度（請見下圖）。

《功能升級》

提升頁面功能性，讓頁面不再只是單純顯示你的文章與專題列表，我們還新增了：

• 在個人頁面瀏覽自己的文章時，可根據「熱門程度」或「發表時間」來進行排序，讓即將開始瀏覽的讀者們，能以不同的視角與維度來認識你的創作。

• 桌機版在左欄個人區塊會將你訂閱人數、追蹤人數、文章觀看次數最高的3個「出版專題」依序排列，仍保留「常用關鍵字」，讓讀者（或者你自己）更認識你在方格子長期經營出來的寫作輪廓。

• 個人頭貼可在此頁直接進行快速編輯與上傳。必要時，你也可以透過新增的「個人設定鍵」快速進入個人資料頁面，為自己的資訊進行細部修飾唷！

《效能提升》

其實在這次的個人頁面翻新工程上，主要是為了針對頁面的程式架構進行效能優化，讓個人頁面在 Google PageSpeed Insights 上的分數大大提升，對於 SEO（Search Engine Optimization，搜尋引擎最佳化） 上可以說是一大助益，未來方格子創作者在搜尋引擎上的曝光也將更加提升。

下圖以方格子的個人頁面為例，相較舊版，新版的分數上有很大的成長：

《還有一個》

還有一個因為仍需縝密規劃的小功能，即將在第２版更新與大家見面，在這裡小小的預告一下，敬請期待。

---

以上就是本次個人頁面大更新的茶餘飯後（茶），希望大家會喜歡這次的改版！當然，個人頁面的改版只是一個開始，在未來，方格子還會著手規劃更具個人化的功能，來帶給各位更棒的使用體驗，工作計畫已經排到明年（遠目）。

可惡～攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫！完全懂 Tom Holland 的心情啦！不過，我相信很快就能讓大家看到了，就先請大家拭目以待囉！

我是方格子工程獅先生 敬上。