企業(yè)網(wǎng)站設(shè)計(jì)心得
很多設(shè)計(jì)師認(rèn)為做好了企業(yè)網(wǎng)站就一定能夠做好商業(yè)網(wǎng)站的設(shè)計(jì)，其實(shí)對設(shè)計(jì)來說商業(yè)網(wǎng)站和企業(yè)網(wǎng)站設(shè)計(jì)截同。下面是小編精心為你準(zhǔn)備的企業(yè)網(wǎng)站設(shè)計(jì)心得，希望對你有幫助!
企業(yè)網(wǎng)站設(shè)計(jì)心得
➤一、網(wǎng)站風(fēng)格/創(chuàng)意
風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給流覽者的綜合感受。整體形象包括站點(diǎn)的版面佈局，色彩，字體，流覽方式等…。如：我們覺得迪士尼是生動(dòng)活潑的而IBM則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會(huì)給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒什區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會(huì)對你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒有全局意思。
創(chuàng)意，所謂創(chuàng)意就是不拘一格?某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對于商業(yè)網(wǎng)站的客戶為什不能接受呢?此時(shí)不要太責(zé)怪客戶的不識(shí)貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做商業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過多的時(shí)間去追求如何個(gè)性、如何好看，我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想。
➤二、網(wǎng)站LOGO
Logo顧名思義就是站點(diǎn)的標(biāo)志圖案，logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識(shí)別。網(wǎng)站logo的設(shè)計(jì)過程中一般有以下三種思路：
1.直接以網(wǎng)站網(wǎng)址作為logo。
2.根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開logo設(shè)計(jì)。
3.以傳遞網(wǎng)站營運(yùn)商的經(jīng)營理念為特色。
➤三、視覺流程
人們在閱讀某種資訊時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什，后看什，再看什。在心理學(xué)的研究表明，一般的流覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計(jì)中一些突出或推薦的資訊通常都放在這個(gè)位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)資訊的準(zhǔn)確與有效性。
企業(yè)網(wǎng)站設(shè)計(jì)的誤區(qū)
1.關(guān)于我們(About Us)
每個(gè)網(wǎng)站都應(yīng)該對此提供非常清晰和直觀的信息，包括一段簡短的夸大其詞的描述，或者在主頁上提供“關(guān)于我們”頁面的突出而明顯的鏈接，并描述您的網(wǎng)站及其所提供的價(jià)值。
有些用戶可能并沒有發(fā)現(xiàn)這個(gè)網(wǎng)站對他們有幫助，對此進(jìn)行解釋也是非常重要的，提供足夠的信息來說明，這樣用戶就不會(huì)對網(wǎng)站的目的感到迷惑了。您最好提供向訪問者說明為什么他或她不會(huì)對這個(gè)網(wǎng)站感興趣，這樣可以打發(fā)走不感興趣的訪客，這比試圖欺騙他們直到他們自己花費(fèi)了大量時(shí)間之后才知道網(wǎng)站上并沒有他們所須的內(nèi)容要好很多。畢竟，一個(gè)直接表明自己功能的網(wǎng)站要比故弄玄虛而且難以使用的網(wǎng)站更能獲得良好的口碑和認(rèn)同。
2.Alt和Title屬性的文本描述
對于支持這些屬性的網(wǎng)站，要確保您在每個(gè)XHTML標(biāo)簽上都使用了alt和title屬性。如果用戶使用的瀏覽器不支持網(wǎng)站的圖片，那么對于可訪問性而言這些信息是至關(guān)重要的，同時(shí)它們還能提供主要內(nèi)容之外的信息。最常見的功能是為殘障人士提供可訪問性，比如使用屏幕閱讀器訪問網(wǎng)站的盲人。但是，也不要在alt或者title屬性中寫入過多的文字，應(yīng)當(dāng)讓這些文字簡明扼要，清晰易懂。不要讓您的用戶淹沒在大段大段的模糊信息，或是毫無用處的彈出信息中，應(yīng)當(dāng)讓網(wǎng)站實(shí)現(xiàn)最容易訪問的狀態(tài)，因?yàn)閍lt和title標(biāo)簽的基本作用就是提升可訪問性。
3.對URL進(jìn)行存檔管理
將網(wǎng)站上過期的頁面放到存檔中是網(wǎng)站更新中常見的變化，但對于搜索引擎而言，會(huì)造成很大的困難，比如指向您網(wǎng)站中某個(gè)頁面的鏈接失效了。因此，在構(gòu)建網(wǎng)站之初，就要確保轉(zhuǎn)移到存檔部分內(nèi)容的URL不會(huì)發(fā)生變化?？诒窃趪H互聯(lián)網(wǎng)上營造人氣和聲望的基石，如果您網(wǎng)站上的頁面鏈接隔不了幾天就會(huì)發(fā)生變化，那么恐怕很難贏得良好的口碑。
4.在內(nèi)容上標(biāo)注日期
通常，您需要經(jīng)常更新網(wǎng)站才能贏得回頭客，人們也只有在新內(nèi)容出現(xiàn)的時(shí)候才會(huì)來瀏覽網(wǎng)站。在內(nèi)容上標(biāo)注日期，這樣訪客才能知道那些是新的，是按照什么順序出現(xiàn)的。即使在某些罕見的情況下，網(wǎng)站內(nèi)容可能并不需要經(jīng)常更新，那么即使有一個(gè)頁面被重新編輯過，那么也應(yīng)當(dāng)反應(yīng)出改變的信息。
對網(wǎng)站上所有的信息加上時(shí)間戳，可以幫助您的訪客確認(rèn)哪些信息是過期的，即使您只在每個(gè)頁面的底部加上“最后更新”的字樣，也會(huì)有所幫助。而且，這不僅僅給網(wǎng)站的訪客帶來了方便，對您也是有幫助的:如果讀者發(fā)現(xiàn)您所說和他們在別處看到的不一致是由于信息的更新引起的，那么他們會(huì)增加您網(wǎng)站的口碑，并且會(huì)成為回頭客，愿意經(jīng)常訪問您的網(wǎng)站以獲取更多的信息。
5.內(nèi)容密度
在一個(gè)位置放太多的信息會(huì)把訪問者嚇跑的，雖然常識(shí)告訴我們要盡可能多地提供信息，但是物極必反，好東西多了也可能會(huì)有副作用。如果提供了太多的信息，讀者在閱讀時(shí)很容易疲勞，然后就開始略讀，最后索性不讀了。
盡量保證您的初始信息與主題密切相關(guān)，并且簡短，可以被讀者一次消化，同時(shí)可以提供深入信息的鏈接。使用符號列表是一種非常棒的方法可以將信息分解為不同的部分，從而更容易理解，這樣訪客也就不會(huì)被嚇跑。同樣的原則對鏈接列表也是適用的，太多的鏈接擠在一起和靜態(tài)的雜亂無章的信息毫無區(qū)別。讓鏈接列表短一些，這樣讀者可以花費(fèi)很少的力氣就能找到他們所需的信息。如果您能幫助他們找到所需的信息，那就會(huì)為您的網(wǎng)站增加額外的價(jià)值，同時(shí)還要盡量保證這些信息容易消化。
6.裝飾性圖片
除了一些旗幟和表明品牌的圖片之外，應(yīng)當(dāng)盡可能少使用裝飾性的圖片。如果對讀者有幫助，才使用圖片來進(jìn)行輔助說明;如果這些信息是您希望提供的內(nèi)容時(shí)，才使用這些圖片。不要在網(wǎng)站上撒滿圖片來進(jìn)行裝飾，這樣會(huì)把訪問者嚇跑的。因此，只使用有效的圖片，而不是裝飾性的圖片，即使使用裝飾圖片也不要太多。載入圖片往往很慢，這延緩了讀者尋找文字的時(shí)間，而且很多瀏覽器中或者使用屏幕閱讀器的時(shí)候圖片是看不到的;而另一方面，文字則是通用的。
7.間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接
不要阻止其它網(wǎng)站直接鏈接您的網(wǎng)站內(nèi)容，有很多大型的內(nèi)容提供商違反了這一規(guī)則，比如新聞網(wǎng)站將其它網(wǎng)站引用的鏈接重定向，這樣訪問者往往停留在您的首頁。使用這種笨拙的手段似乎認(rèn)為強(qiáng)迫訪問者進(jìn)入首頁就能讓他們對其它的內(nèi)容感興趣，但實(shí)際上，這樣做的結(jié)果只會(huì)讓人們掃興而走。如果尋找某一篇文章遇到了麻煩，您的客戶會(huì)放棄在您的網(wǎng)站中尋找而跑到其它的地方。更糟糕的情況是，其它網(wǎng)站帶來的鏈接可能會(huì)顯著地提升您在搜索引擎中的排名，如果讓這些重定向的鏈接失效，那么等于您在反對被人對您的網(wǎng)站進(jìn)行鏈接，因此，永遠(yuǎn)不要拒絕別人對您網(wǎng)站的鏈接。
企業(yè)營銷型網(wǎng)站的設(shè)計(jì)
第一、美導(dǎo)航清布局
導(dǎo)航在網(wǎng)站中起著重要的作用，它的好壞能夠決定用戶的去留。導(dǎo)航的設(shè)計(jì)一定要清晰、好看、大方。導(dǎo)航引導(dǎo)著用戶進(jìn)入不同的欄目，如果讓客戶看到第一眼就感覺很吃力，那么，這個(gè)導(dǎo)航就有點(diǎn)問題。
網(wǎng)站的布局不僅影響著用戶的習(xí)慣，而且它還影響著搜索引擎的抓取習(xí)慣，清晰的網(wǎng)站布局讓用戶瀏覽通暢，能夠快速找到想要的東西。而且還能夠讓搜索引擎爬蟲以最快的速度抓取網(wǎng)站信息，這種提高必定使網(wǎng)站更有吸引力。
第二、前臺(tái)設(shè)計(jì)抓眼球
用戶進(jìn)入一個(gè)網(wǎng)站之后，第一印象是非常重要。它就像人與人之間的接觸，如果第一眼看上去很舒服，可能會(huì)很愿意與這個(gè)人交流。網(wǎng)站也是一樣，第一眼看到網(wǎng)站好看，顏色搭配好，框架結(jié)構(gòu)好，用戶就會(huì)多停留幾秒來瀏覽網(wǎng)站，最終轉(zhuǎn)化成自己的客戶。
我們要想第一時(shí)間抓住用戶的心，就需要花更多的時(shí)間研究用戶心理、用戶體驗(yàn)、顏色搭配等各方面的知識(shí)，真正設(shè)計(jì)出用戶喜歡的網(wǎng)站。
第三、頁面加載速度
頁面加截速度也在一定程度上決定了用戶的去留，想在短時(shí)間內(nèi)完成用戶對你的信任，你的網(wǎng)站就需要在短時(shí)間內(nèi)打開，讓用戶瀏覽時(shí)間是一種享受，而不是一種折磨。
第四、移動(dòng)網(wǎng)站的建立
很多時(shí)候，我們只注重PC端網(wǎng)站的美觀，而忽略了手機(jī)移動(dòng)端網(wǎng)站的建立。因?yàn)镻C端建立的網(wǎng)站圖片各面都比較大，如果在手機(jī)端打開會(huì)比較耗流量，這讓很多瀏覽者很是心疼，造成用戶不敢去從手機(jī)端瀏覽網(wǎng)站。
現(xiàn)在移動(dòng)互聯(lián)網(wǎng)在飛速的發(fā)展，而手機(jī)網(wǎng)站、微網(wǎng)站如雨后春筍。所以，手機(jī)網(wǎng)站和微網(wǎng)站的誕生為企業(yè)解決了這一大難題，它能夠提供給用戶更方便、更快捷的瀏覽方式，從而通過移動(dòng)端轉(zhuǎn)化了不少客戶。
第五、網(wǎng)站兼容性調(diào)試
分別查看各個(gè)瀏覽器流量的跳出率數(shù)據(jù)，檢查不同瀏覽器的跳出率是否相近。如果有某個(gè)瀏覽器的跳出率過高，那有可能是因?yàn)榫W(wǎng)站在該瀏覽器中存在兼容性問題，那這個(gè)就要安排排查一下。
兼容性對于營銷型網(wǎng)站來說是必需解決的問題，根據(jù)不同的用戶使用的瀏覽器不一樣，在建設(shè)網(wǎng)站之前必需把這些瀏覽器全部兼容，否則出現(xiàn)變形問題，直接影響到用戶體驗(yàn)。
第六、精準(zhǔn)關(guān)鍵詞推廣
什么是精準(zhǔn)關(guān)鍵詞?它就是用戶搜索而且能夠提高轉(zhuǎn)化率的關(guān)鍵詞，你只有選對了關(guān)鍵詞是，才能夠做對業(yè)務(wù)，才能夠精準(zhǔn)的找到自己的客戶。
第七、適應(yīng)用戶習(xí)慣優(yōu)化
一般做網(wǎng)站優(yōu)化的人員，他們都喜歡做的一件事就是數(shù)據(jù)分析，通過數(shù)據(jù)分析來了解用戶的瀏覽習(xí)慣，例如：用戶從那個(gè)頁面進(jìn)入、用戶瀏覽那個(gè)頁面次數(shù)比較多、那個(gè)頁面停留時(shí)間比較長等。然后，我們再將用戶停留時(shí)間比較長的頁面進(jìn)行優(yōu)化或加工，引導(dǎo)用戶去做出一些選擇，就這樣一點(diǎn)一點(diǎn)的把用戶轉(zhuǎn)化成自己的客戶。
看過“企業(yè)網(wǎng)站設(shè)計(jì)心得”的人還看了：
1.網(wǎng)站設(shè)計(jì)行業(yè)心得體會(huì)
企業(yè)網(wǎng)站設(shè)計(jì)心得
