決定一個(gè)網(wǎng)站成敗的5個(gè)要素

在生活中，擁有目標(biāo)是非常重要的。

特別對(duì)于網(wǎng)站設(shè)計(jì)而言，因?yàn)闆](méi)有目標(biāo)就沒(méi)有動(dòng)力，更無(wú)法衡量你的成功與否。 目標(biāo)有助于設(shè)計(jì)師專(zhuān)注于重要的事情，把握設(shè)計(jì)方案的走向。目標(biāo)能幫助設(shè)計(jì)者設(shè)計(jì)出令人眼前一亮的網(wǎng)站。

設(shè)計(jì)任何一個(gè)網(wǎng)站，過(guò)程都是大同小異的：我完成了一份設(shè)計(jì)稿，然后把它交給客戶(hù)。雖然在一開(kāi)始，我有我的創(chuàng)意，客戶(hù)有客戶(hù)的需求，但是我知道我會(huì)在最后交出一份令人滿(mǎn)意的答卷。 之后的步驟大徑相同，但每個(gè)網(wǎng)站都會(huì)因面向的群體不同、定位不同、風(fēng)格不同而各自產(chǎn)生某些不同的步驟。有時(shí)我需要手繪，有時(shí)我又必須利用PS、AI等軟件的強(qiáng)大功能。 盡管不同項(xiàng)目的過(guò)程可以有所差異，但至關(guān)重要的是做一個(gè)網(wǎng)站一定會(huì)確立一個(gè)目標(biāo)，無(wú)論你把它寫(xiě)下來(lái)也好記在心里也罷，你的設(shè)計(jì)必須把這一目標(biāo)體現(xiàn)出來(lái)。

我在以下列出的5個(gè)目標(biāo)，是在每一次開(kāi)始網(wǎng)頁(yè)設(shè)計(jì)時(shí)都必須思考的。

1。力求用戶(hù)友好和美觀

良好的用戶(hù)界面往往是建立在犧牲掉一個(gè)優(yōu)秀設(shè)計(jì)的基礎(chǔ)上，然而這兩者同等重要，應(yīng)該讓他們和平相處。一個(gè)設(shè)計(jì)良好的網(wǎng)站可以幫助用戶(hù)輕松訪問(wèn)。網(wǎng)站中的每個(gè)元素都應(yīng)該在客戶(hù)習(xí)慣的位置，否則他們的存在就必須有特定含義，而設(shè)計(jì)師必須對(duì)用戶(hù)進(jìn)行引導(dǎo)。 例如，導(dǎo)航會(huì)放在頁(yè)面頂部不是因?yàn)樗旁谀抢锉容^好看，而是用戶(hù)不會(huì)拖動(dòng)滾動(dòng)條到處找它。 如果你一定要讓用戶(hù)拖動(dòng)滾動(dòng)條去找導(dǎo)航，就給他們一個(gè)理由，比如一些更容易被發(fā)現(xiàn)的引導(dǎo)用戶(hù)向下看的設(shè)計(jì)。

案例：www.cdcxhl.cn

該網(wǎng)站是在奧巴馬2008年11月就職時(shí)改版的。改版前，網(wǎng)站只專(zhuān)注于提供信息，卻沒(méi)有考慮如何把組織信息和提高可讀性。 改版后的網(wǎng)站力求用戶(hù)友好與美觀，體現(xiàn)了設(shè)計(jì)對(duì)于可用性的專(zhuān)注。以一個(gè)柔和的漸變與經(jīng)典西方建筑的圖案為背景，塑造出一個(gè)更舒適更賦有現(xiàn)代感的外觀。新導(dǎo)航與信息的合理組織使用戶(hù)更快速、更有效的獲取所需。寬敞的布局，也同樣是對(duì)用戶(hù)瀏覽該網(wǎng)站有利的因素。不需要的東西全都去掉，只留下對(duì)用戶(hù)最重要的部分。

2。明確目標(biāo)用戶(hù)

我見(jiàn)過(guò)很多網(wǎng)站，看上去很華麗卻不適用于它的目標(biāo)群體。 對(duì)于設(shè)計(jì)工作室或者音樂(lè)人來(lái)說(shuō)，一個(gè)復(fù)古的網(wǎng)站搭配時(shí)尚的色彩會(huì)是很棒的結(jié)合，您的顧客也樂(lè)于見(jiàn)到。但這樣的網(wǎng)站并不適合以專(zhuān)業(yè)人士和企業(yè)用戶(hù)為主要群體的律師事務(wù)所網(wǎng)站。對(duì)于這點(diǎn)，您的客戶(hù)具有良好的洞察力，因?yàn)樗麄兊墓ぷ骶褪桥c這次的目標(biāo)群體打交道。在你做研究的時(shí)候看看跟你同類(lèi)型的公司都在做什么，你不必做相同的事情，但是網(wǎng)站給人的感受必須的類(lèi)似的。

案例：http://www.apple.com/

該網(wǎng)站是一個(gè)很好的例子，出色的設(shè)計(jì)完全符合目標(biāo)用戶(hù)的口味。網(wǎng)站用柔和的漸變、大尺寸的圖片展現(xiàn)了干凈、簡(jiǎn)約之美。字體非常重要，蘋(píng)果網(wǎng)站在標(biāo)題、字號(hào)、位置上都精心考量過(guò)?，F(xiàn)代的風(fēng)格精確定位于年輕的偏重技術(shù)的用戶(hù)。該網(wǎng)站也并沒(méi)有嚴(yán)肅的那么徹底，層層細(xì)節(jié)中不斷滲透出輕松的元素，這點(diǎn)也正中年輕白領(lǐng)的下懷。該設(shè)計(jì)也同樣符合他們產(chǎn)品外觀的特點(diǎn)–時(shí)尚、有圓角而整潔的組合。以上幾點(diǎn)都令用戶(hù)感到舒適，除此之外，還會(huì)產(chǎn)生巨大的吸引力，帶動(dòng)用戶(hù)去看他們旗下所有品牌的產(chǎn)品。

3。讓用戶(hù)界面自由流暢，讓用戶(hù)能快速高效的找到他們需要的信息。

良好的導(dǎo)航是優(yōu)秀網(wǎng)站的關(guān)鍵。實(shí)現(xiàn)做好網(wǎng)站地圖有助于分配頁(yè)面跳轉(zhuǎn)的去向以及哪些模塊應(yīng)該放在一起。許多網(wǎng)站的導(dǎo)航很繁瑣，是因?yàn)樗麄兏緵](méi)有計(jì)劃過(guò)，哪些信息放在哪里最合適。您需要盡量壓縮整個(gè)頁(yè)面的容量，而讓重要的信息所占比重大化。不用把所有相關(guān)信息都要放在網(wǎng)頁(yè)上，因?yàn)椴⒉皇敲總€(gè)用戶(hù)都有耐心去閱讀。 精簡(jiǎn)導(dǎo)航，確定什么是最重要的，丟掉其余的。

案例：http://www.mediatemple.net/

該網(wǎng)站風(fēng)格偏向沉穩(wěn)，暗色調(diào)的漸變搭配倒影呈現(xiàn)出光滑的質(zhì)感，突出了高科技的重點(diǎn)。簡(jiǎn)潔易用的主導(dǎo)航以及前端有標(biāo)示的二級(jí)導(dǎo)航，都讓用戶(hù)很輕松就找到所需信息。 網(wǎng)站的整潔清晰，寬屏的設(shè)計(jì)讓視野更加開(kāi)闊，十分有利于瀏覽和閱讀。 點(diǎn)擊網(wǎng)頁(yè)上的介紹后，明顯的“查看詳情”的按鈕引導(dǎo)用戶(hù)深入網(wǎng)站，最終找到他們的目標(biāo)網(wǎng)頁(yè)，即網(wǎng)站希望用戶(hù)到達(dá)的網(wǎng)頁(yè)。 匹配的按鈕和有效地知道在整個(gè)過(guò)程中給予用戶(hù)有效幫助。

4。 給客戶(hù)他們想要的以及需要的。

正如眾多設(shè)計(jì)師所知，客戶(hù)往往認(rèn)為他們才是最清楚的。一般而言，他們肯定比你更了解自己的公司，所以有關(guān)客戶(hù)和產(chǎn)品的描述得聽(tīng)他們的，因?yàn)檫@是在他們的領(lǐng)域。 然而，對(duì)于如何把信息組織的更加實(shí)用以及網(wǎng)頁(yè)用戶(hù)有何特點(diǎn)，他們可能并不了解。因此某些重要的事項(xiàng)你必須為你的客戶(hù)講解并讓他們充分的理解–為什么他們不需要一些看上去很“炫”的東西，例如做一個(gè)長(zhǎng)達(dá)5分鐘的盡管看起來(lái)很絢麗的網(wǎng)站介紹。

案例：http://mobify.me/

該網(wǎng)站干凈、簡(jiǎn)約而富有現(xiàn)代感，加上在細(xì)節(jié)上出色的視覺(jué)效果，幫助用戶(hù)瀏覽網(wǎng)站。 該網(wǎng)站的目標(biāo)人群除了企業(yè)用戶(hù)外，也包括對(duì)“手機(jī)友好”感興趣的技術(shù)開(kāi)發(fā)人員和網(wǎng)頁(yè)設(shè)計(jì)師。 瀏覽該網(wǎng)站的用戶(hù)很可能本身就是網(wǎng)站方面的專(zhuān)家，而來(lái)的目的是為了進(jìn)一步拓展自己的網(wǎng)站。 這個(gè)網(wǎng)站的設(shè)計(jì)，就是一切關(guān)于公司銷(xiāo)售移動(dòng)服務(wù)的需求。 該界面簡(jiǎn)潔、光滑，正如一個(gè)移動(dòng)設(shè)備給我們的感覺(jué)。 導(dǎo)航簡(jiǎn)潔易用，在這個(gè)現(xiàn)代高科技的網(wǎng)站上清楚明了的給予用戶(hù)他們所需要的。

5。 用增加代碼來(lái)拓展網(wǎng)站的功能。

一個(gè)簡(jiǎn)單的網(wǎng)站在運(yùn)用了JS或PHP的一些功能后會(huì)變得強(qiáng)大起來(lái)。 用戶(hù)會(huì)享受這些附加功能，設(shè)計(jì)師也有機(jī)會(huì)做一個(gè)新的嘗試。既然有這么的技能可以學(xué)并植入到網(wǎng)站中，為何不針對(duì)每項(xiàng)功能都嘗試一個(gè)新的頁(yè)面，在設(shè)計(jì)上也尋找新的突破呢？嘗試一個(gè)新的JS教程或一個(gè)有趣的PHP腳本。每當(dāng)你坐下來(lái)設(shè)計(jì)一個(gè)頁(yè)面的時(shí)候都有成推的東西要學(xué)，只要你在做每個(gè)網(wǎng)站的時(shí)候多學(xué)一樣?xùn)|西，試想一年后你會(huì)有多少成長(zhǎng)呢。

網(wǎng)站標(biāo)題：決定一個(gè)網(wǎng)站成敗的5個(gè)要素
分享網(wǎng)址：http://www.bm7419.com/news/97155.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、標(biāo)簽優(yōu)化、定制開(kāi)發(fā)、虛擬主機(jī)、定制網(wǎng)站、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)