巴哈姆特哈拉區改版體驗

圖片來源:網路

巴哈姆特APP在1/16發佈iOS的更新,本次更新主要是針對哈拉區的列表頁、發文頁的視覺與使用體驗優化,現在一起來看看改了什麼吧!

一 哈拉區看板列表

點擊哈拉區後就開啟了看板列表,整體視覺看來與之前差不多,或多或少調整了一下細節,像是加入看板方式改為愛心的圖示、在看板上標註熱門程度等等這些小功能,而底部導航項目則連順序都沒有改變,只是讓圖示看來在精緻點,觀看上有稍微舒服些。

圖一:左:舊版看板列表 右: 新版看板列表

1.看板分類選單
在看板分類操作方面算是該頁面最大的改變了,原本看板選擇方式,是先點擊左上角的"分類"後開啟看板選單,而新的介面則改成水平移動選單的方式,並放在看板的上方直接顯示分類,這樣的設計方式是比之前版本理想,沒有隱藏起來也少了一個點擊動作是更加好找。不過在水平移動選單這部分,因沒有任何的提示告知這列示可滑動的,對於不熟APP操作或新使用者來說,可能會遇到找不到分類的問題,個人認為可以讓"TV掌機"後面的選項透露出一點,這樣使用者就有機會去發現這選單是可移動的。

圖二: 左:舊版分類選單 右: 新版 分類選單

2.搜尋框
依舊放在介面的最上方,但因沒有左邊分類選項的影響,讓搜尋框面積變多了,也沒了之前的擁擠感,且將底色改為白色,較之前同色系來的更加明顯,很容易一眼就看見,以巴哈姆特在分類看板如此龐大的狀況下,搜尋的功能勢必要更為注重,嘗試搜尋幾個關鍵字確實都能正確提供看板,不過如是打錯字,像是星做或心座,就無法提供資料,如能像google那樣打錯字也能提供一些接近的資訊,在體驗上就更為理想了。

圖三: 左:舊版搜尋框 右: 新版搜尋框

3.看板選項
位置同樣沒有改變,不過在順序、名稱、文字大小與互動設計上都做了些調整,,調整後我覺得有比以前好用,因為字變大了好點擊,互動的體驗也比之前佳,不過有個問題,在切換看板時好容易按到搜尋框,所以之後我切換時就會有點小心,如能讓搜尋框和選單的距離在多一點,應該可以避免掉該狀況的發生。

圖四:左:舊版看板選項 右: 新版 看板選項

二、文章列表頁

圖五: 左:卡片式 中:圖文式 右:省流量模式

文章列表頁可說是這次改版的重頭戲,不僅是全新的視覺設計,也增加了許多之前沒有的功能,順便也加強了廣告的呈現XD。在這部分有三種模式可選,分別是卡片式、圖文式與省流量模式,因個人多是在省流量模式下使用,所以就用該模式來介紹,除了看文章模式不同外,在其他操作上都一樣的。

1.文章列表
在文章列表部分,特別將置頂文章區分出來,強調了置頂文章的不同,而當文章大於三則時就會出現"看更多置頂文章",點擊後就會展開全部都置頂文章,不過可惜的是展開後確無法收回,重新整理也是一樣,只有離開該板再重新進入才會恢復原狀。這點設計我有些不明白為何沒有收回功能,如是認為使用者在看文時,會繼續往上滑動,因此不需要收回已展開的文章,但是如連重新整理也無法收回,這樣使用者就要在滑過那些文章,以我看的看板來說,置頂文章就有10篇之多,在使用上就覺得不是很理想,讓我不想點擊展開置頂文章。

不過除了回收置頂文的問題外,在文表列表的呈現上確是不錯的,除保留原本的項目外,也增加子板的說明,並對於一些特殊的文章也給予標籤,讓這些文章更有識別度,且在文字的編排上也讓人易於閱讀,整體來說我個人是喜歡這次的改變。

圖六: 左:舊版文章列表 右: 新版文章列表

2.底部導航(Bottom Navigation)
新版的底部導航項目,除了原本的精華區還保留外,新增選擇子板、發表文章、重新整理、搜尋等共五項。首先,對於他將發表文章從原本的FAB方式,改為固定放在底部導航,這點我是喜歡的,因為之前在逛文章列表時,看著一顆按鍵出現在那邊,總覺得有些干擾,而沒了這顆按鍵,在閱讀上就覺得舒服多,且將發表文章按鍵放在底部,並用其他的顏色來凸顯,一樣能達到一眼就看見的目的。

此外另一個我覺得方便的設計,是重新整理,重新整理固定下方,且他放置的位置非常利於大拇指的點擊,也就是當右手單手滑螢幕時,想回到最上方或更新,就能輕易的操作。

還有這次也將原本放在上方的搜尋框移除,把搜尋功能也放在底部導航,讓上方更有空間來新放置其他功能,而點擊搜尋後,他會另開分頁,並細分要搜尋標題還是內文,如前面所提到的,他們擁有數以萬計的文章,如能將搜尋做好,對使用者來講是一大便利。

圖七: 左:搜尋標題 右:搜尋內文

至於選擇子板部分,他在文章列表上方也是有該功能,只不過會隨畫面捲動而不見,因此需要一個固定的地方來放置該功能,因為你不會知道使用者會在何時想要看其他的看板。

圖八:選擇子板

三、其他

發文介面在本次也做了修正,不過在發文流程上倒是沒甚麼變化,只是對在發文介面上還顯示自己的頭像,認為有些佔空間了,如果沒有這個頭像,這部份的修正是還不錯的。

圖九:左:舊版發文介面 右:新版發文介面

此外,之前讓我找的千辛萬苦的刪除文章功能,在這次的改版也有修正了,它就收合在一樓文章的右下角的更多選項,點擊就能找到了,比之前要用手勢才能呼喚出來方便太多了(其實手勢是很簡單的,但對於第一使用的人來說,如沒任何提示真的想不到阿~)

圖十:刪除文章功能

最後,還有一個問題,在帳號要重新登入時,我居然無法馬上看到登入按鍵,花了點時間尋找了一下,它的登入鍵是放在畫面的右下角,離輸入框有點距離,還有因為它登入按鍵的圖示與背景顏色接近,所以就更不容易發現了,雖然登入後是會保持登入狀況的,但也因如此登入頁一定是久久才用一次,如沒解決上述問題,有可能每次都要找一下登入鍵吧。

圖十一:登入頁

四、總結

在去年12月中下旬得知巴哈釋出beta測試版本,就即刻下載來體驗,不過beta測試版本其實是與正式版還是有些不同的,像是底部導航,beta版也只有三項,但正式推出後的有五項,整個體驗上就有滿大的差異。整體來說他們目前的改變多數是優於以前的版本的,對於我這個不常用的人來說,在操作上也是更容易上手,對於新手而言能更快的進入狀況,算是成功的改變。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *