第一篇:網(wǎng)站界面設(shè)計(jì)應(yīng)該注意的情況
網(wǎng)站界面設(shè)計(jì)應(yīng)該注意的情況!
網(wǎng)站用戶界面(Website User Interface)指網(wǎng)站用于和用戶交互的外觀、元素和程序等等。
如果你經(jīng)常上網(wǎng),就會(huì)看到很多網(wǎng)站設(shè)計(jì)很樸素,看起來(lái)給人非常舒服的感覺(jué);有的網(wǎng)站很有創(chuàng)意,常常給人帶來(lái)意外的驚喜和視覺(jué)的沖擊;但相當(dāng)多的網(wǎng)站頁(yè)面上充斥著怪異的字體,花哨的色彩和圖片,給人網(wǎng)頁(yè)制作粗劣的感覺(jué)。
網(wǎng)站界面設(shè)計(jì),既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的,還要結(jié)合圖形和版面設(shè)計(jì)的相關(guān)原理,從而使得網(wǎng)站界面設(shè)計(jì)變成了一門獨(dú)特的藝術(shù)。通常,企業(yè)網(wǎng)站用戶界面的設(shè)計(jì)一般應(yīng)遵循以下幾個(gè)基本原則:
一.用戶導(dǎo)向原則(User oriented)
設(shè)計(jì)網(wǎng)頁(yè)首先要明確到底誰(shuí)是這個(gè)網(wǎng)頁(yè)的使用者,要站在用戶的觀點(diǎn)和立場(chǎng)上來(lái)考慮和設(shè)計(jì)網(wǎng)站。要做到這一點(diǎn),就必須要和用戶來(lái)溝通,了解他們的需求、目標(biāo)、期望以及偏好等。網(wǎng)頁(yè)的設(shè)計(jì)者要清楚,用戶之間的差別是很大的,他們的能力也各有不同。比如有的用戶可能會(huì)在視覺(jué)方面有所欠缺(如色盲),對(duì)很多的顏色分辨不清;有的用戶的聽(tīng)覺(jué)也可能會(huì)有些障礙,對(duì)于網(wǎng)站的語(yǔ)音提示反應(yīng)比較遲鈍;而且相當(dāng)一部分用戶的計(jì)算機(jī)使用經(jīng)驗(yàn)還很初級(jí),對(duì)于復(fù)雜一點(diǎn)的操作就會(huì)感覺(jué)到很費(fèi)力。另外,用戶使用的計(jì)算機(jī)機(jī)器配置是千差萬(wàn)別的,如顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會(huì)有所不同。設(shè)計(jì)者如果忽視了這些差別,設(shè)計(jì)出的網(wǎng)頁(yè)在不同的機(jī)器上顯示就會(huì)造成錯(cuò)亂。
二.簡(jiǎn)潔和易于操作原則(Keep It Simple And Stupid-KISS)
KISS原則就是“Keep It Sample And Stupid”的縮寫(xiě),簡(jiǎn)潔和易于操作是網(wǎng)頁(yè)設(shè)計(jì)的最重要的原則。畢竟,網(wǎng)站建設(shè)出來(lái)是用于普通網(wǎng)民來(lái)查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒(méi)必要在網(wǎng)頁(yè)上設(shè)置過(guò)多的操作,堆積很多復(fù)雜和花哨的圖片。此原則的一般要求:
1、網(wǎng)頁(yè)的下載不要超過(guò)6秒鐘(普通的家庭寬帶為2M的,速度一般在220kb/s);
2、網(wǎng)頁(yè)盡量使用文本鏈接,而減少大幅圖片和動(dòng)畫(huà)的使用,從而加快網(wǎng)頁(yè)的打開(kāi)時(shí)間;
3、操作設(shè)計(jì)盡量簡(jiǎn)單,并且有明確的操作提示;
4、網(wǎng)站所有的內(nèi)容和服務(wù)都盡量在顯眼處向用戶予以說(shuō)明等。三.布局控制(Layout)
在網(wǎng)頁(yè)排版布局方面,很多網(wǎng)頁(yè)設(shè)計(jì)者還不夠重視,網(wǎng)頁(yè)界面設(shè)計(jì)排版過(guò)于死板,甚至照抄他人。如果網(wǎng)頁(yè)的布局凌亂,僅把大量的信息堆集在頁(yè)面上,就會(huì)干擾瀏覽者的閱讀。一般在網(wǎng)頁(yè)界面的版式設(shè)計(jì)上所要遵循的原則有: 1、7±2的Miller公式。
根據(jù)心理學(xué)家George A.Miller的研究表明,人一次性接受的信息量在7個(gè)比特左右為宜??偨Y(jié)一個(gè)公式為:一個(gè)人一次所接受的信息量為 7±2 比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中,一般網(wǎng)頁(yè)上面的欄目選擇最佳在5~9個(gè)之間,如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過(guò)這個(gè)區(qū)間,人在心理上就會(huì)煩躁,壓抑,會(huì)讓人感覺(jué)到信息太密集,看不過(guò)來(lái),很累。然而很多國(guó)內(nèi)的網(wǎng)站在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個(gè)區(qū)間。
2、分組處理。
上面提到,對(duì)于信息或欄目的分類,不能超過(guò)9個(gè)。但如果你的內(nèi)容實(shí)在是太多,超出9個(gè),就需要進(jìn)行分組處理。如果,你的網(wǎng)頁(yè)上有幾十篇文章的鏈接,需要每隔7篇加一個(gè)空行或平行線做以分組。如果你的網(wǎng)站內(nèi)容欄目超出9個(gè),如騰訊公司的網(wǎng)站或其它幾個(gè)比較知名的門戶,有很多個(gè)欄目,超過(guò)了9個(gè)。為了不破壞7±2的Miller公式,在設(shè)計(jì)時(shí)把比較有代表性的分類加粗,然后再按性質(zhì)分組。
四.視覺(jué)平衡(Visual balance)
網(wǎng)頁(yè)設(shè)計(jì)時(shí),各種元素(如圖形、文字、空白)都要有視覺(jué)平衡作用。根據(jù)視覺(jué)原理,圖形與一塊文字相比較,圖形的視覺(jué)作用要大一些。所以,為了達(dá)到視覺(jué)平衡,設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要以更多的文字來(lái)平衡一張圖片。另外,按照中國(guó)人的閱讀習(xí)慣是從左到右,從上到下,因此視覺(jué)平衡也要遵循這個(gè)這個(gè)原則。例如,你的很多的文字是采用左對(duì)齊,需要在網(wǎng)頁(yè)的右面加一些圖片或一些較明亮、較醒目的顏色。通常情況下,每張網(wǎng)頁(yè)都會(huì)設(shè)置一個(gè)頁(yè)眉部分和一個(gè)頁(yè)腳部分,頁(yè)眉部分通常放置一些Banner廣告或?qū)Ш綏l及網(wǎng)站LOGO,而頁(yè)腳部分通常放置聯(lián)系方式和版權(quán)信息等,頁(yè)眉和頁(yè)腳在設(shè)計(jì)上也要注重視覺(jué)平衡。同時(shí),也決不能低估空白的價(jià)值;網(wǎng)頁(yè)上所顯示的信息非常密集,這樣不但不利于讀者閱讀,甚至?xí)鹱x者反感,破壞該網(wǎng)站的形象。在網(wǎng)頁(yè)設(shè)計(jì)上,適當(dāng)?shù)牡胤皆黾右恍┝舭?,精煉和升華你的網(wǎng)頁(yè)的形象及美感,使得頁(yè)面變得簡(jiǎn)潔。
五.色彩的搭配及文字的可閱讀性(Colors and text can be read)
顏色是影響網(wǎng)頁(yè)的重要因素之一,不同的顏色對(duì)人的感覺(jué)有不同的影響,比如:紅色和橙色使人興奮并使得心跳加速;黃色使人聯(lián)想到陽(yáng)光,是一種快活的顏色;黑色顯得比較莊重,考慮到你希望對(duì)瀏覽者產(chǎn)生什么影響,為網(wǎng)頁(yè)設(shè)計(jì)選擇最恰當(dāng)?shù)念伾òū尘吧⒃仡伾?、文字顏色、鏈?jié)顏色等)。
為了方便閱讀網(wǎng)站上的信息資訊,可以借鑒參考報(bào)紙及雜志的編排方式將網(wǎng)頁(yè)的內(nèi)容分欄設(shè)計(jì),甚至兩欄也要比一滿頁(yè)的視覺(jué)效果要好。另外一種能夠提高文字可讀性的因素是字體的選擇,通用的字體(Arial,Courier New,Garamond,Times New Roman,中文宋體)最易閱讀,特殊字體用于標(biāo)題效果較好,但是不適合正文。如果在整個(gè)頁(yè)面使用一些特殊字體(如Cloister,Gothic,Script,Westminster,華文彩云,華文行楷),這樣讀者閱讀起來(lái)感覺(jué)一定很糟糕。這類特殊字體如果在頁(yè)面上大量使用,會(huì)使得閱讀頗為費(fèi)力,瀏覽者的眼睛很快就會(huì)疲勞,不得不轉(zhuǎn)移到其他頁(yè)面。
六.和諧與一致性(Harmony and consistency)
通過(guò)對(duì)網(wǎng)站的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格,使得設(shè)計(jì)良好的網(wǎng)頁(yè)看起來(lái)應(yīng)該是和諧的?;蛘哒f(shuō),網(wǎng)站的眾多獨(dú)立網(wǎng)頁(yè)看起來(lái)更像一個(gè)整體。網(wǎng)站界面設(shè)計(jì)上要保持一致性,這是很重要的一點(diǎn)。一致的網(wǎng)站結(jié)構(gòu)設(shè)計(jì),可以讓瀏覽者對(duì)網(wǎng)站的形象有深刻的記憶與印象;一致的導(dǎo)航設(shè)計(jì),可以讓瀏覽者迅速而又有效的進(jìn)入在網(wǎng)站中自己所需要的部分;一致的操作設(shè)計(jì),可以讓瀏覽者快速學(xué)會(huì)在整個(gè)網(wǎng)站的各種功能操作。如果破壞這一原則,就會(huì)誤導(dǎo)瀏覽者,并且讓整個(gè)網(wǎng)站顯得雜亂無(wú)章,給人留下不良的印象。
當(dāng)然,網(wǎng)站設(shè)計(jì)的一致性并不意味著刻板和一成不變,有的網(wǎng)站在不同欄目使用不同的風(fēng)格,或者隨著時(shí)間的推移不斷的改版網(wǎng)站,會(huì)給瀏覽者帶來(lái)新鮮的感覺(jué)。
七.個(gè)性化(Individualization)
1、符合網(wǎng)絡(luò)文化
企業(yè)網(wǎng)站不同于傳統(tǒng)的企業(yè)商務(wù)活動(dòng),要符合Internet網(wǎng)絡(luò)文化的要求。首先,網(wǎng)絡(luò)最早為非正式性、非商業(yè)化的,只是科研人員用來(lái)交流信息的。其次,網(wǎng)絡(luò)信息是只在計(jì)算機(jī)屏幕上顯示而沒(méi)有打印出來(lái)閱讀,網(wǎng)絡(luò)上的交流具備隱蔽性,誰(shuí)都不知道對(duì)方的真實(shí)身份和信息。此外,許多人在上網(wǎng)的時(shí)候是在家中或網(wǎng)吧等一些比較休閑,比較隨意的環(huán)境下。此時(shí)訪客的使用環(huán)境所蘊(yùn)涵的思維模式與坐在辦公室里西裝革履的時(shí)候是截然不同的。因此,整個(gè)互聯(lián)網(wǎng)的文化是一種休閑的、非正式性的、輕松活潑的文化。在網(wǎng)站上使用幽默的網(wǎng)絡(luò)語(yǔ)言,創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍就會(huì)使網(wǎng)站的訪問(wèn)量大增。
2、塑造網(wǎng)站個(gè)性
另外,網(wǎng)站的整體風(fēng)格和整體氣氛表達(dá)要同企業(yè)形象相符合并且應(yīng)該很好的體現(xiàn)企業(yè)CI。
八.網(wǎng)頁(yè)的均衡規(guī)劃與選擇(Planning and selection)
1、尺寸
·800*600能照顧到所有網(wǎng)友的電腦,但相當(dāng)是張“小報(bào)”。
·1024*768漸成主流。1024*768能比800*600多出一欄的信息。
·正文頁(yè)采用自適應(yīng)設(shè)計(jì),能在正文頁(yè)做更多相關(guān)內(nèi)容。首頁(yè)也可以嘗試自適應(yīng)的設(shè)計(jì)。自適應(yīng)設(shè)計(jì)的核心是要留出寬度伸縮自如的欄。
·在1024*76模式下,頁(yè)面的長(zhǎng)度不易超過(guò)10屏。
·隨著電腦升級(jí)換代,分辨率提高,電腦屏幕能夠提供的面積越來(lái)越大,這是一種難得的資源,要充分利用?!靶?bào)”改“大報(bào)”要增加一倍的紙張成本,網(wǎng)站改“寬版”,成本的增加卻要小得多。
2、字體字號(hào)
·目錄頁(yè)用小字號(hào),為的是放更多的標(biāo)題。·正文頁(yè)用大字號(hào)。為的是讓讀者讀得舒坦。
·慎用不容易看清楚的楷體。楷體的作用等于圖片,主要起美化版面的作用?!ざ嘤脤?duì)搜索引擎友好的標(biāo)粗,來(lái)表示重點(diǎn)。
3、顏色
·同一個(gè)頁(yè)面的顏色不要超過(guò)4種。眼花繚亂,容易產(chǎn)生視覺(jué)疲勞。
·顏色對(duì)比不要反差太大。網(wǎng)頁(yè)版面不是美術(shù)作品,要避免形式對(duì)內(nèi)容的喧賓奪主。
·文字+底色能夠起到很好的突出作用,在視覺(jué)變化上相當(dāng)于圖片的作用。
4、靜態(tài)化
·訪問(wèn)量大的頁(yè)都應(yīng)該靜態(tài)化,以便減少服務(wù)器壓力,增強(qiáng)網(wǎng)站穩(wěn)定性。訪問(wèn)不到的網(wǎng)頁(yè)是最差的網(wǎng)頁(yè)。
·動(dòng)態(tài)化和靜態(tài)化在一個(gè)頁(yè)面中結(jié)合使用,能同時(shí)得到輕負(fù)荷和即時(shí)交互性的好處。
·哪些頁(yè)面的哪些地方需要靜態(tài)化要在一開(kāi)始就考慮,訪問(wèn)量大了之后,再高考慮,就遲了,由動(dòng)態(tài)化轉(zhuǎn)為靜態(tài)化,會(huì)有很多歷史問(wèn)題。
5、分欄
·首頁(yè)選4欄?還是3欄?
·正文頁(yè)多用2欄。
·“縱向邏輯”是指將相近的內(nèi)容從上至下排列,而不是從左向右排列。如果讀者對(duì)這方面內(nèi)容感興趣,他會(huì)從上至下,逐行閱讀。這樣可充分力利用首屏,讓首頁(yè)增多從上至下閱讀的可能。
·避免一欄太強(qiáng),一欄太弱。通過(guò)圖片、套紅等手段進(jìn)行調(diào)控。平均使用讀者主意力。使讀者不敢放過(guò)左中右任何一欄。
6、圖片
·有圖有真相,一圖勝千言。十分必要時(shí)才用。因?yàn)閳D片的編輯成本和帶寬成本都比較文字高很多。
·在目錄頁(yè)的圖,小點(diǎn),再小點(diǎn),多用特寫(xiě);小分辨率,能看就行。在正文頁(yè)的圖,保證清晰,美觀。正文頁(yè)有的是版面。
·正文頁(yè)在5屏之內(nèi),盡量不要分頁(yè)。讓讀者一次讀完。
7、導(dǎo)航條與網(wǎng)站地圖
·導(dǎo)航條是網(wǎng)站的門牌號(hào)碼,不能隨意更改。否則,讀者會(huì)迷路,找不到他原來(lái)看的內(nèi)容。
·導(dǎo)航條上的分類名的前后次序要兼顧重點(diǎn)和讀者閱讀邏輯,即歸類擺放。
·導(dǎo)航條最多三行。最好二行。太多行顯重。
·導(dǎo)航的更多,就是網(wǎng)站地圖。網(wǎng)站地圖的摘要版可以放在網(wǎng)站底部,成為底部導(dǎo)航。網(wǎng)站的底部導(dǎo)航,很有必要。其好處是:
一、可放多行;
二、可形成網(wǎng)站底部的閱讀重點(diǎn)。將讀者從首屏帶到最后一屏,期間會(huì)增加很多點(diǎn)擊。
·主導(dǎo)航和頻道導(dǎo)航:主導(dǎo)航每頁(yè)都有,頻道導(dǎo)航只在本頻道頁(yè)面出現(xiàn)。
8、首頁(yè)更新成本
·首頁(yè)設(shè)計(jì)不能只考慮美觀、協(xié)調(diào),要考慮24小時(shí)更新一遍之要求。更新是網(wǎng)站的生命,一定要最大限度地降低首頁(yè)更新成本。
·交叉自動(dòng)同步更新的設(shè)計(jì),可有效降低各種首頁(yè)更新成本,給讀者內(nèi)容豐富即時(shí)的感覺(jué)。
·更新即時(shí)的首頁(yè)是網(wǎng)站的資源,因?yàn)槭琴Y源,更多的標(biāo)題會(huì)擁上這個(gè)首頁(yè)。如此,正循環(huán),這個(gè)首頁(yè)也就火了。更新不即時(shí)的首頁(yè)是網(wǎng)站的雞肋,會(huì)越來(lái)越寂寞,最終會(huì)被荒廢。
·每個(gè)首頁(yè)的設(shè)計(jì)成至少要有一個(gè)讀者點(diǎn)擊進(jìn)去的理由。即時(shí)更新比獨(dú)家內(nèi)容成本低。
第二篇:網(wǎng)站界面設(shè)計(jì)心得
網(wǎng)站界面設(shè)計(jì)方法
網(wǎng)站界面設(shè)計(jì)方法
軟件的整體風(fēng)格和整體氣氛表達(dá)要同企業(yè)形象相符合并應(yīng)該很好的體現(xiàn)企業(yè) CI 這方面比較經(jīng)典的案例有:可口可樂(lè)個(gè)性鮮明的前衛(wèi)軟件 “Life Tast Good” 工整、全面、細(xì)致的通用電氣公司軟件 “We bring good thing to life GE 帶來(lái)美好的生活)” 崇尚科技創(chuàng)新文化的 3M 公司軟件 “Creat solut for busi industri and home” 刻意扮演一個(gè)數(shù)字電子娛樂(lè)之集大成者的角色,另外。要成為新時(shí)代夢(mèng)想實(shí)現(xiàn)者的索尼軟件;平易近人、親情濃郁的通用汽車公司軟件體現(xiàn)了 “ 以人為本 ” 企業(yè)定位和營(yíng)銷策略;服務(wù)全面、細(xì)致、方便,處處體現(xiàn) “ 門庭若市 ” 服務(wù)理念的希爾頓大酒店軟件。
包括硬件界面和軟件界面,界面設(shè)計(jì)是人與機(jī)器之間傳送和交換信息的媒介。計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。近年來(lái),隨著信息技術(shù)與計(jì)算機(jī)技術(shù)的迅速發(fā)展,網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn),人機(jī)界面設(shè)計(jì)和開(kāi)發(fā)已成為國(guó)際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向。
研究包括:
硬件人機(jī)界面的設(shè)計(jì)風(fēng)格、人文關(guān)懷等;軟件人機(jī)界面的形式與標(biāo)準(zhǔn)、軟件人機(jī)界面設(shè)計(jì)、Internet 網(wǎng)頁(yè)界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)等;人機(jī)界面設(shè)計(jì)評(píng)價(jià)與可用性測(cè)試;新交互技術(shù)及展望,人機(jī)界面的定義、起源、發(fā)展、研究?jī)?nèi)容及發(fā)展趨勢(shì);人機(jī)界面設(shè)計(jì)中認(rèn)知心理學(xué)、人機(jī)工程學(xué)、人機(jī)界面的藝術(shù)設(shè)計(jì)、色彩設(shè)計(jì)等;人機(jī)界面設(shè)計(jì)。介紹了多通道用戶界面、下一代人機(jī)界面展望及附錄。
關(guān)于軟件界面設(shè)計(jì) : 會(huì)看到很多軟件設(shè)計(jì)很樸素,軟件用戶界面(Softwar User Interfac 指軟件用于和用戶交流的外觀、部件和程序等等。如果你經(jīng)常上網(wǎng)的話??雌饋?lái)給人一種很舒服的感覺(jué);有點(diǎn)軟件很有創(chuàng)意,能給人帶來(lái)意外的驚喜和視覺(jué)的沖擊;而相當(dāng)多的軟件頁(yè)面上充斥著怪異的字體,花哨的色彩和圖片,給人網(wǎng)頁(yè)制作粗劣的感覺(jué)。軟件界面的設(shè)計(jì),既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的還要結(jié)合圖形和版面設(shè)計(jì)的相關(guān)原理,從而使得軟件設(shè)計(jì)變成了一門獨(dú)特的藝術(shù)。通常的講,企業(yè)軟件用戶界面的設(shè)計(jì)應(yīng)遵循以下幾個(gè)基本原則: .用戶導(dǎo)向(User orient 原則
要站在用戶的觀點(diǎn)和立場(chǎng)上來(lái)考慮設(shè)計(jì)軟件。要作到這一點(diǎn),設(shè)計(jì)網(wǎng)頁(yè)首先要明確到底誰(shuí)是使用者。必需要和用戶來(lái)溝通,解他需求、目標(biāo)、期望和偏好等。網(wǎng)頁(yè)的設(shè)計(jì)者要清楚,用戶之間差別很大,能力各有不同。比如有的用戶可能會(huì)在視覺(jué)方面有欠缺(如色盲)對(duì)很多的顏色分辨不清;有的用戶的聽(tīng)覺(jué)也會(huì)有障礙,對(duì)于軟件的語(yǔ)音提示反映愚鈍;而且相當(dāng)一部分用戶的計(jì)算機(jī)使用經(jīng)驗(yàn)很初級(jí),對(duì)于復(fù)雜一點(diǎn)的操作會(huì)感覺(jué)到很費(fèi)力。另外,用戶使用的計(jì)算機(jī)機(jī)器配置也是千差萬(wàn)別,包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會(huì)有不同。設(shè)計(jì)者如果忽視了這些差異,設(shè)計(jì)出的網(wǎng)頁(yè)在不同的機(jī)器上顯示就會(huì)造成混亂。. KISS Keep It Simpl And Stupid 原則 簡(jiǎn)潔和易于操作是網(wǎng)頁(yè)設(shè)計(jì)的最重要的原則。終究,KISS 原則就是 “Keep It Simpl And Stupid” 縮寫(xiě)。軟件建設(shè)進(jìn)去是用于普通網(wǎng)民來(lái)查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒(méi)有必要在網(wǎng)頁(yè)上設(shè)置過(guò)多的操作,堆集上很多復(fù)雜和花哨的圖片。該原則一般的要求,網(wǎng)頁(yè)的下載不要超越 10 秒鐘(普通的撥號(hào)用戶 56 Kbp 網(wǎng)速)盡量使用文本鏈接,而減少大幅圖片和動(dòng)畫(huà)的使用;操作設(shè)計(jì)盡量簡(jiǎn)單,并且有明確的操作提示;軟件所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說(shuō)明等。.布局控制
很多網(wǎng)頁(yè)設(shè)計(jì)者重視不夠,關(guān)于網(wǎng)頁(yè)排版布局方面。網(wǎng)頁(yè)排版設(shè)計(jì)的過(guò)于死板,甚至照抄他人。如果網(wǎng)頁(yè)的布局凌亂,僅僅把大量的信息堆集在頁(yè)面上,會(huì)干擾瀏覽者的閱讀。一般在網(wǎng)頁(yè)設(shè)計(jì)上所要遵循的原理有:
人一次性接受的信息量在 7 個(gè)比特左右為宜。總結(jié)一個(gè)公式為:一個(gè)人一次所接受的信息量為 7 ± 2 比特。這一原理被廣泛應(yīng)用于軟件建設(shè)中,1 Miller 公式。根據(jù)心理學(xué)家 Georg A.Miller 研究標(biāo)明。一般網(wǎng)頁(yè)上面的欄目選擇最佳在 5 9 個(gè)之間,如果軟件所提供給瀏覽者選擇的內(nèi)容鏈接超過(guò)這個(gè)區(qū)間,人在心理上就會(huì)煩躁,壓抑,會(huì)讓人感覺(jué)到信息太密集,看不過(guò)來(lái),很累。例如 Aol.com 欄目設(shè)置: Main MyA ol Mail Peopl Search Shop Channel 和 Devic 共八個(gè)分類。Msn.com 欄目設(shè)置: MSN Home My MSN Hotmail Search Shop Monei 和 Peopl & Chat 共七項(xiàng)。然而很多國(guó)內(nèi)的軟件在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個(gè)區(qū)間。
不能超過(guò) 9 個(gè)欄目。但如果你內(nèi)容實(shí)在多,2 分組處置。上面提到對(duì)于信息的分類。超出了 9 個(gè),需要進(jìn)行分組處置。如果,網(wǎng)頁(yè)上提供幾十篇文章的鏈接,需要每隔 7 篇加一個(gè)空行或平行線做以分組。如果你軟件內(nèi)容欄目超出 9 個(gè),如微軟公司的軟件,共有 11 個(gè)欄目,超越了 9 個(gè)。為了不破壞 Miller 公式,設(shè)計(jì)時(shí)使用藍(lán)黑兩種顏色分開(kāi),具體可以訪問(wèn) 004km.cn 4 .視覺(jué)平衡
也要各種元素(如圖形、文字、空白)都會(huì)有視覺(jué)作用。根據(jù)視覺(jué)原理,網(wǎng)頁(yè)設(shè)計(jì)時(shí)。圖形與一塊文字相比較,圖形的視覺(jué)作用要大一些。所以,為了達(dá)到視覺(jué)平衡,設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要以更多的文字來(lái)平衡一幅圖片。另外,依照中國(guó)人的閱讀習(xí)慣是從左到右,從上到下,因此視覺(jué)平衡也要遵循這個(gè)這個(gè)道理。例如,很多的文字是采用左對(duì)齊〈 Align=left 需要在網(wǎng)頁(yè)的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網(wǎng)頁(yè)都會(huì)設(shè)置一個(gè)頁(yè)眉部分和一個(gè)頁(yè)腳部分,頁(yè)眉部分常放置一些 Banner 廣告或?qū)Ш綏l,而頁(yè)腳局部通常放置聯(lián)系方式和版權(quán)信息等,頁(yè)眉和頁(yè)腳在設(shè)計(jì)上也要注重視覺(jué)平衡。同時(shí),也決不能低估空白的價(jià)值。如果你網(wǎng)頁(yè)上所顯示的信息非常密集,這樣不但有利于讀者閱讀,甚至?xí)鹱x者反感,破壞該軟件的形象。網(wǎng)頁(yè)設(shè)計(jì)上,適當(dāng)增加一些空白,精煉你網(wǎng)頁(yè),使得頁(yè)面變的簡(jiǎn)潔。5 .色彩的搭配和文字的可閱讀性
不同的顏色對(duì)人的感覺(jué)有不同的影響,顏色是影響網(wǎng)頁(yè)的重要因素。例如:紅色和橙色使人興奮并使得心跳加速;黃色使人聯(lián)想到陽(yáng)光,一種快活的顏色;黑顏色顯得比較莊重,考慮到希望對(duì)瀏覽者產(chǎn)生什么影響,為網(wǎng)頁(yè)設(shè)計(jì)選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節(jié)顏色等)可以參考報(bào)紙的編排方式將網(wǎng)頁(yè)的內(nèi)容分欄設(shè)計(jì),為方便閱讀軟件上的信息。甚至兩欄也要比一滿頁(yè)的視覺(jué)效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial Courier New Garamond Time New Roman 中文宋體)最易閱讀,特殊字體用于標(biāo)題效果較好,但是不適合正文。如果在整個(gè)頁(yè)面使用一些特殊字體(如 Cloister Gothic Script Westminst 華文彩云,華文行楷)這樣讀者閱讀起來(lái)感覺(jué)一定很糟糕。該類特殊字體如果在頁(yè)面上大量使用,會(huì)使得閱讀頗為費(fèi)力,瀏覽者的眼睛很快就會(huì)疲勞,不得不轉(zhuǎn)移到其他頁(yè)面。6 .和諧與一致性
使得設(shè)計(jì)良好的網(wǎng)頁(yè)看起來(lái)應(yīng)該是和諧的或者說(shuō),通過(guò)對(duì)軟件的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格。軟件的眾多單獨(dú)網(wǎng)頁(yè)應(yīng)該看起來(lái)像一個(gè)整體。軟件設(shè)計(jì)上要保持一致性,這又是很重要的一點(diǎn)。一致的結(jié)構(gòu)設(shè)計(jì),可以讓瀏覽者對(duì)軟件的形象有深刻的記憶;一致的導(dǎo)航設(shè)計(jì),可以讓瀏覽者迅速而又有效的進(jìn)入在軟件中自己所需要的局部;一致的操作設(shè)計(jì),可以讓瀏覽者快速學(xué)會(huì)在整個(gè)軟件的各種功能操作。破壞這一原則,會(huì)誤導(dǎo)瀏覽者,并且讓整個(gè)軟件顯的雜亂無(wú)章,給人留下不良的印象。當(dāng)然,軟件設(shè)計(jì)的一致性并不意味著刻板和一成不變,有的軟件在不同欄目使用不同的風(fēng)格,或者隨著時(shí)間的推移不斷的改版軟件,會(huì)給瀏覽者帶來(lái)新鮮的感覺(jué)。7 .個(gè)性化 1 符合網(wǎng)絡(luò)文化
要符合 Internet 網(wǎng)絡(luò)文化的要求。首先,企業(yè)軟件不同于傳統(tǒng)的企業(yè)商務(wù)活動(dòng)。網(wǎng)絡(luò)最早是非正式性、非商業(yè)化的只是科研人員用來(lái)交流信息。其次,網(wǎng)絡(luò)信息是只在計(jì)算機(jī)屏幕上顯示而沒(méi)有打印出來(lái)閱讀,網(wǎng)絡(luò)上的交流具有隱蔽性,誰(shuí)也不知道對(duì)方的真實(shí)身份。另外,許多人在上網(wǎng)的時(shí)候是家中或網(wǎng)吧等一些比較休閑,比較隨意的環(huán)境下。此時(shí)網(wǎng)絡(luò)用戶的使用環(huán)境所蘊(yùn)涵的思維模式與坐在辦公室里西裝革履的時(shí)候大相徑庭。因此,整個(gè)互聯(lián)網(wǎng)的文化是一種休閑的非正式性的輕松活潑的文化。軟件上使用幽默的網(wǎng)絡(luò)語(yǔ)言,發(fā)明一種休閑的輕松愉快、非正式的氛圍會(huì)使軟件的訪問(wèn)量大增。2 塑造軟件個(gè)性
第三篇:企業(yè)做網(wǎng)站應(yīng)該注意哪些細(xì)節(jié)
企業(yè)做網(wǎng)站應(yīng)該注意哪些細(xì)節(jié) 作為企業(yè)擁有一個(gè)屬于自己的網(wǎng)站,意味著什么?企業(yè)做網(wǎng)站應(yīng)該注意哪些細(xì)節(jié)?下面歸納總結(jié)的幾點(diǎn)經(jīng)驗(yàn),希望能對(duì)需求企業(yè)建站者有所幫助。
1:企業(yè)建站,明確定位
也許作為您所從事的行業(yè)您可謂稱之為專家,但是在網(wǎng)站建設(shè)領(lǐng)域您不一定了解,在此提醒大家,網(wǎng)站定位如同企業(yè)、產(chǎn)品一樣,網(wǎng)站定位就是確定網(wǎng)站的特征、特定的使用場(chǎng)合及其特殊的使用群體和其特征帶來(lái)的利益,即網(wǎng)站在網(wǎng)絡(luò)上的特殊位置,它的核心概念、目標(biāo)用戶群、核心作用等。
新競(jìng)爭(zhēng)力認(rèn)為網(wǎng)站定位營(yíng)銷的實(shí)質(zhì)是對(duì)用戶、市場(chǎng)、產(chǎn)品、價(jià)格以及廣告訴求的重新細(xì)分與定位,預(yù)設(shè)網(wǎng)站在用戶心中的形象地位。網(wǎng)站定位的核心在于尋找或打造你網(wǎng)站的核心差異點(diǎn),然后在這個(gè)差異點(diǎn)的基礎(chǔ)上在消費(fèi)者的心智模式中樹(shù)立一個(gè)品牌形象、一個(gè)差異化概念。
也只有如此,才能從一開(kāi)始就為培養(yǎng)客戶良好的行為習(xí)慣打下良好的基礎(chǔ),培養(yǎng)自己網(wǎng)站忠實(shí)的潛在客戶。
2:分清主次,不要撿了芝麻,丟了西瓜
建立一個(gè)新的企業(yè)網(wǎng)站時(shí),很多企業(yè)主總是想象網(wǎng)站為一個(gè)華麗美觀網(wǎng)站。網(wǎng)站界面于美觀設(shè)計(jì)固然重要,但是只是一味的追求外觀,而卻忽視了網(wǎng)站用戶的體驗(yàn)。
您必須先建立你的目標(biāo)客戶是誰(shuí),還有你希望他們做什么,客戶通過(guò)哪些渠道可以找到您的網(wǎng)站。換句話說(shuō),誰(shuí)是我要找得人,客戶遇到什么問(wèn)題,我能提供怎樣的解決方案。
我能真正給客戶帶來(lái)夾著嗎? 你想不到的新網(wǎng)站可能不是很漂亮,但卻很好要的解決這兩個(gè)問(wèn)題。前者浪費(fèi)您的資本,后者給你創(chuàng)造價(jià)值,作為企業(yè)主我們?cè)撊绾芜x擇?我想答案不言而喻。
3:走自己的路,但也要關(guān)注下觀眾們的意見(jiàn)
也許自己很多的想法是美好的,但難免會(huì)有紕漏,完善自己網(wǎng)站體系的同時(shí),也不妨多聽(tīng)一聽(tīng)客戶的呼聲與看法,三人行必有我?guī)?,自古不變的道理?/p>
4:認(rèn)清建站目的,營(yíng)銷才是硬道理
如果您的網(wǎng)站建設(shè)公司是不符合基本的營(yíng)銷原則,則你需要對(duì)網(wǎng)站進(jìn)行從新規(guī)劃,保證網(wǎng)站符合網(wǎng)絡(luò)營(yíng)銷的思路,真正能夠?yàn)槠髽I(yè)帶來(lái)業(yè)績(jī)。
房子只是一個(gè)建筑物,事和人才是組成家庭的核心成員。所以一個(gè)有效的網(wǎng)站看起來(lái)不錯(cuò),效果很好,但更重要的是它有很強(qiáng)大的內(nèi)容,有價(jià)值的內(nèi)容。
第四篇:做好電子商務(wù)網(wǎng)站應(yīng)該注意哪些方面
做好電子商務(wù)網(wǎng)站應(yīng)該注意哪些方面
隨著網(wǎng)絡(luò)購(gòu)物用戶的增長(zhǎng),電子商務(wù)網(wǎng)站也是越來(lái)越多,電商網(wǎng)站分類是越來(lái)越細(xì),怎么帶來(lái)新用戶,怎么留住老用戶,怎么讓老用戶帶來(lái)新用戶,成了很多電商網(wǎng)站追逐的目標(biāo)。我今天就講下電子商務(wù)網(wǎng)站應(yīng)該做好哪些事情,才能達(dá)到剛才說(shuō)的目標(biāo)呢?
1、樹(shù)立良好的品牌形象
網(wǎng)上購(gòu)物很難看到實(shí)物,一般就是從產(chǎn)品的文字和圖片,客服的介紹以及用戶評(píng)價(jià)來(lái)了解這款產(chǎn)品。知道用戶是怎么來(lái)了解一款產(chǎn)品,那我們就要把這些東西做好,產(chǎn)品的文字說(shuō)明要很詳細(xì)、真實(shí),產(chǎn)品圖片要精美,做好服務(wù)讓用戶給好評(píng)。做好這些給用戶一個(gè)好印象之外,同時(shí)也是給自己網(wǎng)站樹(shù)立一個(gè)以優(yōu)質(zhì)服務(wù)和產(chǎn)品的良好品牌形象,從而贏得消費(fèi)者的信賴。
2、專業(yè)的網(wǎng)絡(luò)客服
剛才上面說(shuō)到消費(fèi)者網(wǎng)上了解一款產(chǎn)品,其中包括客服的介紹,所以客服對(duì)一筆交易的成功與否也是非常重要的。網(wǎng)絡(luò)客服不光介紹這款產(chǎn)品,同時(shí)要懂營(yíng)銷技巧、產(chǎn)品的專業(yè)知識(shí)、良好的心理素質(zhì)等等。我認(rèn)為網(wǎng)絡(luò)客服通過(guò)專業(yè)的崗前培訓(xùn),完整專業(yè)技能測(cè)試才能上崗。
3、良好的售后服務(wù)
不管一款什么產(chǎn)品,一批生產(chǎn)出來(lái)之后,肯定有好有壞。流落到客戶手里就會(huì)有有問(wèn)題的產(chǎn)品,這個(gè)時(shí)候用戶肯定會(huì)找到網(wǎng)站。我們需要提供很好的售后服務(wù),不能賣了就不管了,這樣子下次他再買產(chǎn)品就不會(huì)找你,更不可能給你介紹新客戶。人心都是肉長(zhǎng)的,只要你認(rèn)真的做好售后服務(wù),產(chǎn)品的一些缺點(diǎn),往往就會(huì)被用戶忽略。之前當(dāng)當(dāng)網(wǎng)和京東都有曝光過(guò)售后不好的問(wèn)題,但是他們都及時(shí)處理了,這樣或多或少會(huì)影響他們的品牌形象,電子商務(wù)網(wǎng)站的售后服務(wù)是非常重要的。
4、完善的物流服務(wù)
網(wǎng)上購(gòu)過(guò)物的朋友都知道,有時(shí)候產(chǎn)品出現(xiàn)損壞或者收貨時(shí)間很長(zhǎng),由于商家和物流運(yùn)輸公司是兩個(gè)不同的個(gè)體,到最后面是互相推卸責(zé)任,讓消費(fèi)者都無(wú)法找到責(zé)任方,同時(shí)也非常郁悶,無(wú)形中讓用戶畏懼網(wǎng)上購(gòu)物,更不會(huì)信任你這個(gè)網(wǎng)站了。這也是阿里巴巴和京東商城今年都發(fā)巨資來(lái)建設(shè)自己的物流運(yùn)輸體系的原因。小的電子商務(wù)網(wǎng)站不能建設(shè)自己的物流體系,但是可以跟物流公司簽訂合同或者相關(guān)協(xié)議來(lái)保障用戶的權(quán)益,同時(shí)也是給自己的形象加分。
電子商務(wù)這一塊以后的發(fā)展前景非常不錯(cuò),很多大型it企業(yè)都非??春茫恍﹤鹘y(tǒng)企業(yè)也參加進(jìn)來(lái)了。將來(lái)的競(jìng)爭(zhēng)也會(huì)非常大,我認(rèn)為價(jià)格是吸引客戶的一方面,優(yōu)質(zhì)的產(chǎn)品和服務(wù)才是留住老用戶和吸引跟多新用戶的法
第五篇:在招聘網(wǎng)站發(fā)布招聘信息應(yīng)該注意什么
世界工廠網(wǎng)線上生態(tài)學(xué)院
在招聘網(wǎng)站發(fā)布招聘信息應(yīng)該注意什么
由于網(wǎng)絡(luò)信息比較便捷,所以很多求職人員大多會(huì)選擇通過(guò)網(wǎng)絡(luò)求職,那么作為招聘職位的發(fā)布者,就必須要特別注意招聘信息的寫(xiě)作,那么在招聘網(wǎng)站發(fā)布招聘信息應(yīng)該要注意什么呢?
一、崗位發(fā)布要點(diǎn)
網(wǎng)聘成功關(guān)鍵點(diǎn),職位發(fā)布要規(guī)范 職位名稱易搜索,職位類別仔細(xì)選 職位描述填完整,公司地址應(yīng)寫(xiě)全 每天刷新請(qǐng)謹(jǐn)記,重發(fā)職位會(huì)靠前 依靠上述好習(xí)慣,招聘效果有保障
二、招聘信息刷新規(guī)則
智聯(lián)招聘、前程無(wú)憂每天分3次刷新; 銷售類崗位9點(diǎn)刷新; 技術(shù)類崗位14:00刷新; 其他崗位17:00刷新; 拉勾網(wǎng)每周四刷新
三、招聘信息怎么寫(xiě)更吸引人
1.招聘崗位
招聘崗位要進(jìn)行具體描述,需要讓求職者從職位名稱中就能明白該職位的工作內(nèi)容。比如:“高級(jí)會(huì)議講師”就比“美容講師”的描述更令人便于理解。2.工作職責(zé)
對(duì)于職位的工作職責(zé)描述要精準(zhǔn)。這個(gè)職位的日常工作是什么?需要用到哪些技能,求職者需要有哪些技能才可以申請(qǐng)這個(gè)職位。這些都需要HR來(lái)認(rèn)真的組織語(yǔ)言,而不是簡(jiǎn)單的復(fù)制粘貼。工作職責(zé)描述要善于用術(shù)語(yǔ)又不要全用術(shù)語(yǔ):
工作職責(zé)描述要善于用術(shù)語(yǔ)的意思是:工作崗位需要用到的一些專業(yè)知識(shí),(譬如產(chǎn)品設(shè)計(jì)人員需要熟練使用PS、PR、AE軟件;建筑崗位需要的3D-MAX等等)。這些專業(yè)術(shù)語(yǔ)必須要寫(xiě)清楚,這樣不但可以顯示公司專業(yè)性,也可以讓求職者看清楚自己是否有這項(xiàng)技能。
工作職責(zé)描述不要全用術(shù)語(yǔ)的意思是:根據(jù)工作性質(zhì)的不同,在必要時(shí)用到專業(yè)術(shù)語(yǔ),但是后面需要更加具體的說(shuō)明。
世界工廠網(wǎng)線上生態(tài)學(xué)院:制造企業(yè)開(kāi)展線上業(yè)務(wù)的加油站
世界工廠網(wǎng)線上生態(tài)學(xué)院
3.薪酬福利
要想吸引人才,薪酬福利非常重要。大多數(shù)求職者如果沒(méi)有在招聘廣告中看到相關(guān)信息的話,是不會(huì)投簡(jiǎn)歷應(yīng)聘這個(gè)職位。
薪酬:公司在招聘信息中最好注明一個(gè)大概的范圍,不要寫(xiě)一個(gè)具體數(shù)值。因?yàn)槟闼鶎?xiě)的具體數(shù)值可能剛好不在求職者的考慮范圍,你給一個(gè)大概數(shù)值,從少到多的范圍,較容易讓求職者覺(jué)得有機(jī)可談。
福利:我們?cè)趯?xiě)招聘信息的時(shí)候,一定不要過(guò)于夸大待遇,結(jié)合公司真實(shí)情況,適當(dāng)修飾一下。(定期體檢、定期旅游、五險(xiǎn)一金、婚假、雙休等)
總結(jié):發(fā)布招聘信息需要簡(jiǎn)潔明了,體現(xiàn)核心內(nèi)容,如:招聘崗位、工作職責(zé)、薪資待遇、企業(yè)福利、聯(lián)系方式等。還可以將公司文化、企業(yè)價(jià)值體現(xiàn)出來(lái),這樣就更能吸引求職者。
【更多內(nèi)容,請(qǐng)搜索世界工廠網(wǎng)】 常見(jiàn)的兩款團(tuán)隊(duì)溝通軟件 電商團(tuán)隊(duì)薪資怎么定最合理 公司崗位級(jí)別應(yīng)該如何劃分 如何設(shè)置招聘崗位及人數(shù) 網(wǎng)絡(luò)招聘渠道對(duì)比-垂直類 網(wǎng)絡(luò)招聘渠道對(duì)比-綜合類 業(yè)績(jī)改進(jìn)計(jì)劃表
員工績(jī)效考核體系(銷售類)員工績(jī)效申訴制度
世界工廠網(wǎng)線上生態(tài)學(xué)院:制造企業(yè)開(kāi)展線上業(yè)務(wù)的加油站