編輯嚴選
方格子開發誌#2|個人頁面新版上線

2021/03/26閱讀時間約 3 分鐘
上週太陽大綻光芒!一個大到準備換季的港覺,誰知一天之隔天氣驟變,氣溫直接降到不要不要的境界,好吧!好處是多層次穿搭的品味還是有發展的空間,而方格攻城獅先生們也在這冷颼的天氣中,用最溫存的工程之手,重新裝潢了各位的個人頁面,讓整體資訊更完整、功能再提升 ☺️。(格編:今天太陽又露臉了,歡迎大家一邊補充維他命D,一邊體驗全新的個人頁面)
以下就讓我們聊聊本次的「個人頁面」更新了哪些地方吧!歡迎光臨~~ (⁎⁍̴̛ᴗ⁍̴̛⁎)

《版面優化

  • 版面重新規劃:桌機版在視覺上可以看出左右兩大區塊,左區塊屬於你個人的相關資訊,右區塊則是你的文章與專題搜索區塊。我們稍微調整了一下比例,讓你一眼就能掌握近期發表的文章,在這裡,屬於你的資訊能夠被更完整且清楚地展現。
  • 凸顯個人專屬感:運用區塊切分營造個人專屬區塊,讓個人頁面更具有「個人」的感覺,是這次更新的重點。(請見下圖)
▲ 新版個人頁面全景
  • 加強使用者體驗:或許你也有發現,我們將頁面中希望格友們進行互動的相關按鈕(譬如追蹤、贊助),移至下方的常駐區塊。這樣做的優點,除了讓格友們在使用手機的當下方便直接點擊,也可將部分的互動按鈕動作抽離原本的頁面流,彙整到常駐區塊中,如此便能將頁面空間釋放出來,提供給其他更有趣的資訊呈現在眾人的面前(眼球閃爍 (⁎⁍̴̛ᴗ⁍̴̛⁎))!
  • 行動優先(Mobile First):行動優先已經不是什麼潮本事(看過我們的 premium 方案梗了嗎?XD)而是開發團隊的日常。在每次頁面迭代的過程中,我們都希望將行動版的視覺優化,並以不同資訊間的拆分來提升頁面層級感。 這次的優化,讓過去空出的區塊空間獲得更有效的利用,並維持視覺上舒適度(請見下圖)。
▲ 手機版的新舊個人頁面比較

《功能升級》

提升頁面功能性,讓頁面不再只是單純顯示你的文章與專題列表,我們還新增了:
  • 在個人頁面瀏覽自己的文章時,可根據「熱門程度」「發表時間」來進行排序,讓即將開始瀏覽的讀者們,能以不同的視角與維度來認識你的創作。
▲ 熱門文章以「熱門程度」排序;全部文章以「時間新舊」排序
  • 桌機版在左欄個人區塊會將你訂閱人數、追蹤人數、文章觀看次數最高的3個「出版專題」依序排列,仍保留「常用關鍵字」,讓讀者(或者你自己)更認識你在方格子長期經營出來的寫作輪廓。
▲ 最熱門的 3 個出版專題
  • 個人頭貼可在此頁直接進行快速編輯與上傳。必要時,你也可以透過新增的「個人設定鍵」快速進入個人資料頁面,為自己的資訊進行細部修飾唷!
▲頭貼與個人設定鍵優化

《效能提升》

其實在這次的個人頁面翻新工程上,主要是為了針對頁面的程式架構進行效能優化,讓個人頁面在 Google PageSpeed Insights 上的分數大大提升,對於 SEO(Search Engine Optimization,搜尋引擎最佳化) 上可以說是一大助益,未來方格子創作者在搜尋引擎上的曝光也將更加提升。
下圖以方格子的個人頁面為例,相較舊版,新版的分數上有很大的成長:
個人頁更新前的分數,可以更好!

《還有一個》

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

以上就是本次個人頁面大更新的茶餘飯後(茶),希望大家會喜歡這次的改版!當然,個人頁面的改版只是一個開始,在未來,方格子還會著手規劃更具個人化的功能,來帶給各位更棒的使用體驗,工作計畫已經排到明年(遠目)。
可惡~攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫!完全懂 Tom Holland 的心情啦!不過,我相信很快就能讓大家看到了,就先請大家拭目以待囉!
我是方格子工程獅先生 敬上。
為什麼會看到廣告
208.5K會員
1.7K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
留言0
查看全部
發表第一個留言支持創作者!