方格精選

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

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

《版面優化

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

《功能升級》

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

《效能提升》

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

《還有一個》

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

以上就是本次個人頁面大更新的茶餘飯後(茶),希望大家會喜歡這次的改版!當然,個人頁面的改版只是一個開始,在未來,方格子還會著手規劃更具個人化的功能,來帶給各位更棒的使用體驗,工作計畫已經排到明年(遠目)。
可惡~攻城獅先生興奮到好想爆雷正在開發的秘密功能啊 😫!完全懂 Tom Holland 的心情啦!不過,我相信很快就能讓大家看到了,就先請大家拭目以待囉!
我是方格子工程獅先生 敬上。
為什麼會看到廣告
avatar-img
282.3K會員
2.9K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
從開工以來,我們將目標初步定調為:讓系統更加穩定,並且在整體品牌體驗上減少複雜度。為此,我們在開發上有兩項主要目標,一是將整體的主題顏色做全站性的統整與優化;二則同時在方格子閱讀頁與首頁載入進行速度上的優化…
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
心情蠻低落的, 因工作受傷快一年了, 雖然比我慘的人一堆!
Thumbnail
方格子重新開張,在美國參加的第一場研討會 不知不覺已經四個月沒寫文章了,重新養成寫作習慣大概不容易,希望暑假期間跟學分較少的下學期,能允許我至少兩週一更,今天是復出的第一篇文,決定要來分享自己在美國參加的第一場 Symposium:Neuromodulation Symposium。不過,在主
Thumbnail
滴藥散瞳前看煙火,抱歉,來不及等漲停,歡迎潘瑋柏/張韶涵 本蛙不小心又打了酸民一巴掌 現代 這個匆忙時代 雖然少了時間 但千萬不要倦怠 今天的事交給今天去做 因為明天才有很多時間一起去瘋 本想點播What a feeling,怕酸民水準太低,英文有點難……
Thumbnail
你好!我是來自香港的 Edmond,這是我第一篇在方格子出的原創文章,請多多指教。這篇文章會講述我為什麼要在方格子開始創作。
2023/6/27 1、聯發科K值跌破20 2、第一台車Civic,9歲生日
Thumbnail
依蘿從小就很喜歡寫東西 包括個人想法、大自然、美食生活的一切都喜歡 後面怎麼都不寫了呢???? 很簡單啊!!!!!!為了生計,沒辦法好好靜心坐下來寫東西,寫出個像樣的文章 最近這幾年,疫情的關係,工作也不好找,依蘿也碰了釘子,待業家中一段日子 很開心的那時碰到一群身心靈上的朋友 各種年齡層和職業都有
Thumbnail
昨晚開辦了方格子專題跟FB粉專,想要改寫平常的日記作為貼文,起因有兩個: 1. 從前在IG個版上貼文得到了很多回饋,但最近看IG的人數下降了,改去其他平台讓更多人看,試試看會不會得到更多回饋。 2. 身邊好幾個人都說我寫得不錯,我想讓更多人看文章,看看是不是有一類人是喜歡我這種文章或筆法。 但是要有
Thumbnail
如題,這一年人生多了許多變化! 適應和公婆居住、調整之前和工作夥伴不愉快的心情、自己面對準備乙級考照的壓力、疫情造成客源不穩定等⋯真的是不簡單的2021年。 現在看到我的文章,表示一切安好!也順利取得乙照(找機會再分享準備美容乙照艱辛過程) 創業還在繼續,人生也是,你(妳)最近有什麼大變化嗎?
Thumbnail
事情是這樣的 我有一個室友,我們住在一起快十二年了 大概是三年前他開始在這裡寫作 雖然我沒有仔細看過他寫的文章 但因此知道了這個地方 最近心血來潮想要開始寫點什麼記錄日子 所以接下來就會不定期在這裡 分享自己想說的話or單純的記錄我的生活 親愛的鄰居們 你們好 ,我是剛搬過來的新朋友 一個人靜下來
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
心情蠻低落的, 因工作受傷快一年了, 雖然比我慘的人一堆!
Thumbnail
方格子重新開張,在美國參加的第一場研討會 不知不覺已經四個月沒寫文章了,重新養成寫作習慣大概不容易,希望暑假期間跟學分較少的下學期,能允許我至少兩週一更,今天是復出的第一篇文,決定要來分享自己在美國參加的第一場 Symposium:Neuromodulation Symposium。不過,在主
Thumbnail
滴藥散瞳前看煙火,抱歉,來不及等漲停,歡迎潘瑋柏/張韶涵 本蛙不小心又打了酸民一巴掌 現代 這個匆忙時代 雖然少了時間 但千萬不要倦怠 今天的事交給今天去做 因為明天才有很多時間一起去瘋 本想點播What a feeling,怕酸民水準太低,英文有點難……
Thumbnail
你好!我是來自香港的 Edmond,這是我第一篇在方格子出的原創文章,請多多指教。這篇文章會講述我為什麼要在方格子開始創作。
2023/6/27 1、聯發科K值跌破20 2、第一台車Civic,9歲生日
Thumbnail
依蘿從小就很喜歡寫東西 包括個人想法、大自然、美食生活的一切都喜歡 後面怎麼都不寫了呢???? 很簡單啊!!!!!!為了生計,沒辦法好好靜心坐下來寫東西,寫出個像樣的文章 最近這幾年,疫情的關係,工作也不好找,依蘿也碰了釘子,待業家中一段日子 很開心的那時碰到一群身心靈上的朋友 各種年齡層和職業都有
Thumbnail
昨晚開辦了方格子專題跟FB粉專,想要改寫平常的日記作為貼文,起因有兩個: 1. 從前在IG個版上貼文得到了很多回饋,但最近看IG的人數下降了,改去其他平台讓更多人看,試試看會不會得到更多回饋。 2. 身邊好幾個人都說我寫得不錯,我想讓更多人看文章,看看是不是有一類人是喜歡我這種文章或筆法。 但是要有
Thumbnail
如題,這一年人生多了許多變化! 適應和公婆居住、調整之前和工作夥伴不愉快的心情、自己面對準備乙級考照的壓力、疫情造成客源不穩定等⋯真的是不簡單的2021年。 現在看到我的文章,表示一切安好!也順利取得乙照(找機會再分享準備美容乙照艱辛過程) 創業還在繼續,人生也是,你(妳)最近有什麼大變化嗎?
Thumbnail
事情是這樣的 我有一個室友,我們住在一起快十二年了 大概是三年前他開始在這裡寫作 雖然我沒有仔細看過他寫的文章 但因此知道了這個地方 最近心血來潮想要開始寫點什麼記錄日子 所以接下來就會不定期在這裡 分享自己想說的話or單純的記錄我的生活 親愛的鄰居們 你們好 ,我是剛搬過來的新朋友 一個人靜下來