建站常識(shí)
微軟設(shè)計(jì)主管一些經(jīng)驗(yàn)分享
2007-08-08 17:03:00
從頭銜上,您可能認(rèn)為我主要關(guān)心的是microsoft.comWeb站點(diǎn)幾千個(gè)網(wǎng)頁的版面設(shè)計(jì)。的確,這些確實(shí)是我所關(guān)注的。視覺上的吸引力是重要的,但是這僅僅是工作的一小部分。而最終的目的是確保整個(gè)站點(diǎn)運(yùn)轉(zhuǎn)正常。
我的意思是,人們通常在訪問microsoft.com時(shí),并未將它當(dāng)作藝術(shù)作品來贊賞。而是為了獲得有關(guān)產(chǎn)品的信息,或者有一些技術(shù)問題需要咨詢,或是閱讀有關(guān)開發(fā)商的期刊。所以網(wǎng)站的設(shè)計(jì)應(yīng)該盡量清楚和有條理,以便他們能夠容易地找到所需信息。
在進(jìn)行Web設(shè)計(jì)時(shí)--在設(shè)計(jì)過程中--形式應(yīng)該服從功能。這種方法應(yīng)用于我們站點(diǎn)的整個(gè)設(shè)計(jì)過程中。當(dāng)然,我們有最新的Web工具,并且能夠?qū)⒏鞣N可視的小配件上載到網(wǎng)頁上。但是我們認(rèn)為這樣做將不利于為訪問者提供有效的服務(wù)。事實(shí)上,我經(jīng)常發(fā)現(xiàn)一些站點(diǎn)未將重點(diǎn)放在功能上。常見的錯(cuò)誤包括:
用戶界面元素不一致.例如,同一個(gè)控件在不同的頁面上功能不同,或者同一個(gè)功能對(duì)應(yīng)幾個(gè)用戶界面控件。
導(dǎo)航欄位置不一致。決定站點(diǎn)的哪些頁和功能需要在站點(diǎn)的任何頁上都可被訪問到。這就是應(yīng)該保持一致性的“全局導(dǎo)航欄”。
不太注意或根本不注意基本的圖形設(shè)計(jì)原則,例如排版式樣、色彩和版面的設(shè)計(jì)。
相關(guān)元素和功能的隨意分組。注意將元素放置在網(wǎng)頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個(gè)鏈接的功能。
使網(wǎng)頁過于龐大,以至使訪問者需要通過典型的調(diào)制解調(diào)器速度的Internet連接進(jìn)行長時(shí)間的下載。這并不是說不應(yīng)該使用圖形,但是您需要對(duì)它們進(jìn)行精挑細(xì)選,然后用適當(dāng)?shù)膲嚎s和顏色索引優(yōu)化它們。
現(xiàn)在的Web站點(diǎn)仍然存在很多問題,這并不奇怪。畢竟,Web設(shè)計(jì)“藝術(shù)”相對(duì)來說還是個(gè)新生事物。在四、五年以前,Web頁甚至是普通的。那時(shí),人們好像認(rèn)為他們的Web站點(diǎn)將會(huì)吸引訪問者只是因?yàn)樗鼈兇嬖?-并且,可能在某些情況下這種方法確實(shí)有效。但是這些站點(diǎn)一般很難看,并且更重要的是,它們真的難以使用。接下來便進(jìn)入“看看我們能做些什么”階段,在網(wǎng)頁中加入了大量的動(dòng)畫、聲音文件以及其它附加件,導(dǎo)致訪問者需要長時(shí)間地進(jìn)行下載,但是并未獲得多少實(shí)實(shí)在在的內(nèi)容。如今的Web設(shè)計(jì)師們已經(jīng)吸取了前人的經(jīng)驗(yàn)和教訓(xùn)。好的站點(diǎn)傾向于簡化和快速,同時(shí)在功能上有所提高。這是 Microsoft 的目標(biāo),而且我們最先承認(rèn)自己所犯的錯(cuò)誤(參閱“ Microsoft的Web簡史”看一看以前的主頁設(shè)計(jì))。
設(shè)計(jì)錯(cuò)誤并不總是顯而易見的。有時(shí)在設(shè)計(jì)上對(duì)一個(gè)小元素的移動(dòng)或更改將有很少或根本沒有影響。但是,在其它情況下,它可能確實(shí)會(huì)對(duì)頁面功能有所影響。而且如果說我們從過去幾年學(xué)到了一些東西,那就是小的改動(dòng)會(huì)使Web頁的運(yùn)行方式有很大的不同。
若要避免類似問題,我們?yōu)樾路?wù)(例如“搜索”)的創(chuàng)建或關(guān)鍵的Web頁(如主頁)設(shè)計(jì)了一個(gè)明確的流程。每個(gè)項(xiàng)目都是在一定的基礎(chǔ)上開始的,即我們有一個(gè)受益于我們站點(diǎn)上的頁面、部分或用戶界面元素的產(chǎn)品或服務(wù)。在早期的產(chǎn)品計(jì)劃階段(第1階段),我被要求設(shè)計(jì)一些初級(jí)模型:大致描述頁面、部分或功能的草圖。然后產(chǎn)品項(xiàng)目組檢查產(chǎn)品計(jì)劃建議,看看此項(xiàng)服務(wù)是否可以為microsoft.com的訪問者真正帶來一些實(shí)惠。
如果答案是“可以”,那么此項(xiàng)目會(huì)獲得批準(zhǔn),我們開始寫項(xiàng)目說明書(第2階段)。我們?cè)诘?階段的草圖和概念基礎(chǔ)上創(chuàng)建并提出一個(gè)更為完整的計(jì)劃。這時(shí),我們一般還會(huì)開始可用性測(cè)試(一般會(huì)有書面的模型)以了解潛在用戶將對(duì)計(jì)劃中的設(shè)計(jì)做出何種反應(yīng)。在最后開發(fā)階段(第3階段),我們創(chuàng)建運(yùn)行計(jì)劃服務(wù)的Web原型,并且進(jìn)行全面的可用性測(cè)試以及內(nèi)部復(fù)查。然后完成站點(diǎn)的代碼,修改程序錯(cuò)誤,最后站點(diǎn)通過實(shí)際運(yùn)轉(zhuǎn)的Web站點(diǎn)向客戶發(fā)布。
#p#大體來講,站點(diǎn)設(shè)計(jì)是在發(fā)生沖突的需要之間求得平衡的藝術(shù)。一方面,我要將站點(diǎn)設(shè)計(jì)得盡量簡單易用。另一方面,我要確保站點(diǎn)中所有強(qiáng)大的工具可為經(jīng)驗(yàn)豐富的用戶所用。與此同時(shí),我還要為內(nèi)部客戶服務(wù)-- Microsoft 產(chǎn)品項(xiàng)目組--他們對(duì)服務(wù)有特殊的需要。所以每天我都要解決一些非常困難的問題,經(jīng)常處于很緊迫的情形中。我發(fā)現(xiàn)這種工作是鼓舞人心和有趣的。
這個(gè)職業(yè)非常需要更熟練的專業(yè)人員。我是經(jīng)過一系列非常不一般的過程--在大學(xué)學(xué)習(xí)圖形藝術(shù),然后在多媒體公司設(shè)計(jì)CD-ROM,最后加入 Microsoft 并開發(fā)應(yīng)用程序--才獲得這個(gè)職位的。非常奇怪的是,當(dāng)我申請(qǐng)(并獲得)這份工作時(shí),我以前從來沒有設(shè)計(jì)過Web頁。但是我廣泛的設(shè)計(jì)經(jīng)歷已經(jīng)證明是非常有用的,并且我自認(rèn)為已經(jīng)驗(yàn)證了格言“成功的設(shè)計(jì)就是成功的設(shè)計(jì)”(不論是什么媒體)。許多設(shè)計(jì)問題對(duì)Web來說是獨(dú)一無二的,解決這些問題的方法對(duì)于任何媒體都是一樣的。
對(duì)于那些準(zhǔn)Web設(shè)計(jì)師我的建議是,他們也應(yīng)該盡可能地?cái)U(kuò)大設(shè)計(jì)背景。今天應(yīng)該確保將一些Web工作作為互動(dòng)設(shè)計(jì)培訓(xùn)的一部分--大多數(shù)好的設(shè)計(jì)學(xué)校已將其加入課程中。但是在排版、色彩理論、版面設(shè)計(jì)以及生產(chǎn)等方面的扎實(shí)的技術(shù)將仍然特別有價(jià)值。在未來,Web設(shè)計(jì)師們?nèi)詫?huì)繼續(xù)被要求給頁面增加更豐富的多媒體內(nèi)容,從而為Web站點(diǎn)的可視性和可操作性增加了新一級(jí)的復(fù)雜性和技術(shù)要求。作為CD-ROM/多媒體設(shè)計(jì)師,要求我必須具有圖形設(shè)計(jì)、視頻、音頻制作、動(dòng)畫等方面的知識(shí)和創(chuàng)作能力。我的預(yù)言是,Web設(shè)計(jì)師也將向這些領(lǐng)域發(fā)展。
對(duì)于屬于microsoft.com的我們--以及在Internet上的其它地方--那應(yīng)該是一個(gè)非常有趣的未來。
了解您的觀眾
調(diào)查一下究竟哪些人在訪問您的站點(diǎn),以及他們?yōu)槭裁匆L問。新手或不定期上網(wǎng)的Web用戶與軟件開發(fā)商相比有非常不同的興趣和站點(diǎn)需要。使您的站點(diǎn)對(duì)訪問者來說有所幫助。
為您的觀眾提供所需的信息
使導(dǎo)航元素保持一致,并且確保對(duì)訪問率最高的區(qū)域進(jìn)行明顯的標(biāo)記,是它們易于被找到。
使用清楚的消息
確保用戶了解此頁面的上下文,并且知道需要他們做些什么。如果在注冊(cè)過程中您要用戶輸入姓名,那么就直截了當(dāng)?shù)卣f。不要讓訪問者自己計(jì)算什么,他們會(huì)感到沮喪,于是轉(zhuǎn)到其它更簡單的站點(diǎn)(例如您的競(jìng)爭(zhēng)對(duì)手的站點(diǎn)?。?。
保持一致性
雖然更改不同Web頁的外觀并不難,但這并不意味著您應(yīng)該這么做。將主要功能--例如返回“主頁”的鏈接或者執(zhí)行一個(gè)搜索--放在每頁的相同位置。在microsoft.com上,黑色全局導(dǎo)航工具欄的位置在四十多萬頁上都是一樣的。
使站點(diǎn)可用
牢記設(shè)計(jì)和測(cè)試站點(diǎn)的可用性。確保用戶可容易地執(zhí)行任務(wù)以獲得所需信息。估算任務(wù)時(shí)間和任務(wù)完成率,然后努力進(jìn)行改善。如果新的設(shè)計(jì)沒有在這些方面獲得改善,那么就不要實(shí)施它。重新從草圖(或最初的計(jì)劃)開始并嘗試其它方法。
保持簡潔
說起來容易做起來難。嘗試征求反饋意見。有時(shí)新人可以很容易找到解決方案。
嘗試新的東西
不要害怕打破常規(guī),嘗試一些完全不同的東西。如果您不試試,永遠(yuǎn)不會(huì)找到真正的答案。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2006-06-23 14:01:00] WEB設(shè)計(jì)經(jīng)驗(yàn)-來自microsoft.com設(shè)計(jì)主管
- [2016-09-27 11:57:00] 蘋果谷歌微軟Adobe罕見聯(lián)手 就為解決字體問題
- [2007-04-11 08:57:00] 微軟雅黑 VS Windows宋體
- [2009-06-04 08:18:00] 微軟Bing交互設(shè)計(jì)與用戶體驗(yàn)
- [2012-01-29 11:14:28] IE6終會(huì)走向盡頭,微軟宣布ie6在美國死亡
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)頁制作 青島網(wǎng)站案例 青島好的網(wǎng)站優(yōu)化公司 官網(wǎng)網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站設(shè)計(jì) 青島flash網(wǎng)站 網(wǎng)站的速度 視覺靈感 微信開發(fā) 青島高端網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 高端輪胎網(wǎng)站設(shè)計(jì) H5 網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)資訊 用戶界面 網(wǎng)頁設(shè)計(jì) 搜索引擎 微信營銷的優(yōu)勢(shì) 網(wǎng)站策劃 企業(yè)建站 網(wǎng)站視覺 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 力圖數(shù)字科技 青島輪胎網(wǎng)站設(shè)計(jì)公司 H5專題頁面 青島開發(fā)區(qū)建站公司 青島黃島、紅島網(wǎng)站建設(shè)公司 網(wǎng)站推廣 官網(wǎng)建設(shè)