|
本人上半年有幸參與友商網(wǎng)的門戶優(yōu)化和伙伴門戶的設(shè)計，因為算是部門的重要任務(wù)，自然需要投入些心力來分析設(shè)計。作為企業(yè)門戶的設(shè)計，從一個設(shè)計師和交互師的角度，我首先是考慮到它的易用性，美觀度，功能性，模塊化，延展性。在一些細節(jié)的交互和技術(shù)的實現(xiàn)復(fù)雜度上，我們都需要做一些細致的分析和權(quán)衡?；ヂ?lián)網(wǎng)產(chǎn)品有它自身的特點，用戶群的喜好和先進理念的迭代是推動產(chǎn)業(yè)快速發(fā)展的主要動力。
1，前期需求分析
首先我們需求明確設(shè)計的需求，6.0版的門戶主要是針對一些用戶調(diào)查的反饋進行一些結(jié)構(gòu)上的優(yō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è)博客，商圈和論壇，一般的企業(yè)網(wǎng)站在這個基礎(chǔ)上略有增減。
3，后期結(jié)構(gòu)調(diào)整
1，增加解決方案，聯(lián)系方式，企業(yè)動態(tài)等模塊，細化服務(wù)功能
2，增加界面的統(tǒng)一感，banner的通欄設(shè)計
3，強化首頁的產(chǎn)品模塊，突出業(yè)務(wù)主線
4，解決方案的首頁模塊，突出產(chǎn)品服務(wù)
5，成功案例的模塊強化，同樣是業(yè)務(wù)主線的凸顯。
6，弱化企業(yè)動態(tài)，博客，圈子等輔助功能
7，左右結(jié)構(gòu)統(tǒng)一化，讓用戶瀏覽更流暢
8，強化菜單的設(shè)計和導(dǎo)航的作用
4，后臺控制頁面
后臺的設(shè)計主要強調(diào)其功能性，我們借鑒了博客網(wǎng)站的模版修改功能，主要在模塊的增減，色彩方案的選擇和調(diào)整的直觀性上做設(shè)計。
5，整體調(diào)整
1，介于公司b2b性質(zhì)的商務(wù)性，減少了一些色塊和圖片的運用
2，結(jié)構(gòu)上趨于嚴謹?shù)脑O(shè)計風(fēng)格，便于模板和色彩方案的變更
3，標(biāo)準(zhǔn)化頁面容器的尺寸和圖片的尺寸
4，強化一些重要元素的樣式，如：價格，主要產(chǎn)品，重要標(biāo)題，關(guān)鍵操作按鈕
5，減少模塊間的相互干擾，統(tǒng)一左側(cè)模塊區(qū)的內(nèi)容
6，弱化頁尾的注冊信息
統(tǒng)一后的左側(cè)模塊組
|