2012搜狐焦點首頁改版心得

2 評論 3632 瀏覽 2 收藏 4 分鐘

三季度,焦點房產(chǎn)首頁進(jìn)行了一次大的改版,這次我負(fù)責(zé)了頁面視覺設(shè)計。

這次改版的方向和目的是:”以用戶為中心,幫大家找好房”,提高用戶通過首頁進(jìn)入樓盤詳情頁的到達(dá)率。

改版項目啟動后先和產(chǎn)品同學(xué)做了溝通,針對改版需求做了分析,對于布局也參與了討論。

討論結(jié)果,上一版在首屏更多突出的資訊,占了首屏的主要位置,這樣用戶進(jìn)入首頁后不便于找到搜索,另外樓盤的信息也相對靠下,用戶需要翻過首屏才能看到。針對主要問題,產(chǎn)品在出UE時,做了多種嘗試,同期我考慮風(fēng)格,并按不同的UE做嘗試。

在風(fēng)格上,明確了需要保持繼承性,要保留焦點的立體風(fēng)格元素,同時根據(jù)頁面設(shè)計發(fā)展趨勢,去掉過多的裝飾,采用簡潔的風(fēng)格進(jìn)行設(shè)計。期間對近期主流網(wǎng)站都做了分析和研究,同時也重點關(guān)注了對手首頁,比較優(yōu)缺點。

2012搜狐焦點首頁改版心得

講過嘗試,在產(chǎn)品UE的基礎(chǔ)上,推出了兩個嘗試方案:

方案A:相對保守,對搜索區(qū)域加寬至通欄,右側(cè)擺放工具,方便用戶找房。

2012搜狐焦點首頁改版心得

方案B :這個大膽一些,相對上一版,是一個突破,將搜索置于頂部,導(dǎo)航之上,更符合用戶找房的目的。

2012搜狐焦點首頁改版心得

另外在設(shè)計過程中得到了數(shù)據(jù)同學(xué)針對運(yùn)行中的首頁,進(jìn)行了熱力分布圖記錄,對布局調(diào)整給予了有力支持。

最終確定了B方案。

之后產(chǎn)品出完整UE,然后一氣呵成,期間我們交互設(shè)計師子軒同學(xué)也積極參與,提出各種改進(jìn)想法和建議。

2012搜狐焦點首頁改版心得

另外說一下關(guān)于首頁寬度。

在最初的討論中就涉及到是否加寬頁面寬度。

最近一年有多家網(wǎng)站的寬度做了變寬調(diào)整,例如騰訊首頁的寬度改成了1000PX,和產(chǎn)品一起做了內(nèi)部討論,基本確定加寬頁面寬度。

加多寬呢,但如果用1000px,就要出新的尺寸(焦點現(xiàn)有尺寸包括950、980、1002。如果要變寬,可以選擇到1000,這樣在1024下能夠正常顯示。),當(dāng)然也有好處,更便于建立柵格體系。

最終討論結(jié)果,采用1002,不出新的尺寸,更好滿足廣告系統(tǒng),關(guān)于柵格系統(tǒng),有一單列間隙定位12px給予解決。

本文來源:搜狐焦點UED

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 同事你好。

    來自廣東 回復(fù)
  2. 這種網(wǎng)站有毛交互…

    來自上海 回復(fù)