建站常識(shí)
良好位置感的設(shè)計(jì)
2007-08-07 23:24:00
好的設(shè)計(jì)和不好的設(shè)計(jì),就像是一塊硬幣的正反面。之前我們看到的都是硬幣的反面,只要翻轉(zhuǎn)一下,就可以看到正面了。
上次我評(píng)論了上網(wǎng)四大郁悶事,很大原因是導(dǎo)航混亂、位置感不強(qiáng)造成的。有一次參與朋友公司的討論時(shí)我說道,網(wǎng)站就像是一個(gè)信息群島,島嶼和島嶼間是相連的,差別在于你是用獨(dú)木橋還是高速公路,橋邊(路邊)是美女的誘惑還是指示牌。良好位置感的設(shè)計(jì),主要解決三個(gè)問題:我從哪里來(為什么我在這里)?我在哪里(這里是哪里)?我將去哪里(下一步怎么走)?就像是一個(gè)迷宮,你所處位置正面有三條路,背面有三條路,你可能一下子就迷失了,忘了從哪條路來,也不知道下一步該走哪條路。
在不同的情境中,這三個(gè)問題的主次不同。但大部分情況下,第二個(gè)問題(我在哪里)更重要一些。
一種設(shè)計(jì)是在國(guó)外被叫做 Breadcrumb 的東西(延伸閱讀:Breadcrumb Navigation: Further Investigation of Usage),就是童話里利用面包屑找到回家路的聰明小孩的故事。這個(gè)設(shè)計(jì)不僅僅用在資訊類網(wǎng)站的分類層級(jí)導(dǎo)航,也常常被延伸到那些“下一步、下一步”的交互過程中。比如:
亞馬遜網(wǎng)站導(dǎo)航欄的變遷史),即當(dāng)前所在的分類作為當(dāng)前的 Tab,突出顯示(動(dòng)態(tài) Tab 設(shè)計(jì)的創(chuàng)意應(yīng)該來自于利用 headings 級(jí)別文字表示當(dāng)前頁(yè)面,這一點(diǎn) Amazon 仍然在使用):
利用 Tab 作位置導(dǎo)航有很大的優(yōu)勢(shì),結(jié)合 Breadcrumb 和 Tab 還產(chǎn)生了一種 變體 ,在 Yahoo! 的一些頻道中已有運(yùn)用:
另一個(gè)問題是,對(duì)于資訊類網(wǎng)站,用戶(訪客)可能并不是從首頁(yè)進(jìn)入的,可能通過搜索引擎或者外部鏈接。這種情況下如何是好呢?除了以上方式的綜合運(yùn)用,我曾看到過在頁(yè)面上給出搜索框,并給出來路的關(guān)鍵詞,提示用戶可以再次進(jìn)行站內(nèi)搜索的。比如:
以上可能更多側(cè)重于信息架構(gòu)方面,舉的例子也估計(jì)是見多不怪,但我想說的是創(chuàng)新永遠(yuǎn)不會(huì)是憑空產(chǎn)生的。所以我們可以通過追根溯源的方式去學(xué)習(xí),來增強(qiáng)我們的思考能力。我贊同一個(gè)觀點(diǎn):設(shè)計(jì)師應(yīng)該是發(fā)明家。在產(chǎn)品設(shè)計(jì)上,你應(yīng)該比他人想的更前,也要比他人想的更后。
歡迎針對(duì)本話題進(jìn)行補(bǔ)充,談?wù)勀闼娺^的優(yōu)秀的導(dǎo)航、信息指引方面的設(shè)計(jì) 。
近期更新
- [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)站首頁(yè)設(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ì)?
延伸閱讀
解決方案
輪胎行業(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)鍵字
手機(jī)端的網(wǎng)站 網(wǎng)站設(shè)計(jì)趨勢(shì) 官網(wǎng)網(wǎng)站建設(shè) 微網(wǎng)站 html和css 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 網(wǎng)站優(yōu)化 青島做網(wǎng)站多少錢 手機(jī)網(wǎng)站 手機(jī)網(wǎng)站建設(shè) 交互設(shè)計(jì) SEO優(yōu)化 青島SEO 企業(yè)網(wǎng)站建設(shè) 青島海洋投資集團(tuán) 網(wǎng)站交互設(shè)計(jì) 網(wǎng)站設(shè)計(jì)資訊 青島輪胎網(wǎng)站設(shè)計(jì) 微官網(wǎng)帶來的好處 程序開發(fā) 空白和簡(jiǎn)潔的設(shè)計(jì) 網(wǎng)站視覺 青島高端網(wǎng)站建設(shè) 網(wǎng)站品牌 青島網(wǎng)站建設(shè)公司哪家好 HTML5 集團(tuán)性網(wǎng)站 集團(tuán)官網(wǎng) 搜索引擎 網(wǎng)頁(yè)設(shè)計(jì)