LV. 44
GP 718

【公告】巴哈姆特『新版首頁』即日開放BETA測試!

樓主 會會子 guildhanako
GP170 BP66
巴哈姆特現行 PC 版首頁自啟用以來,已陪伴各位勇者超過十多年,承載著許多勇者們的記憶。如今,為了更符合現代使用趨勢,巴哈姆特開發團隊正在推動首頁的翻新。

我們理解,對於部分用戶而言,改變長期的使用習慣並非易事,然而,透過 CB 期間同步對站上較新用戶的調查與獲得的回饋,我們相信新版的改動方向能更貼近現代使用需求,團隊也將努力在多種需求間取得平衡,打造與時俱進的首頁。

在此,我們誠摯歡迎各位勇者們前來體驗!

首頁翻新亮點:
  • 現代視覺設計,讓網頁瀏覽更加舒適。
  • 全新導航功能,簡化複雜按鈕,使操作更加輕鬆直覺。
    註:此功能未來計畫套用至全站,使導航上的捷徑隨時皆可使用,現階段仍僅限於新版首頁中。
  • 服務內容整合,幫助勇者快速掌握最精華的資訊。
  • 個人追蹤區域,方便閱覽自己有追蹤的內容。

如何參與?
  • 測試裝置:新版首頁支援跨裝置,除 PC 之外,若你習慣手機逛站,亦可使用手機來體驗。
  • 測試入口我們已在舊版首頁的右下角提供入口,方便您隨時切換。您也可以點擊下方連結前往。
  • 新版首頁體驗連結https://www.gamer.com.tw/index_2025.php

限定勳章:
  • 為鼓勵大家使用新版首頁,我們將從積極參與體驗的用戶中,挑選一部分幸運者,送出本次測試限定的勳章。
  • 資格統計:即日起至 3/16 (日)
  • 勳章發送:3月底前

注意事項:
  • 瀏覽器上若有裝設特定的擴充插件 (如 AdBlock 等),會無法正常讀取內容。
  • 本次翻新範圍針對『首頁』,各服務連結進入後皆與線上版本相同。
  • 若習慣閱覽闇黑模式,新版首頁可於右上角的選單中切換闇黑模式來體驗。
  • 若有大型廣告出現時,龍娘視覺圖在期間會暫時隱藏,屬正常現象。
  • 因應新版規劃,網頁頂部顯示的訂閱動畫新集數通知,將由訂閱類轉移到通知類(喇叭按鈕)。

意見回饋:
  • 感謝部分勇者們在 CB 測試期間提供寶貴的意見與回饋,針對多數有反映的建議,我們已進行了改善或已將調整規劃納入排程中。而部分意見因反映量較少,或是與更多勇者提出的偏好不同,因此可能於評估後不列入改動,也請勇者理解。
  • 若您在公測期間,也有體驗回饋想與我們分享,歡迎透過以下問卷告訴我們。
  • 問卷連結:https://forms.gle/54hAmfA4Yhe29kUW6

擴充插件補充說明:
  • 新首頁並未特別針對 Ad Block 等擴充軟體有任何額外設計。
  • 主要因該類外掛原有 pattern 阻擋了部份新首頁程式,造成功能無法正常運作,像是取得列表資料或回舊版按鈕動作等,若遇此類問題可暫時將擴充功能關閉或將本站設為白名單。
  • 因外掛並非所屬於本站,若您還是希望在開啟 Ad Block 的情況下瀏覽新首頁,建議您向 Ad Block 社群尋求協助,更新攔截規則即可。
170
66
LV. 50
GP 3k
2 樓 鬥哥 s10342001
GP12 BP-
這個提醒讓我會心一笑


從大致蓋覽來看,是採取偏向平板的瀏覽方式,就是那麼一點手機,一點電腦的風格折衷版本
很快就能上手
我個人覺得很喜歡這設計
12
-
LV. 45
GP 3k
3 樓 扁奶YA☆DA☆ZE!!!!! k033135700
GP45 BP-
提出個建議
何不把抽選改成全部體驗者都有?
45
-
LV. 44
GP 64
4 樓 小穎 x41613778
GP12 BP-
圖片改小一點,現代要求快速吸收大量資訊,撇除不需要吸收的部分,圖片太大變成要看很多網頁面積且要往下滾很久才知道相對多的資訊,之前的舊版還比較好些
上面巴哈姆特的圖片修改,背景圖也不要這麼大,請一個中國或韓國的使用者介面高手設計下會相對好一點
你這改得跟中國的每日農場設計一樣...有點失去原本味道就是了
12
-
LV. 44
GP 26
5 樓 辣喵 歐喵 魯喵! zz27060508
GP11 BP-
我覺得介面可以簡約一點,呈現的東西越精簡越好
圖片有點太大了,我都是看文字居多
希望能一眼掃過去就看完我要看的東西
11
-
LV. 50
GP 5k
6 樓 哈哈 哈哈 GN00476581
GP2 BP-
我認為現在的巴哈姆特『『新版首頁』BETA測試
和前一陣子的2025巴哈姆特新首頁CB測試
是非常不公平的
把2個測試放在一起比較

為了方便簡單敘述
稱現在的為OB公測
稱之前的為CB封測

以勳章來探討不公平的點
因為巴哈的勳章被很多人所喜歡.甚至追求各種勳章的蒐集

我從有限的資訊和自己觀察到的現象

總管回:此為限定名單的封閉測試

以及這次問卷連結中

發現一些不公平的點

1.
CB封測名單是不是只有少部分開放給一般會員(像是我這種沒有站務/板務/達人)
站務/板務配額比較多
再來是達人
最後才是少量的一般會員

因為我觀察到很多有CB封測勳章的都是有身分別的會員
CB封測勳章的一般會員很少

一般會員的總人數是最多.卻分配到較少的名額
例如:CB封測名單.80%給有身分別.20%一般會員

(這種身分別的配額可以參考當年站聚辦桌的報名資格.我覺得很類似)

2.
CB封測勳章獲得條件是不是很簡單
接近於只要被選中.測試時間內有上線.隨便點幾個連結算完成任務.可以獲得勳章

CB封測勳章也跟現在OB公測勳章一樣用抽的?
還是一定獲得

3.
現在的OB公測勳章要用抽的

結合第2點所說.是不是有可能
有人花了很多時間來測試新版首頁.但最終結果沒抽到.所以拿不到勳章

但他所花的測試時間已經比CB封測人員還要多
然而因為CB封測任務簡單.可以說是保底獲得

而那個人沒有獲得CBOB勳章純粹是輸在身分別上
(CB少數開放給一般會員.OB要用抽的)

4.
拿過CB封測勳章的還能再拿OB公測勳章?
2
-
LV. 47
GP 1k
7 樓 領域空間 ands333
GP8 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

我對於你們左側快捷列有 "追蹤內容"
卻沒有同階級的 "熱門文章" 選項覺得可惜
而我自己的使用習慣還甚至是熱門文章>追蹤內容的,希望你們評估添加熱門文章選項

而且目前介面第一眼點進去我就只有覺得一個字


我看不到重點在哪,完全看不到,你們這樣我根本不知道該把眼睛擺在哪
現在這樣把中間新聞跟右邊廣告都融在一起了,我到底是在看新聞還是廣告?
最上面四個重點新聞的標題文字甚至會被底圖吃掉,這是我看的頭最痛的地方
8
-
LV. 50
GP 687
8 樓 黑胡椒 aiec456
GP2 BP-
點了新版的介面,結果要再點回到舊介面但回不去

不管怎麼點都沒反應
2
-
LV. 47
GP 4k
9 樓 erwin990423
GP6 BP-
以下為個人體驗結果與淺見

1、採用了較多現代流行的簡單化且圓潤的設計,以個人為言並不偏好

2、「GNN新聞」底下的「焦點」、「手機」、「PC」、「TV」...子分類,滑鼠游標移動後的自動切換頁面速度太慢,比舊版還慢,不要小看這一點時間變化,尤其在心神疲勞狀態下想看網頁是有著極大的感受差異,長期累積下來更是如此。

以及,以個人為言,我更喜歡舊版的文字+底線+切換時會滑動的底線設計,這樣的體驗更加「動感」。

3、左側欄位的「導航區」:「GNN新聞」、「哈拉區」、「動畫瘋」、「巴哈商城」...,其圖示應該沿用有顏色且描寫更詳細的舊版,近年流行簡單化風格圖示,但就功能直覺反應與精神消耗體驗而言,有豐富描寫的彩色版絕對會比沒有顏色只有線條的簡單圖示更好辨認、更不消耗精神去看文字,以額外消耗大腦運作。

4、關於「追蹤」,「熱門話題」、「個人追蹤」這兩大標題的設計我覺得很好,依舊採用了底線設計,不過也同上述意見,切換頁面的速度需要加快。底下的小分類,「全部」、「遊戲」、「動漫」、「宅生活」的頁面切換速度也需要加快。

5、我對「熱門哈拉板」的顯示數量有意見,新版的設計添加了圖片,在一定程度上確實更加吸引眼球,而舊版的設計採全文字顯示,雖然沒有顯眼的圖片,但是可顯示的內容數量更多了。我的修改結論是,新版首頁的「熱門哈拉板」應調整回和舊版首頁相同,顯示20筆資料,或者新增自訂可顯示數量。


新首頁的設計很明顯想向現代流行的簡單化風格靠攏,不過直角方框有直角方框的好,圓角設計有圓角設計的好,而我更偏好舊版的設計。
6
-
LV. 46
GP 2k
10 樓 Chanti aj1215
GP17 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

我的意見大概是這樣:


因為我主要都是在巴哈發創作,所以我特別在意創作大廳跟ACG大賽連結沒有在邊欄直接露出而是藏在「顯示更多」下面,在我看來就是創作相關的曝光變得更少了

不要說什麼下面有放創作區縮圖啊,那些就是還要往下滑才看得到的東西,在版面一打開就第一眼看得到的地方有文字連結讓大家知道有創作專區也是很重要的

我自己平常逛的看板也不多,所以把那些連結藏起來對我來說很浪費空間,我是希望邊欄那邊的連結可以全部顯示不需要多一個「顯示更多」這樣還要多按一次

還有就是上面大家也說過了縮圖太大跟有裝擋廣告就直接看不到的問題
不要說什麼叫大家把巴哈加白名單,巴哈需要廣告收入所以請大家體諒什麼的,就是一定會有不想看到廣告的人

現在很多創作/社群平台都會直接開放付費會員就可以不用看到廣告的功能
覺得巴哈或許可以在將來考慮看看(當然目前巴哈需要更新跟整合的東西還很多所以現階段應該是不太可能出這個功能,我就說說而已
17
-
LV. 45
GP 50
11 樓 Chija Chija
GP1 BP-
大家都有很好的意見~
不過對我這老人家來說圖變大反而比較清楚看過不用點入再決定要不要繼續~
雖然很多要再多適應跟研究不過大體上還能接受~
只是想問一下為什麼這紅圈處要用空白框?可以設計成相對應的圖會不會好些??
1
-
LV. 50
GP 4k
12 樓 星星♥點燈 may322005
GP0 BP-
沒廣告路過
看起來是解晰度自動調整異常,導致欄位消失。

更:2/18龍娘變廣告欄位


0
-
LV. 44
GP 635
13 樓 姬柊雪菜我老婆 marsantony
GP1 BP-
整體感覺簡潔很多,以PC來說版面蠻讚的

問題(持續更新):
1.標籤或頁籤滑到上面就切過去,但是還會等一會才切過去,感覺有點不舒服
1
-
LV. 48
GP 7k
14 樓 微笑A

求互動求溫暖不服來辯

a33073307
GP7 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。


很多功能性問題之前表單已經提過,就不贅述
這次主要提供一些外觀的意見,以PC介面為主


1.限制頁面最大寬度

修改前:

優點:
  • 畫面中的元素分配到的寬高都會比較大
  • 跟手機/平板/PC保持統一觀感
缺點:
  • 各元素分配的空間過大,子元素卻沒有縮小、增加能顯示的內容
  • 資訊太過分散,找不到重點,久了會有閱讀疲勞
  • 右下角被功能表遮擋,實質上屬於無效資訊

修改後:

  • 資訊卡在PC呈現適中的寬高(這也符合原版首頁的style邏輯)
  • 資訊集中,相對容易聚焦,了解資訊重點
  • 右下角功能呈現獨立空間
  • 鼠標不會再東南西北移動老半天




2.加寬通知欄

修改前:

修改後:


不知道為什麼新版的通知要比舊版少40px,也沒有遮到甚麼
這種帶有重點資訊的元素如沒有必要建議不要減少寬度




3. 將所有通知按鈕移到通知欄外側

修改前:

(不巧存在第三者隱私,故打碼)

修改後:


其實這也是參考舊版的改動
新版不知為何將寬度縮小、減少閱讀資訊,同時還將所有通知的按鈕放在卷軸最下面

所以我想看詳細資訊必須先滾到最下面

建議維持舊版設計,這樣可以直接進入所有通知。




4.縮小主內容元素的間距

修改前:

修改後:


這比較算是我自己覺得間距太大了
目前單一元素占比不小,緊湊一點比較好閱讀

上面好像也有人提到這點,就請站方參考。




5.調整副標題 style

調整前:

調整後:


這算是承上一點的改動,間距改短可能讓元素的邊界比較不明顯
問題一部分也是因為標題的邊界不明顯,調整標題的 style 可以改善這個問題
並不一定參考我的陽春寫法,站方自行設計即可




6.右下角功能列預設隱藏

調整前:

調整後:


由於前面只是限制主頁面最大寬度
根據頁面適配不同,右下的功能列仍然會遮擋主元素,形成無效資訊

元素有一半顯示在外,使用上也很容易注意到



上述改動我都寫成 js 了
如果開發小組不嫌棄的話,可以複製以下代碼
在主控台貼上就可以呈現修改後的畫面了。

```
(function () {
function addStyleToHead(css) {
const style = document.createElement("style");
style.textContent = css;
document.head.appendChild(style);
}

function render() {
// 將所有通知移至滾輪外
const allNotifyButton = document.querySelector(".member-service__group");
if (allNotifyButton) {
const parent = allNotifyButton.parentNode;
const grandParent = parent.parentNode;
grandParent.appendChild(allNotifyButton);
}
}

function addStyle() {
// 限制主頁兩邊留白
const globalStyle = `
            .global-container {
                max-width: 1280px;
            }
        `;

addStyleToHead(globalStyle);

// 加寬通知欄
const memberStyle = `
            .member-service {
                width: 400px;
                max-width: 400px;
                padding: 8px 4px 0px 4px;
            }
        `;

addStyleToHead(memberStyle);

// 側邊欄移至左側滿版
const sideBarStyle = `
.main-sidebar__left {
position: fixed;
top: 0px;
}
.main-container {
width: 100%;
margin-left: 240px;
}
.main-container.is-collapsed {
margin-left: 80px;
}
.main-container__decobox {
}
`;

// addStyleToHead(sideBarStyle);

// 縮小主內容元素的間距
const mainContainerStyle = `
.main-container__row {
padding-top: 5px;
}
.section-index {
margin: 16px 0px;
}
`;

addStyleToHead(mainContainerStyle);

// 調整標題副style
const sectionIndexTitleStyle = `
.section-index__title {
position: relative;
width: calc(100% - 16px);
max-width: none;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.section-index__title::before {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
top: 0;
left: 0;
background-color: #11AAC1;
transform-origin: center;
transition: transform 0.3s ease-out;
}
.section-index__title::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: 0;
left: 0;
background-color: #11AAC1;
transform-origin: center;
transition: transform 0.3s ease-out;
}
.section-index__title:hover::before {
transform: scaleX(1);
}
.section-index__title:hover::after {
transform: scaleX(1);
}
`;

addStyleToHead(sectionIndexTitleStyle);

// 右下角功能列預設隱藏
const fixedRightStyle = `
.fixed-right {
transform: translateX(60px);
transition: all 0.3s ease-out;
}
.fixed-right:hover {
padding-right: 60px;
}
`;

addStyleToHead(fixedRightStyle);
}

render();
addStyle();
})();
```

7
-
LV. 50
GP 4k
15 樓 快刀亂麻 chris90268
GP0 BP-
請問一下
 
這次BETA測試抽選的勳章
跟上一次CB測試送的的是同一枚勳章嗎? 
0
-
LV. 50
GP 10k
16 樓 霧島悠樹 gowofmath666
GP3 BP-
我反而覺得新版沒有說不好

提幾點:
1. 首頁新聞圖片過大

2.右下角的勇者福利社,不知道能不能開放設定可以關掉?  不是每個人都需要隨時看到勇者福利社

3.還有,留有一個地方可以隨時看到自己勇者的造型、持有巴幣 GP 等資訊感覺更有勇者冒險感覺

3
-
LV. 43
GP 5k
17 樓 一尺十寸 Rplus
GP2 BP-
提個最上方導覽列的小 bug

主要導覽列區塊 .main-nav__header
下層弄了個絕對定位導致初始高度塌陷(height:0px)
但有做捲動判斷,後續會加個 sticky 的樣式
而在 sticky 狀態下又硬是覆寫下層的絕對定位
所以在這狀態下 .main-nav__header 突然有了高度~ magic~

最終導致畫面出現非預期的抖動
(可以在頂部輕輕上下拖動50px,就能看到主內文區塊不自然的上下跳動)

workaround 治標方法很簡單,直接釘死區塊高度就可以過關了~

.main-nav__header {
    height: 0;
}

但穩一點的方法還是想想初始狀態的高度塌陷是否合理吧~ :P
2
-
LV. 43
GP 5k
18 樓 一尺十寸 Rplus
GP6 BP-
提個使用者很可能會碰到的誤操作:
翻頁式的指示器「在滑鼠進入這個區塊時」應該一直存在
不應該在最末頁/最首頁就直接消失
這樣使用者換頁過程中很可能就誤點擊了最末頁的某個連結


最後一頁的換頁箭頭可以是做成「無點擊反應」
或是參考舊版設計:循環回到第一頁

另外
舊版的 slider 還有些較好的設計是:
1. 有明確的總頁數提示


2. 滑鼠未進入時,左右箭頭指示器就約略可見、但又不礙觀瞻
可以明確提示「這邊可以點」,讓使用者有很好的預期心理


以當前巴哈其它內容來看,首頁設計改版是必然趨勢
希望可以愈改愈友善~
預祝改版順利~
6
-
LV. 39
GP 226
19 樓 糰子 sky568127
GP2 BP-
感覺很多空間都浪費掉了  有種套了模組的部落格的感覺
然後每個分類選項都要等一下下才跳預覽有點不習慣
2
-
LV. 47
GP 1k
20 樓 夜月小貓 happymay
GP0 BP-
新版首頁第一眼感受就是太大也太寬了
現在大家電腦都比較好, 解析度也比較高, 實在不適合把畫面做得這麼寬, 很難一眼看清楚頁面上有那些區塊, 要左右看還有往下拉

整體縮小75%的感覺比較好, 寬度比較類似舊版首頁的寬度
並且左邊選單可以收折這點我是滿喜歡的, 還有快速前往最近瀏覽的哈拉版等功能, 對我來說是優化
0
-
未登入的勇者,要加入 46 樓的討論嗎?
板務人員: