13573696515
 
新聞與幫助
 
濰坊創美:記一次官網改版的梳理與思考【精武門】
瀏覽次數: 時間:2018/3/20 15:11:13
一、項目布景

  精武門,是廣州大象健康科技有限公司和阿里體育聯合主辦,致力于打造世界概括斗爭職業聯賽頂尖途徑。

  二、規劃方向

  (1)舊版問題拾掇

  此次官網改版首要針對舊版官網的以下三點問題進行優化規劃: a、頁面全體風格過于單調憂慮煩悶

  b、斗爭賽事所包括的熱血、熱心的規劃元素不行超卓

  c、信息架構、界面布局不行合理;一起現有的頁面結構不能滿意公司事務的調 整打開,需求從頭優化頁面全體的安排架構和信息展現

  (2)規劃方針

  a、分配色彩,烘托出頁面的空氣

  b、側重超卓頁面的質量感,增強品牌效應;一起在規劃元素運用上,全體的頁 面要堅持一起性

  c、調整頁面布局;信息展現更合理,主次清楚;要害模塊能夠捉住用戶的眼球

  三、規劃輸出階段

  (1)前期

  方針用戶會導致規劃風格有偏向性,關于精武門這種斗爭途徑來說,規劃風 格基調前期需求有個方向性的研討剖析,比如依據賽事性質,選擇了整個頁面需 要熱血熱心、火爆、嚴峻作用,有這幾個要害詞后,能夠依照既定的方針去尋找 規劃方向。 而在全體的規劃方針上,官網的規劃不只需求增強質量和品牌感然后公布用 戶去感知,一起需求更多的展現和傳遞資訊類的信息,所以既要保證信息清楚合 理精確地傳達,又要讓用戶進入頁面后,自然而然地感受到斗爭這種熱血熱心、 火爆、嚴峻空氣。

  (2)規劃進程

  完畢前期的方向性預備后,接下來就是依據信息架構完畢元素的基礎布局。以下以官網的引導頁和主頁為例:

  1、引導頁(意圖:在用戶進入到官網主頁之前,經過這個引導頁快速吸引用戶的注 意力,并將精武門的品牌形象以及賽事內容展現給用戶,一起供應便利的進口和導 航指向到方針內容模塊。)

  在出全體作用之前,首要是模塊布局。不觸及細節,只將信息區塊按匹配好的色彩填充并按必定的款式擺放在相應的展現區域。 頁面依照最高1920px的寬度規劃,考慮到不同設備的適配,平衡之后,水平區域展現內容都放置在1440px的寬度去布局。一起,用戶在筆直方向上看到的首屏內容的也會因設備分辨率不同而不同,究竟首屏的規劃規范選用1440px*900px。在布景大圖的展現辦法上,選用自動播放的短視頻,經過“靜”來烘托頁面空氣和展現內容的一起,用“動”來捉住用戶的眼球,動態結合來一起傳遞品牌的感染力。

  依據區域補償內容和細節后的究竟作用:

  2、主頁

  【舊的主頁】在信息架構層面存在以下幾點不合理之處:

  a、頂部欄(1)占有過高的空間,相對重要的導航欄(2)反而占有著小塊空間,顯得不行 超卓。

  b、導航欄(2)在整個深色暗淡的頁面中過于弱化,不只區塊小,導致層級不行超卓; 一起字體不行大,當時頁在選中狀況下作用相關于未選中的比照性也不強。

  c、新聞動態(3)、賽事咨詢(4)、精彩回想(5)、圖集(6)這幾個模塊在內容的布局上缺 少接近性、比照性,內容整合也相對紊亂,像(4)(6)都缺少一起款式的標題,導致 在內容層級的歸屬上有了解的過失;而且從閱覽習氣(從上到下,從左到右)、圖 文關于閱覽焦點觸發的先后次序、內容展現區塊的巨細這幾個視點來考慮,這四塊 內容也存在信息架構布局不合理的問題。

  d、以精武門斗爭競賽性質的內容運營需求啟航,主頁的信息架構需求從主次優先 級、商業性質、產品交互邏輯這幾個方面進行從頭拾掇。

  【新的主頁】比照舊版主頁存在的問題,進行了以下幾點優化:

  a、調高導航欄的高度,一起將精武門logo整合到導航欄最左面,既超卓導航欄的信 息結構,又能起傳遞品牌的作用。

  b、將導航內部的字體字號增大加粗,一起用塊狀的主色調火紅色作為當時頁面的選 中狀況。

  c、從觀眾和商業運營的視點啟航,觀眾更希望快速獲取到競賽自身相關的信息,包 括最新賽事、購票、能夠看到競賽的途徑、最新資訊以及重視的沙龍和選手,而 官方能夠經過這個途徑將最新的推送內容快速及時傳遞給觀眾,一起獲取相應的平 臺資源版權收入。d、將每個模塊以卡片辦法歸類整合,這樣信息布局更清楚,內容分部更有條理和親 密性。比如每個最新的賽事獨自以卡片集結的辦法整合到頂部,便利用戶及時便利 的獲取最新賽事動態。

  e、依照閱覽次序和內容的主次聯絡,首屏的頭部用大面積的輪播大圖集結首要的賽 事信息,相關于其它靜態頁面,更能抓取用戶的眼球;右邊放置包括資訊、票務和 直播等當時競賽相關的信息。

  f、最新資訊、沙龍排行、選手排行也是以卡片整合圖文的信息結構按從左往右,從 上往下的閱覽次序擺放在首屏底部,便利用戶在翻滾屏幕一起抓取信息;每個模塊 以及內容自身之間也是有一起的標題和排版款式,然后堅持頁面內容的接近、對 比、對齊和重復的準則。

  g、除此之外,在字體巨細、色彩、間隔、主色調和輔佐色的運用上,也是以接近、 比照、對齊和重復的準則進行排版規劃。

  四、總結

  經過這次系統性的項目規劃,也讓我愈加清楚的認識到,規劃自身不應一味尋求作用的輸出,也不應一拿到需求就著手漫無意圖的規劃。規劃是一個進程,前期的每一步都應該為究竟的輸出做好合理的預備,這樣的輸出才更能契合產品的究竟方針,防止盲目和隨性,而是從用戶體會的視點啟航去發現問題和解決問題。
 
我們的服務
網站設計
網絡推廣
搜索引擎優化
網站備案
維護與改版
我們的優勢
細致入微的前期服務
精準的策劃服務
完美的網頁設計
領先的技術
有任何問題,24小時回應并處理
聯系我們
山東省濰坊市東風街世紀泰華大廈16層
蘭經理
13573696515
383781928
383781928@qq.com
濰坊創美網絡技術有限公司 All Rights Reserved 魯ICP備17032779號
日韩欧美另类国产在线