方格子開發誌#2｜個人頁面新版上線
上週太陽大綻光芒！一個大到準備換季的港覺，誰知一天之隔天氣驟變，氣溫直接降到不要不要的境界，好吧！好處是多層次穿搭的品味還是有發展的空間，而方格攻城獅先生們也在這冷颼的天氣中，用最溫存的工程之手，重新裝潢了各位的個人頁面，讓整體資訊更完整、功能再提升 ☺️。（格編：今天太陽又露臉了，歡迎大家一邊補充維他命Ｄ，一邊體驗全新的個人頁面）
以下就讓我們聊聊本次的「個人頁面」更新了哪些地方吧！歡迎光臨～～ (⁎⁍̴̛ᴗ⁍̴̛⁎)
《版面優化》 - 版面重新規劃：桌機版在視覺上可以看出左右兩大區塊，左區塊屬於你個人的相關資訊，右區塊則是你的文章與專題搜索區塊。我們稍微調整了一下比例，讓你一眼就能掌握近期發表的文章，在這裡，屬於你的資訊能夠被更完整且清楚地展現。
- 凸顯個人專屬感：運用區塊切分營造個人專屬區塊，讓個人頁面更具有「個人」的感覺，是這次更新的重點。（請見下圖）
▲ 新版個人頁面全景
- 加強使用者體驗：或許你也有發現，我們將頁面中希望格友們進行互動的相關按鈕（譬如追蹤、贊助），移至下方的常駐區塊。這樣做的優點，除了讓格友們在使用手機的當下方便直接點擊，也可將部分的互動按鈕動作抽離原本的頁面流，彙整到常駐區塊中，如此便能將頁面空間釋放出來，提供給其他更有趣的資訊呈現在眾人的面前（眼球閃爍 (⁎⁍̴̛ᴗ⁍̴̛⁎)）！
- 行動優先（Mobile First）：行動優先已經不是什麼潮本事（看過我們的 premium 方案梗了嗎？XD）而是開發團隊的日常。在每次頁面迭代的過程中，我們都希望將行動版的視覺優化，並以不同資訊間的拆分來提升頁面層級感。 這次的優化，讓過去空出的區塊空間獲得更有效的利用，並維持視覺上舒適度（請見下圖）。
▲ 手機版的新舊個人頁面比較
《功能升級》 提升頁面功能性，讓頁面不再只是單純顯示你的文章與專題列表，我們還新增了：
- 在個人頁面瀏覽自己的文章時，可根據「熱門程度」或「發表時間」來進行排序，讓即將開始瀏覽的讀者們，能以不同的視角與維度來認識你的創作。
▲ 熱門文章以「熱門程度」排序；全部文章以「時間新舊」排序
- 桌機版在左欄個人區塊會將你訂閱人數、追蹤人數、文章觀看次數最高的3個「出版專題」依序排列，仍保留「常用關鍵字」，讓讀者（或者你自己）更認識你在方格子長期經營出來的寫作輪廓。
▲ 最熱門的 3 個出版專題
- 個人頭貼可在此頁直接進行快速編輯與上傳。必要時，你也可以透過新增的「個人設定鍵」快速進入個人資料頁面，為自己的資訊進行細部修飾唷！
▲頭貼與個人設定鍵優化
《效能提升》 其實在這次的個人頁面翻新工程上，主要是為了針對頁面的程式架構進行效能優化，讓個人頁面在 Google PageSpeed Insights 上的分數大大提升，對於 SEO（Search Engine Optimization，搜尋引擎最佳化） 上可以說是一大助益，未來方格子創作者在搜尋引擎上的曝光也將更加提升。
下圖以方格子的個人頁面為例，相較舊版，新版的分數上有很大的成長： 個人頁更新前的分數，可以更好！
《還有一個》 還有一個因為仍需縝密規劃的小功能，即將在第２版更新與大家見面，在這裡小小的預告一下，敬請期待。
以上就是本次個人頁面大更新的茶餘飯後（茶），希望大家會喜歡這次的改版！當然，個人頁面的改版只是一個開始，在未來，方格子還會著手規劃更具個人化的功能，來帶給各位更棒的使用體驗，工作計畫已經排到明年（遠目）。
可惡～攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫！完全懂 Tom Holland 的心情啦！不過，我相信很快就能讓大家看到了，就先請大家拭目以待囉！
我是方格子工程獅先生 敬上。
提升頁面功能性，讓頁面不再只是單純顯示你的文章與專題列表，我們還新增了：
- 在個人頁面瀏覽自己的文章時，可根據「熱門程度」或「發表時間」來進行排序，讓即將開始瀏覽的讀者們，能以不同的視角與維度來認識你的創作。
- 桌機版在左欄個人區塊會將你訂閱人數、追蹤人數、文章觀看次數最高的3個「出版專題」依序排列，仍保留「常用關鍵字」，讓讀者（或者你自己）更認識你在方格子長期經營出來的寫作輪廓。
- 個人頭貼可在此頁直接進行快速編輯與上傳。必要時，你也可以透過新增的「個人設定鍵」快速進入個人資料頁面，為自己的資訊進行細部修飾唷！
《效能提升》 其實在這次的個人頁面翻新工程上，主要是為了針對頁面的程式架構進行效能優化，讓個人頁面在 Google PageSpeed Insights 上的分數大大提升，對於 SEO（Search Engine Optimization，搜尋引擎最佳化） 上可以說是一大助益，未來方格子創作者在搜尋引擎上的曝光也將更加提升。
下圖以方格子的個人頁面為例，相較舊版，新版的分數上有很大的成長： 個人頁更新前的分數，可以更好！
《還有一個》 還有一個因為仍需縝密規劃的小功能，即將在第２版更新與大家見面，在這裡小小的預告一下，敬請期待。
以上就是本次個人頁面大更新的茶餘飯後（茶），希望大家會喜歡這次的改版！當然，個人頁面的改版只是一個開始，在未來，方格子還會著手規劃更具個人化的功能，來帶給各位更棒的使用體驗，工作計畫已經排到明年（遠目）。
可惡～攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫！完全懂 Tom Holland 的心情啦！不過，我相信很快就能讓大家看到了，就先請大家拭目以待囉！
我是方格子工程獅先生 敬上。
還有一個因為仍需縝密規劃的小功能，即將在第２版更新與大家見面，在這裡小小的預告一下，敬請期待。
以上就是本次個人頁面大更新的茶餘飯後（茶），希望大家會喜歡這次的改版！當然，個人頁面的改版只是一個開始，在未來，方格子還會著手規劃更具個人化的功能，來帶給各位更棒的使用體驗，工作計畫已經排到明年（遠目）。
可惡～攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫！完全懂 Tom Holland 的心情啦！不過，我相信很快就能讓大家看到了，就先請大家拭目以待囉！
我是方格子工程獅先生 敬上。
分享至
成為作者繼續創作的動力吧！
© 2024 vocus All rights reserved.