方格精選

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

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

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

raw-image

以下就讓我們聊聊本次的「個人頁面」更新了哪些地方吧!歡迎光臨~~ (⁎⁍̴̛ᴗ⁍̴̛⁎)

《版面優化

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

▲ 新版個人頁面全景

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

▲ 手機版的新舊個人頁面比較

《功能升級》

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

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

▲ 熱門文章以「熱門程度」排序;全部文章以「時間新舊」排序

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

▲ 最熱門的 3 個出版專題

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

▲頭貼與個人設定鍵優化

《效能提升》

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

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

個人頁更新前的分數,可以更好!

個人頁更新前的分數,可以更好!

raw-image

《還有一個》

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


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

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

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

留言
avatar-img
留言分享你的想法!
紀餘-avatar-img
2021/03/28
請問 1."我喜歡的文章"找不到了,是取消了嗎? 2.個人頁面中,"追踪者"是別人追踪我的數字嗎? 3."追踪者"的數字中,有沒有包括他只追踪我的專題的人呢? 就是只追踪某個專題的人,有沒有算進個人頁面上的"追踪者"人數內? 謝謝!
avatar-img
方格子 vocus 官方沙龍
346.9K會員
3.2K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
2023/03/02
如何在頁面上建立足夠且具有內容相關的連結 一直是方格子努力的目標。在過去方格子的閱讀頁上,我們提供了「上下篇區塊」,讓使用在發布文章的同時,可以快速建立文章的閱讀脈絡,也新增了「其他內容區塊」,讓同一作者與專題的文章可以更有系列性的被收攏,作者的文章與文章之間可以因此很快地被串連起來!
Thumbnail
2023/03/02
如何在頁面上建立足夠且具有內容相關的連結 一直是方格子努力的目標。在過去方格子的閱讀頁上,我們提供了「上下篇區塊」,讓使用在發布文章的同時,可以快速建立文章的閱讀脈絡,也新增了「其他內容區塊」,讓同一作者與專題的文章可以更有系列性的被收攏,作者的文章與文章之間可以因此很快地被串連起來!
Thumbnail
2022/09/14
在過去,作者都是自己實踐工人智慧,在欄位中輸入自己想要為文章下的關鍵字們。而就在今天此時此刻 Right now!!格友們會發現在輸入欄位下方多了「建議標籤」的貼心推送!
Thumbnail
2022/09/14
在過去,作者都是自己實踐工人智慧,在欄位中輸入自己想要為文章下的關鍵字們。而就在今天此時此刻 Right now!!格友們會發現在輸入欄位下方多了「建議標籤」的貼心推送!
Thumbnail
2022/06/10
向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)!從今以後,你可以將方格子首頁加入你的手機桌面捷徑,就可以用更乾淨簡潔的畫面瀏覽方格子!
Thumbnail
2022/06/10
向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)!從今以後,你可以將方格子首頁加入你的手機桌面捷徑,就可以用更乾淨簡潔的畫面瀏覽方格子!
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
方格子的創作者們、格友們,應該已經在昨天(2024/08/08)的方格子 vocus官方公告,知道討論區即將改版的事情。在八月下旬,沙龍的討論區就會有巨大的變化,且很可能帶動方格子生態大幅轉變。 而我個人認為,這一次的更新,對於小眾創作者有更大的影響與助益。
Thumbnail
方格子的創作者們、格友們,應該已經在昨天(2024/08/08)的方格子 vocus官方公告,知道討論區即將改版的事情。在八月下旬,沙龍的討論區就會有巨大的變化,且很可能帶動方格子生態大幅轉變。 而我個人認為,這一次的更新,對於小眾創作者有更大的影響與助益。
Thumbnail
本週的方格子: 一、輕鬆設定內容關鍵字的好功能 二、如何培養出具個人風格的創作影響力 三、勞保喊漲、歐洲版雷曼兄弟危機......
Thumbnail
本週的方格子: 一、輕鬆設定內容關鍵字的好功能 二、如何培養出具個人風格的創作影響力 三、勞保喊漲、歐洲版雷曼兄弟危機......
Thumbnail
格編今天要來跟大家聊聊「閱讀頁」、「主題頁」的那些大事兒!相信每一位來到方格子的新格友與老格友們,都已感受到平台使用體驗的簡潔魅力,但我們從不止步於這樣的魅力而已,於是我們又進行了各種好還要更好的改版(優化是一條永無止盡的道路啊~遠目),期待讓來訪的每位格友們,都能徜徉在輕鬆、自在的瀏覽情境中。
Thumbnail
格編今天要來跟大家聊聊「閱讀頁」、「主題頁」的那些大事兒!相信每一位來到方格子的新格友與老格友們,都已感受到平台使用體驗的簡潔魅力,但我們從不止步於這樣的魅力而已,於是我們又進行了各種好還要更好的改版(優化是一條永無止盡的道路啊~遠目),期待讓來訪的每位格友們,都能徜徉在輕鬆、自在的瀏覽情境中。
Thumbnail
從去年10月開始使用方格子平來寫文章,到今天為止也滿6個月了呢,習慣養成實在不容易,幸好VOCUS的介面以及操作方面,對於使用者非常友善,才能促使我持續寫作的原因。 最近整理了文章的相關數據,稍微分析經營的成效(如下圖所示),先提供給大家參考看看喔。 希望能夠持續產出文章 入選一篇編輯精選
Thumbnail
從去年10月開始使用方格子平來寫文章,到今天為止也滿6個月了呢,習慣養成實在不容易,幸好VOCUS的介面以及操作方面,對於使用者非常友善,才能促使我持續寫作的原因。 最近整理了文章的相關數據,稍微分析經營的成效(如下圖所示),先提供給大家參考看看喔。 希望能夠持續產出文章 入選一篇編輯精選
Thumbnail
我加入的這一年,方格子一直不斷在挑戰新的東西。 官方積極與創作者們聯繫、提供協助、建立關係、舉辦活動──加入的創作者們在進化,網站本身也不斷地推陳出新。
Thumbnail
我加入的這一年,方格子一直不斷在挑戰新的東西。 官方積極與創作者們聯繫、提供協助、建立關係、舉辦活動──加入的創作者們在進化,網站本身也不斷地推陳出新。
Thumbnail
完了,開始回歸使用後越用就會發現越多可進步空間 基於希望有機會越變越好,如果之後遇到一些創作者的使用覺得能夠更優化的部分,我就會稍微記錄下來,也歡迎大家回饋經驗,或許這些也能變成幫助方格子的養分。 (可以的話也請一起跟團隊反應,畢竟我也不是平台工程師) 不過很慶幸的是方格子很快就聽到我們的聲音了!(
Thumbnail
完了,開始回歸使用後越用就會發現越多可進步空間 基於希望有機會越變越好,如果之後遇到一些創作者的使用覺得能夠更優化的部分,我就會稍微記錄下來,也歡迎大家回饋經驗,或許這些也能變成幫助方格子的養分。 (可以的話也請一起跟團隊反應,畢竟我也不是平台工程師) 不過很慶幸的是方格子很快就聽到我們的聲音了!(
Thumbnail
個人頁面新增的成就值功能,是希望格友們可以更瞭解自身在方格子平台上的輪廓與足跡,同時透過個人頁面的體驗,更加忠實呈現你在方格子的經營模式,當所有格友雅士一進入你的個人頁面,就能夠快速地了解你。這也是方格子一直努力在嘗試的讀者、創作者雙邊經營,期待讓大家願意投入更多時間來經營你的方格子…
Thumbnail
個人頁面新增的成就值功能,是希望格友們可以更瞭解自身在方格子平台上的輪廓與足跡,同時透過個人頁面的體驗,更加忠實呈現你在方格子的經營模式,當所有格友雅士一進入你的個人頁面,就能夠快速地了解你。這也是方格子一直努力在嘗試的讀者、創作者雙邊經營,期待讓大家願意投入更多時間來經營你的方格子…
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News