方格精選

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

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

《版面優化

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

《功能升級》

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

《效能提升》

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

《還有一個》

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

以上就是本次個人頁面大更新的茶餘飯後(茶),希望大家會喜歡這次的改版!當然,個人頁面的改版只是一個開始,在未來,方格子還會著手規劃更具個人化的功能,來帶給各位更棒的使用體驗,工作計畫已經排到明年(遠目)。
可惡~攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫!完全懂 Tom Holland 的心情啦!不過,我相信很快就能讓大家看到了,就先請大家拭目以待囉!
我是方格子工程獅先生 敬上。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
288.8K會員
3.0K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
方格子的創作者們、格友們,應該已經在昨天(2024/08/08)的方格子 vocus官方公告,知道討論區即將改版的事情。在八月下旬,沙龍的討論區就會有巨大的變化,且很可能帶動方格子生態大幅轉變。 而我個人認為,這一次的更新,對於小眾創作者有更大的影響與助益。
Thumbnail
方格子官方最近宣佈改善原有的討論區功能,將其轉型為房間模式。
Thumbnail
我想.....我選對了平台,所以能遇見這麼多美好的格友們❤️
Thumbnail
今天加入方格子滿一個月了,從以前到現在,方格子應該是我最認真經營的社群軟體。 想想以前的無名小站,貼一些圖片然後介紹,完全沒人看,還用人氣機洗人氣,不到一天就30萬的人氣,但卻是滿滿的空虛,方格子剛開始加入發了幾篇文,本來以為是三分鐘熱度,應該馬上就沒用了,結果一用就非常熱愛。 部落格比專門貼小
Thumbnail
近期方格子更新了「關於頁面全新升級」功能,格友們使用了嗎? 為搭配這次介面的更新,方格子推出首次的沙龍社群活動,讓你在社群上串連新格友們加入你的沙龍,完成以下簡單的步驟,就有機會獲得方格子的專屬曝光推薦,來看看怎麼參加活動吧~
Thumbnail
紀錄自己在方格子發表文章三個月的經驗與成長。 回顧3~5月的發文變化和互動成果。
Thumbnail
大家在討論瀏覽量的時候,都會提到方格子首頁的通透度的問題,在這個問題上提了很多次,但是仔細看方格子的首頁,其實沒有太大的問題,如果你是會員的話。首頁基本上是對你開放的,你要怎麼瀏覽都可以,對會員這個閱讀者來講,他是感到方便自在的。可以往下拉,看推薦的文章。也可以直接搜尋,他想要找的搜尋。也可以透過探
Thumbnail
 前兩週心情有受到瀏覽數而影響,但這兩個禮拜持續觀察後台和搜尋關鍵字有一些些想法後,我目前的概念分成兩個面向。
Thumbnail
方格子沙龍初體驗:向大家報告最近我使用方格子在以下兩方面的改變,(1)閱讀格友的文章和與格友互動,及(2)準備和發放自己的文章。這些體驗讓我反思如何分配時間並適應這新的互動模式。
Thumbnail
方格子在去年下半年開始讓許多創作者陸續將個人頁面轉型為沙龍Salon,目前也官方宣布今年1月下旬將會全站轉型,因此故且不論創作者現在還是不是,過完農曆年屆時應該會全部升級。 原本對於沙龍顯示頁面意興闌珊的我,又是不知道哪根筋不對,花了一點時間把星貨鋪小小地整修一下。
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
方格子的創作者們、格友們,應該已經在昨天(2024/08/08)的方格子 vocus官方公告,知道討論區即將改版的事情。在八月下旬,沙龍的討論區就會有巨大的變化,且很可能帶動方格子生態大幅轉變。 而我個人認為,這一次的更新,對於小眾創作者有更大的影響與助益。
Thumbnail
方格子官方最近宣佈改善原有的討論區功能,將其轉型為房間模式。
Thumbnail
我想.....我選對了平台,所以能遇見這麼多美好的格友們❤️
Thumbnail
今天加入方格子滿一個月了,從以前到現在,方格子應該是我最認真經營的社群軟體。 想想以前的無名小站,貼一些圖片然後介紹,完全沒人看,還用人氣機洗人氣,不到一天就30萬的人氣,但卻是滿滿的空虛,方格子剛開始加入發了幾篇文,本來以為是三分鐘熱度,應該馬上就沒用了,結果一用就非常熱愛。 部落格比專門貼小
Thumbnail
近期方格子更新了「關於頁面全新升級」功能,格友們使用了嗎? 為搭配這次介面的更新,方格子推出首次的沙龍社群活動,讓你在社群上串連新格友們加入你的沙龍,完成以下簡單的步驟,就有機會獲得方格子的專屬曝光推薦,來看看怎麼參加活動吧~
Thumbnail
紀錄自己在方格子發表文章三個月的經驗與成長。 回顧3~5月的發文變化和互動成果。
Thumbnail
大家在討論瀏覽量的時候,都會提到方格子首頁的通透度的問題,在這個問題上提了很多次,但是仔細看方格子的首頁,其實沒有太大的問題,如果你是會員的話。首頁基本上是對你開放的,你要怎麼瀏覽都可以,對會員這個閱讀者來講,他是感到方便自在的。可以往下拉,看推薦的文章。也可以直接搜尋,他想要找的搜尋。也可以透過探
Thumbnail
 前兩週心情有受到瀏覽數而影響,但這兩個禮拜持續觀察後台和搜尋關鍵字有一些些想法後,我目前的概念分成兩個面向。
Thumbnail
方格子沙龍初體驗:向大家報告最近我使用方格子在以下兩方面的改變,(1)閱讀格友的文章和與格友互動,及(2)準備和發放自己的文章。這些體驗讓我反思如何分配時間並適應這新的互動模式。
Thumbnail
方格子在去年下半年開始讓許多創作者陸續將個人頁面轉型為沙龍Salon,目前也官方宣布今年1月下旬將會全站轉型,因此故且不論創作者現在還是不是,過完農曆年屆時應該會全部升級。 原本對於沙龍顯示頁面意興闌珊的我,又是不知道哪根筋不對,花了一點時間把星貨鋪小小地整修一下。