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

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

　　1，前期需求分析

　　首先我們需求明確網(wǎng)站建設設計的需求，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)容的可點擊性和交互多樣性，這樣勢必會增加用戶的關注度和頁面的點擊熱點。

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

　　2，前期結(jié)構(gòu)設計

　　 企業(yè)的結(jié)構(gòu)這塊首先的基本需求是：首頁，產(chǎn)品與服務，新聞資訊，企業(yè)介紹，成功案例，企業(yè)博客，商圈和論壇，一般的企業(yè)網(wǎng)站在這個基礎上略有增減。

　　3，后期結(jié)構(gòu)調(diào)整

　　 增加解決方案，聯(lián)系方式，企業(yè)動態(tài)等模塊，細化服務功能

　　 增加界面的統(tǒng)一感，banner的通欄設計

　     強化首頁的產(chǎn)品模塊，突出業(yè)務主線

　     解決方案的首頁模塊，突出產(chǎn)品服務

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

　　 弱化企業(yè)動態(tài)，博客，圈子等輔助功能

　　 左右結(jié)構(gòu)統(tǒng)一化， 讓用戶瀏覽更流暢

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

　　4，后臺控制頁面

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

　　5，整體調(diào)整

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

　　 結(jié)構(gòu)上趨于嚴謹?shù)脑O計風格，便于模板和色彩方案的變更;

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

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

　　 減少模塊間的相互干擾，統(tǒng)一左側(cè)模塊區(qū)的內(nèi)容;

　　 弱化頁尾的注冊信息.

轉(zhuǎn)發(fā)請注明：丁丁貓

• 上一篇
• 下一篇