作為企業(yè)門網(wǎng)站,從一個設(shè)計師和交互師的角度,我首先是考慮到它的易用性,美觀度,功能性,模塊化,延展性。在一些細(xì)節(jié)的交互和技術(shù)的實現(xiàn)復(fù)雜度上,我們都需要做一些細(xì)致的分析和權(quán)衡。
本人上半年有幸參與友商網(wǎng)的門戶排名推廣和伙伴門戶的設(shè)計,由于算是部分的重要任務(wù),自然需要投進些心力來分析設(shè)計。作為企業(yè)門戶的設(shè)計,從一個設(shè)計師和交互師的角度,我首先是考慮到它的易用性,美觀度,功能性,模塊化,延展性。在一些細(xì)節(jié)的交互和技術(shù)的實現(xiàn)復(fù)雜度上,我們都需要做一些細(xì)致的分析和權(quán)衡。互聯(lián)網(wǎng)產(chǎn)品有它自身的特點,用戶群的喜好和先進理念的迭代是推動產(chǎn)業(yè)快速發(fā)展的主要動力。
1,前期需求分析
首先我們需求明確設(shè)計的需求,6.0版的門戶主要是針對一些用戶調(diào)查的反饋進行一些結(jié)構(gòu)上的排名推廣。
比如:下圖的頁面,位于頁面中心的交互區(qū)很少有人點擊,可能是由于交互的隱蔽性讓用戶對該區(qū)域的內(nèi)容豐富性和交互性產(chǎn)生了質(zhì)疑。
針對這塊交互區(qū),我們進行一些交互形式上的調(diào)整,把這塊內(nèi)容做成客戶成功案例的一個接口,通過頁簽這種比較傳統(tǒng)的展現(xiàn)方式讓用戶意識到內(nèi)容的可點擊性和交互多樣性,這樣勢必會增加用戶的關(guān)注度和頁面的點寧波生活商家擊熱門。
伙伴企業(yè)門戶的目標(biāo)用戶是一些較小的產(chǎn)品分銷商,他們的需求關(guān)鍵點是:功能的齊全,界面的專業(yè),交互的流暢。我們首先應(yīng)該從這些基本的需求點進手,從而把握核心的內(nèi)容架構(gòu)。
2,前期結(jié)構(gòu)設(shè)計
企業(yè)的結(jié)構(gòu)這塊首先的基本需求是:首頁,產(chǎn)品與服務(wù),新聞資訊,企業(yè)先容,成功案例,企業(yè)blog,商圈和論壇,一般的公司網(wǎng)站在這個基礎(chǔ)上略有增減。
3,后期結(jié)構(gòu)調(diào)整
1, 增加解決方案,聯(lián)系方式,企業(yè)動態(tài)等模塊,細(xì)化服務(wù)功能
2, 增加界面的同一感,banner的通欄設(shè)計
3, 強化首頁的產(chǎn)品模塊,突出業(yè)務(wù)主線
4, 解決方案的首頁模塊,突生產(chǎn)品服務(wù)
5, 成功案例的模塊強化,同樣是業(yè)務(wù)主線的凸顯。
6, 弱化企業(yè)動態(tài),blog,圈子等輔助功能
7, 左右結(jié)構(gòu)同一化, 讓用戶瀏覽更流暢
8, 強化菜單的設(shè)計和導(dǎo)航的作用
4,后臺控制頁面
后臺的設(shè)計主要夸大其功能性,我們鑒戒了blog網(wǎng)站的模版修改功能,主要在模塊的增減,色彩方案的選擇和調(diào)整的直觀性上做設(shè)計。
5,整體調(diào)整
1, 介于公司b2b性質(zhì)的商務(wù)性,減少了一些色塊和圖片的運用
2, 結(jié)構(gòu)上趨于嚴(yán)謹(jǐn)?shù)脑O(shè)計風(fēng)格,便于模板和色彩方案的變更
3, 標(biāo)準(zhǔn)化頁面容器的尺寸和圖片的尺寸
4, 強化一些重要元素的樣式,如:價格,主要產(chǎn)品,重要標(biāo)題,關(guān)鍵操縱按鈕
5, 減少模塊間的相互干擾,同一左側(cè)模塊區(qū)的內(nèi)容
6, 弱化頁尾的注冊信息