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