網(wǎng)站設(shè)計(jì)中常犯的錯(cuò)誤_網(wǎng)頁設(shè)計(jì)教程
推薦:網(wǎng)站設(shè)計(jì)如何才能靈活Awebsiteneedstobeflexible.Itneedstobeabletochangeastheorganizationchanges.Themorechangewithintheorganizationthemoreflexible
The most common web design mistake is to design for the exception, and to ignore the obvious. That's because designing for the obvious is boring, while designing for the exception is fun.
網(wǎng)站設(shè)計(jì)中最常見的錯(cuò)誤是:只顧著設(shè)計(jì)非凡部分,卻忽略了常規(guī)部分。這是因?yàn)樵O(shè)計(jì)常規(guī)部分讓人感到乏味,而設(shè)計(jì)非凡部分卻非常有樂趣。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
Some years ago, I was involved in designing content management software. We spent a lot of time designing breadcrumb trail navigation, which tells the reader where a particular page sits in the overall classification.
幾年前,我參與設(shè)計(jì)了一個(gè)與網(wǎng)站內(nèi)容治理相關(guān)軟件。我們花了大量時(shí)間設(shè)計(jì)“breadcrumb trail[當(dāng)前位置]”導(dǎo)航系統(tǒng),該系統(tǒng)可以告訴用戶所瀏覽具體頁面處于所有類別中的那個(gè)位置。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
Another feature we wanted for the software was multiple classification of a particular piece of content. This caused significant problems for the breadcrumb trail design, as there could theoretically be two or more breadcrumb trails for content. Anyway, it was a bit of a challenge, and we really enjoyed working at it.
一條具體內(nèi)容中能夠包含多級(jí)分類,這是我們?yōu)樵撥浖O(shè)計(jì)的另外一個(gè)功能。但是這給“breadcrumb trail[當(dāng)前位置]”導(dǎo)航的設(shè)計(jì)帶來了大麻煩,因?yàn)槔碚撋弦粭l內(nèi)容可能包含兩個(gè)或三個(gè)“breadcrumb trail[當(dāng)前位置]”。然而,這僅僅是個(gè)小小的挑戰(zhàn),我們也十分樂意能去解決它。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
Nobody actually questioned whether breadcrumb trail navigation was genuinely useful. It just seemed like a great idea. We were sure that everybody would love it. It turned out that it was a feature that the vast majority of people ignored. Everybody I have talked to since, and every report I have read, has stated that breadcrumb trail is, at best, a like-to-have feature.
實(shí)際上沒人真正懷疑過“breadcrumb trail[當(dāng)前位置]”路徑導(dǎo)航的實(shí)效性。這似乎是一個(gè)好消息。我們確信人人都會(huì)喜歡它。但事實(shí)上,大多數(shù)人都忽略了這點(diǎn)。我所交流過的人,我所讀到的報(bào)道,都稱“breadcrumb trail”最多不過是我們自認(rèn)為不錯(cuò)的特征。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
"The resistance to using breadcrumbs is perplexing," states Dr. Eric Schaffer, CEO of Human Factors International. "They increase efficiency. They support site learning. They reduce the user's "where-was-I?" memory burden by providing a list of recently visited pages. They make it easier to cross levels of the navigation decision tree within the browse environment."
“人們不愿意使用‘breadcrumb’這點(diǎn)真是讓人費(fèi)解。”人因軟件咨詢公司(Human Factors International)的CEO,Eric Schaffer博士說道,“使用breadcrumb可以提高效率,幫助用戶更好地了解站點(diǎn),并為用戶提供已瀏覽過的頁面信息,使用戶不必苦苦回憶:“剛才我瀏覽了哪里?”;它們還使得在瀏覽環(huán)境中穿越不同級(jí)別導(dǎo)航目錄變得更為簡便�!�
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
"But users don't use breadcrumbs spontaneously," Dr. Schaffer continues. "Studies show that, too. Not surprisingly, the picture is not so black and white. Super users DO use breadcrumbs. You do, don't you? And you use them because they are efficient. They make sense."
“但用戶不會(huì)主動(dòng)地使用“breadcrumb”, Schaffer博士繼續(xù)說到,“調(diào)查研究也表明了這一點(diǎn)。這倒不希奇,因?yàn)槭聦?shí)不會(huì)像圖像那樣黑白分明的。高級(jí)用戶會(huì)使用breadcrumbs,當(dāng)然,你也會(huì)使用它,不是嗎?因?yàn)槟惆l(fā)現(xiàn)它們確實(shí)十分有效,能起作用�!�
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
This is the New Economy, and we're not supposed to be bored, are we? We're all supposed to be doing challenging work that fulfills us and moves our career forwards. We all want to design for the "super users" because this sort of design stretches and challenges us.
當(dāng)前正處于新經(jīng)濟(jì)時(shí)代,我們可不想讓工作和生活變得枯燥乏味,不是嗎?我們應(yīng)該從事那些能夠達(dá)成我們計(jì)劃的,有助于我們事業(yè)發(fā)展的,并且?guī)в刑魬?zhàn)性的工作。因此,我們都希望為“高級(jí)用戶”做設(shè)計(jì)工作,因?yàn)樗卣箍臻g大,并具有挑戰(zhàn)性。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
There are far more ordinary people out there than super users. These people want to be lead through a simple process so that they can complete their tasks quickly and with as little mental effort as possible. They like a website such as eBay, which under a big heading called "Find" asks: "What are you looking for?", and then gives you a nice wide search box, with a button beside it labeled "Search".
但是,更多的普通用戶遠(yuǎn)不像高級(jí)用戶這樣。他們期望能迅速地完成任務(wù),并且不要過多的耗費(fèi)腦力,因此,過程一定要簡單。比如,在eBay網(wǎng),一個(gè)名為“搜尋”大標(biāo)題下面會(huì)問道:“您想找些什么?”緊跟著的是一個(gè)漂亮寬大的搜索框,邊上是“搜索”按鈕。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
The obvious is very often boring to the designer. When I tell designers about the "stupid" things people do on websites, they often laugh in disbelief. For example, lots of people click on the search button without placing text in the search box. They do this because they think the search button is actually a link to the search page. So, when someone does that on your website, what should you do? Bring them to a dedicated search page.
網(wǎng)頁的常規(guī)部分對設(shè)計(jì)者來說經(jīng)常是非常枯燥的。當(dāng)我告訴設(shè)計(jì)師們有關(guān)人們在網(wǎng)站上做的“蠢事”時(shí),他們總是一笑而過,并且不相信這是真的。比如說,當(dāng)很多人還沒在搜索框內(nèi)輸入內(nèi)容時(shí),就點(diǎn)擊了搜索按鈕,因?yàn)樗麄冋`認(rèn)為這些按鈕是連接搜索頁面的。所以,假如有人在你的網(wǎng)站上這么做,你應(yīng)該怎么辦?我認(rèn)為,應(yīng)該為他們提供一個(gè)專門的搜索頁面。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
Every time you add something to a webpage you potentially make that page a little less clear. Go through your website and list all the parts that you think are really cool; the parts your friends are really impressed with. Remove them.
每當(dāng)你向網(wǎng)頁中添加內(nèi)容的時(shí)候,網(wǎng)頁的內(nèi)容就開始慢慢變得零亂起來。所以,一定要好好瀏覽一遍你的網(wǎng)站內(nèi)容,找出你和你朋友都認(rèn)為確實(shí)很棒的部分,然后刪除不盡人意的內(nèi)容。
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
What impresses you most is likely unnecessary to the successful completion of the core task. Your goal should be to design a website that even an adult can understand.
其實(shí),最能給人留下深刻映像的網(wǎng)站是這樣一種形式的網(wǎng)站:人們不需要成功的執(zhí)行某個(gè)核心任務(wù)便能夠達(dá)到他們所期待的效果(因?yàn)闆]人愿意做什么任務(wù),即使是很簡單的任務(wù))。你的設(shè)計(jì)目標(biāo)是:讓所有人對你的網(wǎng)站一目了然。
分享:網(wǎng)站中的圖片設(shè)計(jì)I'vetalkedalotabouttheneedforspeed.Specifically,theimportanceofyourwebpagesloadingquickly.Imagesarethenumberoneculprit.Likea
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長:75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-網(wǎng)站設(shè)計(jì)中常犯的錯(cuò)誤
。
