作為企業門戶網站的設計，從一個設計師和交互師的角度來看，應該首先考慮到它的易用性，美觀度，功能性，模塊化，延展性。在一些細節的交互和技術的實現復雜度上，我們都需要做一些細致的分析和權衡。

　　本人上半年有幸參與友商網的門戶優化和網站建設設計，因為算是部門的重要任務，自然需要投入些心力來分析設計。互聯網產品有它自身的特點，用戶群的喜好和先進理念的迭代是推動產業快速發展的主要動力。

　　1，前期需求分析

　　首先我們需求明確網站建設設計的需求，6.0版的門戶主要是針對一些用戶調查的反饋進行一些結構上的優化。

　　比如：下圖的頁面，位于頁面中央的交互區很少有人點擊，可能是由于交互的隱蔽性讓用戶對該區域的內容豐富性和交互性產生了質疑。

　　針對這塊交互區，我們進行一些交互形式上的調整，把這塊內容做成客戶成功案例的一個接口，通過頁簽這種比較傳統的展現方式讓用戶意識到內容的可點擊性和交互多樣性，這樣勢必會增加用戶的關注度和頁面的點擊熱點。

　　企業門戶網站建設的目標用戶是一些較小的產品分銷商，他們的需求關鍵點是：功能的齊全，界面的專業，交互的流暢。我們首先應該從這些基本的需求點入手，從而把握核心的內容架構。

　　2，前期結構設計

　　 企業的結構這塊首先的基本需求是：首頁，產品與服務，新聞資訊，企業介紹，成功案例，企業博客，商圈和論壇，一般的企業網站在這個基礎上略有增減。

　　3，后期結構調整

　　 增加解決方案，聯系方式，企業動態等模塊，細化服務功能

　　 增加界面的統一感，banner的通欄設計

　     強化首頁的產品模塊，突出業務主線

　     解決方案的首頁模塊，突出產品服務

　　 成功案例的模塊強化，同樣是業務主線的凸顯。

　　 弱化企業動態，博客，圈子等輔助功能

　　 左右結構統一化， 讓用戶瀏覽更流暢

　　 強化菜單的設計和導航的作用

　　4，后臺控制頁面

　　 后臺的設計主要強調其功能性，我們借鑒了博客網站的模版修改功能，主要在模塊的增減，色彩方案的選擇和調整的直觀性上做設計。

　　5，整體調整

　　 介于公司b2b性質的商務性，減少了一些色塊和圖片的運用;

　　 結構上趨于嚴謹的設計風格，便于模板和色彩方案的變更;

　　 標準化頁面容器的尺寸和圖片的尺寸;

　　 強化一些重要元素的樣式，如：價格，主要產品，重要標題，關鍵操作按鈕;

　　 減少模塊間的相互干擾，統一左側模塊區的內容;

　　 弱化頁尾的注冊信息.

轉發請注明：丁丁貓

• 上一篇
• 下一篇