我想大家都知道B2B行業(yè)網(wǎng)站具有B2B網(wǎng)站和門戶網(wǎng)站的特點,這就決定了頁面設計與其他網(wǎng)站的一些區(qū)別。這里有天津網(wǎng)站建設的理論探討和制作的基本要點,供大家參考。希望大家批評指正。
第一,是頁面色彩、框架、整體風格要嚴謹,充滿商業(yè)氣息。
因為B2B行業(yè)網(wǎng)站內容嚴謹高端,涉及行業(yè)發(fā)展趨勢、各種技術交流、企業(yè)營銷管理知識等信息,注定了內容的嚴謹高端;因為涉及交易促進、信息交流、企業(yè)間交友,所以商業(yè)欄目必須要表現(xiàn)出濃厚的商業(yè)氣息,所有的頁面設計都是針對商人的。
A.內頁的顏色要更嚴謹,避免非商業(yè)色彩。
藍色、紅色和黃色是B2B 網(wǎng)站常用的主要顏色,并且其中幾種顏色經常一起使用。當然,在使用過程中,也經常會同時使用這些顏色以外的顏色,或者顏色逐漸變化。
衍生色有:深藍、深紅、大紅、橙黃、橙黃、灰等。這里就不一一列舉了。配色由設計師自己決定,我們會在最后進行評測。
b.禁忌使用以下顏色作為主色調:
Green : Green更多的是象征著自然、純潔、自然等含義。不符合B2B行業(yè)網(wǎng)站嚴謹、商業(yè)化的特點。可以作為橙紅色的配色,但不推薦作為主色調。
粉紅色:更加女性化和溫暖。即使在以女性產品為特色的行業(yè)中,也不能使用它。作為匹配色,請謹慎使用。畢竟離用戶的需求還差得很遠。
黑色: 黑色和灰色是可以用于頁面上大部分文字的顏色,但它們不能用作B2B 網(wǎng)站的主色。
第二,主頁的標題欄和導航欄要更方更規(guī)整。
作為企業(yè)網(wǎng)站,時尚網(wǎng)站,或者表達時尚活潑的主題,網(wǎng)站設計可以比較活潑,圓形或者不規(guī)則的布局,但是作為B2B網(wǎng)站,就不能這樣設計了。
每個部分要區(qū)分清楚,每個區(qū)域要規(guī)整,使用的圖片和背景要嚴謹。不能把網(wǎng)站的標題欄和導航欄設計成斜圖、大橢圓、大圖標、卡通圖標、活潑的圖形。
c.整體風格要嚴謹,充滿商業(yè)氣息。
網(wǎng)站的整體風格比顏色和標題欄設計更重要。某種配色更活潑時尚,不會影響整體風格。不規(guī)則的圖片,或者網(wǎng)頁內容的不規(guī)則圖片,對整體感覺不會有太大的影響。整體頁面風格不能花哨。要減少框架和背景對閱讀內容的影響,請減少頁面噪音。整體風格要優(yōu)雅,讓游人靜下心來思考。
第三,內容和功能決定了表現(xiàn)形式和界面設計
頁面設計沒有固定的標準。很多時候,我們不能以美丑來判斷,也不能以創(chuàng)造力來判斷。相反,我們應該綜合分析該頁面的訪問者、內容和功能。有時根本沒有創(chuàng)造力,就像許多其他網(wǎng)站一樣,最好的,因為它應該是這樣的。任何設計和功能都是為參觀者和用戶服務的,設計師的分析能力遠比創(chuàng)意重要。
示例:
如果用戶注冊頁頭部有很多導航欄,左右有很多精彩的內容推薦,還有設計精美的圖標,那就錯了。此頁面上的鏈接越少越好,頁面越簡單。最重要的是引導用戶靜下心來填寫真實豐富的內容,否則用戶可能操作到一半就麻煩了,如果有更好的內容吸引他,他就不會再填寫了。
設計任何一個頁面之前,設計師都要先靜下心來,想一想這個頁面到底在表達什么,或者它有什么樣的功能,然后根據(jù)內容和功能來確定表現(xiàn)形式。在規(guī)劃網(wǎng)站時,設計師需要首先考慮頁面的形式。詳見《第四版B2B行業(yè)門戶網(wǎng)站規(guī)劃研究報告》第8章,系統(tǒng)地闡述了這個問題。
第三,多用成語,不要輕易使用新的用法。
所謂習語是指用戶經常使用的網(wǎng)站,或者知名網(wǎng)站的用法,往往是用戶的習慣,因為知名網(wǎng)站的用戶數(shù)量最多,用戶認可度最高。同一個功能,或者不因網(wǎng)站不同而改變表達方式的功能,可以用成語。
比如,我們來到一個新的網(wǎng)站,往往需要了解網(wǎng)站的介紹、主辦方的聯(lián)系方式等信息。通常在網(wǎng)站底部找到此信息。大多數(shù)網(wǎng)站在底部都有一排鏈接來表達它。如果你設計一個網(wǎng)站,你想要非常有創(chuàng)意,如果你不把那些鏈接放在底部,用戶會覺得不舒服。
對于設計師來說,即使這樣的熟悉感讓你覺得雷同乏味,毫無創(chuàng)新可言,但你還是要這么用。但這并不意味著我們不需要創(chuàng)新。相反,在規(guī)劃設計工作中,要大膽創(chuàng)新。如果我們不打算使用成語,那么規(guī)劃者和設計者必須確認這種新用法具有以下兩個特征:
(1)同樣清楚不言而喻,只是一種更好的表述,本質上與原文相同。
戶一眼就明白,這不是完全無中生有的創(chuàng)新,而是比原作更好。(2)它帶來了巨大的價值,值得用戶努力學習:雖然這個功能以前從未見過,但我們確認它能帶來質的變化,而不僅僅是改變用戶不習慣的功能和界面。比如過去大多數(shù)網(wǎng)站都是一步注冊的?,F(xiàn)在注冊會員,很多網(wǎng)站都是分兩三步走的。為什么要這樣設計?因為要填寫的內容太多,用戶把內容分成幾個步驟更容易接受。
第四,建立清晰的視覺層次,讓用戶在視覺上進行區(qū)分。
頁面有層次感,一眼就能看出哪些是重要的,哪些是次要的。每個部分表達的內容都非常清晰,用戶可以快速找到自己關注的部分。相反,頁面凌亂,結構不清晰,用戶來到頁面就不知道重點是什么。網(wǎng)民的耐心很差。30秒內很難找到自己感興趣的內容,所以可能找不到。他們認為網(wǎng)站對他們來說不感興趣,或者他們根本不會來。但是,其實網(wǎng)站有他想要的內容或者他想要使用的功能,只是因為頁面設計不好,找不到更快。
a.一個部分越重要,它就越突出。
在一個頁面上,如果沒有焦點,用戶會花很多時間在所有相同的內容中尋找自己喜歡的內容和功能,這對用戶來說是不友好的。用戶經常使用和閱讀的內容越多,就越重要。用戶將在最短的時間內獲得最關注的內容和功能,吸引他們留下來。
在頁面設計中,突出重點內容的方式有很多,常用的有:加粗字體、放大字號、字與周圍顏色不同的顏色、字前醒目的圖標、圖片或顏色作為背景等。,在《B2B行業(yè)門戶網(wǎng)站設計與開發(fā)研究報告》第三章中進行了重點介紹。
b .與功能或內容相關的部分也要視覺上相關。
視覺中與功能或內容相關的部分也應該是相關的,因為當用戶掃描時,與視覺相關的部分會一起掃描,否則很容易同時被忽略和凌亂。常用的方法是用同一個框、同一個背景、同一個圖標來表達相關的功能或內容。
C函數(shù)或內容的邏輯部分也應該可視化嵌套。
所謂邏輯包含,就是從邏輯的角度進行推理。應該屬于包容性,比如B2B行業(yè)網(wǎng)站的上游原材料和設備。如果把這兩部分放在一頁上,設備和原材料要分開設計,但是原材料和設備模塊本身會包含很多不同的內容。為了讓想要采購的企業(yè)快速找到自己想要的產品,應該嵌套在設備模塊和原材料模塊內部。
第五,參觀者在掃描而不是閱讀。
《不要讓我思考》一書說:“訪客不是在閱讀,而是在掃描,這是少數(shù)被證明的事實之一。人們花很少的時間閱讀大多數(shù)頁面。相反,我們只是掃描(或瀏覽)網(wǎng)頁,尋找能夠吸引我們注意力的單詞或詞語?!庇糜趯Ш巾撁?、主頁等。,用戶會多掃描獲取自己感興趣的內容。對于內容的最后一頁,用戶還會在閱讀前掃描大致內容。對于太長的文章或內容,要看是否有副標題。如果有,就要掃描小標題,看看有沒有興趣,然后再繼續(xù)看。一般情況下,用戶會先掃描以下內容:
A.與手頭的任務有關,我們迫切需要知道。
B.我們現(xiàn)在或下一步的個人興趣,比如:想購買一批機器,找工作;
c.我們腦子里有一些根深蒂固的詞,比如“免費”、“打折”、“美容”。B2B網(wǎng)站用戶會感興趣:比如行業(yè)內最具爆炸性的新聞,知名公司大佬的動向,最新的購買情況等。
我們在規(guī)劃設計網(wǎng)站頁面、編輯網(wǎng)站內容時,要時刻記住用戶不是在閱讀,而是在掃描,這樣才能始終如一地貫徹這一理念。會引導很多正確的規(guī)劃設計,比如:重要內容要大標題和加粗;每個模塊都可以盡量圖文并茂,讓讀者在掃描時能看到圖片,更容易引起興趣;我們應該對廣告文案進行總結和提煉,以吸引他們的興趣。編輯文章和內容時,最好給800字以上的文章加上副標題,讓用戶提前掃描是否感興趣。
第六,人們閉門造車,遠遠落后于全面參考。
網(wǎng)頁更新很快,一個網(wǎng)站界面的設計壽命只有2-3年。沒有經典這回事,不管是垃圾還是精品。經典的存在是第一次成功的創(chuàng)新應用。一個幕后人做出來的東西,遠遠落后于綜合參考人。網(wǎng)頁設計不同于其他藝術。在模仿創(chuàng)新的網(wǎng)頁設計領域,即使完全是自己設計,也遵循了人們已經認同的大部分用戶習慣,這種傳承的痕跡有時也非常明顯!而且設計師還敢一臉羞澀的說這些都是我自己原創(chuàng)的設計?對于行業(yè)來說,經典只是一個概念和符號!
對于B2B行業(yè)網(wǎng)站的設計,我們應該參考和模仿幾十個同類型最好的網(wǎng)站進行參考,分析為什么其他網(wǎng)站要這樣設計,取其精華去其糟粕,根據(jù)自己設計的網(wǎng)站的特點進行改進或修改,這往往是最成功的設計。因為最成功的網(wǎng)站都被多方研究過,他們不僅模仿,而且有自己的創(chuàng)新,大部分都能經得起用戶的考驗,滿足大部分用戶的需求。
第七,B2B行業(yè)網(wǎng)站的大部分界面都要弱化,強調功能和內容。
B2B門戶網(wǎng)站不同于企業(yè)網(wǎng)站。它最大的價值在于為用戶提供了一個平臺和更有價值的內容。界面的價值在于輔助和引導用戶更好地使用這個平臺,找到自己感興趣的內容,選擇閱讀,獲取知識。不是用很多顏色和圖標來表達頁面的主題。這是一些設計B2B網(wǎng)站的人,尤其是初學者經常犯的錯誤。
作為一個企業(yè)網(wǎng)站,為什么要用大圖片、大圖標、大面積的顏色來渲染這個頁面?因為每個企業(yè)都有自己獨特的產品和企業(yè)文化,來到這個頁面的讀者都想了解這個企業(yè)或者產品,我們需要用設計將企業(yè)信息直觀地傳達給訪問者,尤其是很多品牌公司的網(wǎng)站。和建筑企業(yè)的網(wǎng)站一樣,B2B網(wǎng)站的頁面,如主題設計、收費服務介紹等,都需要大圖片、小圖標、大面積的顏色來襯托頁面的主題。
第八,頁面應模塊化,可修改。
模塊化不僅可以提高可重用性,還可以統(tǒng)一網(wǎng)站風格,降低程序開發(fā)強度。模塊化最大的好處就是統(tǒng)一了網(wǎng)站風格,讓用戶明白自己是在網(wǎng)站的那個頁面上,還是在這個網(wǎng)站上,從而形成強大的品牌認可度。永遠記住,一個網(wǎng)站的最終目標是做品牌,這一定是設計的指導思想。如何打造B2B行業(yè)網(wǎng)站的品牌,在《B2B行業(yè)門戶網(wǎng)站推廣實用秘籍》中有系統(tǒng)的講解。
無論是架構、模塊還是圖片,都要考慮其可修改性。
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!