2012年2月18日 星期六

UX// 獎金獵人與獵人學院改造計劃


獎金獵人簡介

獎金獵人是一個關於比賽的資訊平台,當你看到如此吸引人的名子與LOGO,再加上左手邊一個引領人進入故事的文章意像,就會開始有了第一印象:有獎金訊息的酒吧。這部分再加上隱藏文章區:二樓文章,發表酒吧主人的故事,串起了一個與一般佈告欄不同的東西:文化,也才讓獎金獵人如此與眾不同。精髓說完了,現在開始檢討一下UX上面有什麼可以改進的部分。

首先從獎金獵人的網站上方可以看到一列選項:獎金佈告、抽獎導航、獵人學院、張貼比賽,這列的功能性相當明顯,是告訴使用者主要功能有哪些的地方。而由左至右則是其重要性的順序(通常越靠近LOGO的越重要),但目前獎金獵人的核心除了獎金佈告以外,還有其渲染色彩的二樓文章,再加上張貼比賽這個向廠商說明的必備項目,個功能列的排序應該變成:獎金佈告、二樓文章、張貼比賽、抽獎導航。至於獵人學院則不該在此出現。目前確認可以改動的區塊應該是訂閱酒館小報這邊,將此處改為獵人學院的入口,夠顯眼,也有足夠的區隔性。

而其他的區塊則要再重新考慮整體氣氛,但目前已經做得不錯:D



獵人學院簡介

另一方面,基於魔人Rox對於方法論的推崇,讓他開始想要創造另一個世界:獵人學院。但在聽到前面這整句話,再加上看到下面這個畫面,來猜猜這網站的角色這是什麼?記住你自己在看這網頁時的眼神走向。



正中央不斷閃爍的廣告區塊,告訴我們這裡還是跟比賽活動有關,在假設了這是另一個網站的前提下,會覺得這或許就是個廣告(因為連框框的標題都沒有),另一方面,由於標題(熱門主題、熱門討論區)的色彩與旁邊筐的色彩太近,並無法聚焦于標題文字。更何況是採用超高對比色(白底、黑筐、白字),更是讓視覺不舒服。最後,當你看完整個版面時,仍然不知道這個網頁的角色是什麼?我可以在上面做什麼?



因此,在與創辦人ROX討論過後,粗淺提出了以下幾點改進:

明確化學院的風格
1. 加入功能列,暗示別人在此網站上可做的事
2. 創造院長的角色,與使用者對話
  利用角色來創造文化,就像去寺廟裡如果沒有乩童跟你說神明的想法,得到的回應是零,用戶就不容易有忠誠度
3. 將版面區塊學院化

其他視覺上的修正與功能的想像
1. 將徵稿比賽的連結設成塊狀,目前是只有"(詳全文)"是連結
2. 改變背景與框線的配色
3. 在徵稿活動框的上方加上標題
4. 上方登入功能列向右推至與框架貼齊
5. 版頭重量失衡,右邊需要增加些什麼來平衡
6. 在刊頭比賽的說明文件中加入"相關討論區"的連結,甚至是討論到這些比賽的文章蒐集
7. 增加使用戶的遊戲性(經驗值/學位認證/登入後的個人角色區塊)



Rox 效率也超高的,才兩三天就改了個初版:



獵人學院改造之二期工程

第二階段想要提出的是:重新分類功能列表的層次

目前的分層:

標題     第一眼看到以為的功能  原意

獎金獵人   回到獎金獵人      回到獎金獵人
後花園    獎金獵人留言板     獎金獵人創作發表
創作學院   討論區         原創區
學院工會   討論區         轉貼分享密靈感
酒吧服務區  討論區         老闆娘的互動區


問題點

的確Rox提過他的獵人學院就是要做成一個討論區,但是從獵人學院這名字帶來的印象,與討論區的關聯性實在不高。而且五個主要功能裡前兩個都是回到獎金獵人,會覺得這個學院不過就是獎金獵人的分身,如果真的要做論壇的話,不如把獵人學院真的改成酒吧?原來的獎金獵人成為酒吧的佈告欄,感覺比較實際一點。

但Rox取學院的目標是宣揚或傳授方法論、建立社群,這的確是學院才作得到的事。那要如何創造學院的感覺?

首先參與學院的人,基本上就是學員,是希望看到自己成長的人,因此如果能有像遊戲經驗值那樣明顯的量表,又有自己的能力提升點數,可以明確肯定自己。同時方法論比賽就像是個副本一樣,或許會有人想要組隊一起破關,那就讓大家組個社團吧!公會的必要性到有待商榷,公會的定義是為了保障職業人士的工作權益才創立的,或許比較適合出現在獎金獵人。就像學校社團是分文學社團、音樂社團、運動社團,這只是個分類法,而不是一個特別的組織,除非是學生會啦。

另外獵人學院涉及學習,許多提出的比賽都是很值得討論的,其中的方法論如何落實到個個領域也是一個討論重點,因此給大家一個Free Talk的地方,若是能像一些討論沙龍(像思沙龍一樣),找些厲害的人來當導師,確認大家都有正確的應用方法論,那黏著度應該是爆高,至於導師這塊應該在系所區凸顯存在,但同時給予帳號參與討論區。最後,為了確保大家都知道獵人學院在做什麼,在教什麼,把宗旨跟校長的話列在功能表的前兩項也不為過吧?所有學校都是這麼做的。所以....噹噹噹檔~就來看看重新做好的分類吧!

建議分層的最高層級:

  校園宗旨 - 介紹創院目的
  校長的話 - 未來展望與學員對話(可設校長信箱)
  學院系所 - 學習方法論的養成比賽分類
  獵人社團 - 現有的公會中的社團(以社團為主)
  論思庭院 - 方法論養成的討論區

詳細分級:

  校園宗旨 - 單一介紹頁面
  校長的話 - 單一頁面,定期專欄
  學院系所 - 內分現有的方法論比賽類型
  獵人社團 - 以活動類型區分
  論思庭院 - 現有的討論區分類


視覺重點:

右上方的字很大,也寫出了宗旨,但是由於下方黑色區塊過於顯眼,反而只有綠色那條訊息列最明顯,從進到這個版面開始,我的眼睛搜尋過程如下圖所示,但就算看到了學院公會(轉貼分享覓靈感),還是會不知道公會跟轉帖的關聯,又或者說是對學院公會的期待跟下方出現的不同。色彩與排版仍需要調整。




把這個過程當作日本的住宅全能改造王一樣,讓我們一起參與這個故事吧!
歡迎大家在下面留言,告訴我你的眼神走向跟我的差異噢!

待續…

1 則留言:

熱血時代劇 提到...

~練成乾坤大挪移要三十年但若打通任督二脈只要三個時辰~

真是太強大了!林書豪唯一指定網站UI設計師
非常感謝