建站常識
網(wǎng)站設(shè)計(jì)和圖形用戶界面(GUI)設(shè)計(jì)的不同
2006-01-06 21:55:00
當(dāng)然,網(wǎng)站設(shè)計(jì)和?車撓沒Ы緱嬪杓?UI Design)還是有很多相似之處的:最基本一點(diǎn),他們都是交互式系統(tǒng),都屬于軟件設(shè)計(jì)范疇而不是物理設(shè)計(jì)范疇。
設(shè)備的多樣性
在傳統(tǒng)GUI設(shè)計(jì)里,你能夠控制每一個(gè)像素:你制作一個(gè)對話框的時(shí)候,你可以確定它在用戶屏幕上的真實(shí)尺寸。你知道你在為什么系統(tǒng)設(shè)計(jì),你知道那里安裝了什么字體。你知道典型的顯示器尺寸有多大,操作系統(tǒng)的作者告訴你給窗口做裝飾的規(guī)則。
在網(wǎng)站方面,所有的上述設(shè)想都土崩瓦解。用戶可能通過一臺傳統(tǒng)的計(jì)算機(jī)訪問網(wǎng)站,也可能在用一個(gè)WebTV,可用筆點(diǎn)擊的手持式設(shè)備,或者是Nokia移動電話,甚至他們的汽車就是一個(gè)Internet設(shè)備。在傳統(tǒng)設(shè)計(jì)里,筆記本電腦和高端工作站屏幕的區(qū)別可能只有六種。在網(wǎng)上,我們必須應(yīng)付手持的設(shè)備和工作站的屏幕區(qū)別可能有上百種,Modem和T-3專線之間的區(qū)別可能有上千種。
任何一個(gè)網(wǎng)站設(shè)計(jì)在不同的設(shè)備上看起來都大不一樣:顯然,所見即所得已經(jīng)不靈了,看上去不同是一個(gè)特點(diǎn),而不是個(gè)毛病,因?yàn)樽罴训挠脩艚?jīng)驗(yàn)是需要根據(jù)設(shè)備的不同特征予以適當(dāng)?shù)谜{(diào)節(jié)。很特別的或者很低端的設(shè)備,都嚴(yán)格的要求網(wǎng)站內(nèi)容適應(yīng)特定的平臺。達(dá)到這一目標(biāo)的唯一道路就是放棄對界面的完全控制,讓他們的網(wǎng)頁展現(xiàn)取決于頁面描述、特殊設(shè)置和客戶端設(shè)備特性的相互影響。
為每個(gè)不同的平臺設(shè)計(jì)一個(gè)抽象的UI描述比聽起來困難的多。基本的HTML法則可以給設(shè)計(jì)師提供一個(gè)實(shí)現(xiàn)他們創(chuàng)意的好方法,但是不能提供給他們所有的方法。一般都提倡把內(nèi)容和描述分離,使用Style Sheets定義描述,但是這樣做更利于信息內(nèi)容本身而非交互操作。
用戶控制導(dǎo)航
在傳統(tǒng)的GUI設(shè)計(jì)中,設(shè)計(jì)師可以控制用戶什么時(shí)候可以去哪兒。你不想讓某個(gè)菜單項(xiàng)工作,你可以讓他變灰。你可以扔出一個(gè)對話框中止計(jì)算機(jī)的運(yùn)行,直到用戶回答了你的問題。
在網(wǎng)上,用戶從根本上控制了他或她自己的使用網(wǎng)頁的行為。用戶可以抄小路而不受設(shè)計(jì)師的任何影響:比如,用戶可以從搜索引擎直接進(jìn)入網(wǎng)站內(nèi)部,而不必經(jīng)過首頁。用戶還可以控制他們自己的書簽菜單,并利用它建立起一個(gè)網(wǎng)站的個(gè)人化接口。
網(wǎng)站設(shè)計(jì)師需要配合并支持這種用戶可控制的使用方式。有時(shí)你可以強(qiáng)制用戶使用特定的路徑,阻止他們鏈接某些頁面,可這么做的網(wǎng)站就顯得過分的專制、獨(dú)裁。最好設(shè)計(jì)的可自由移動一些,比如,在每一頁放一個(gè)鏈接到首頁的圖標(biāo),給那些直接進(jìn)入該頁的人提供一個(gè)返回首頁的導(dǎo)航。
整體的一部分
傳統(tǒng)的應(yīng)用程序是一種封閉式的用戶經(jīng)驗(yàn):盡管Windows系統(tǒng)允許應(yīng)用程序相互切換并且可以同時(shí)運(yùn)行多個(gè)程序,但是在任一時(shí)刻,用戶其實(shí)是處于一個(gè)單一的應(yīng)用程序之中,而且只有針對這個(gè)程序的命令和一些動作起作用。在每一個(gè)程序上用戶都花過很長時(shí)間,并且在逐漸熟悉他們的特征和設(shè)計(jì)。
在網(wǎng)上,用戶在不同的網(wǎng)站之間,不同的設(shè)計(jì)(也就是網(wǎng)站)之間跑來跑去,具有相當(dāng)?shù)牧鲃有浴:苌儆腥艘娨粋€(gè)網(wǎng)站就花上幾分鐘去看。他們經(jīng)常通過超鏈接從這個(gè)站跳到那個(gè)站。這種情況下,對于用戶的感覺,所有的網(wǎng)站是一個(gè)整體,而不是某個(gè)特定的網(wǎng)站:也就是說,用戶需要每一個(gè)網(wǎng)站的使用習(xí)慣都是一樣的,都是他們對整個(gè)網(wǎng)絡(luò)的使用習(xí)慣的一部分,而不是每個(gè)網(wǎng)站都有它不同的習(xí)慣。在可用性研究中,用戶經(jīng)常抱怨那些用法離譜的網(wǎng)站不好使。換句話說,網(wǎng)絡(luò)已經(jīng)變成了一個(gè)整體的概念,每一個(gè)網(wǎng)站都是這個(gè)概念的一部分。
當(dāng)然,傳統(tǒng)GUI也是某個(gè)整體的一部分,遵循(操作系統(tǒng))廠商的設(shè)計(jì)規(guī)則是比較明智的。關(guān)鍵一點(diǎn)就是在網(wǎng)站設(shè)計(jì)各方面,個(gè)性化設(shè)計(jì)與整體設(shè)計(jì)之間的天平傾向了整體。但是我們沒有已確立的網(wǎng)站設(shè)計(jì)規(guī)則,沒人告訴你應(yīng)該如何運(yùn)用界面元素建立一個(gè)符合整體概念的網(wǎng)站。我積極擁護(hù)建議搞一套正式的網(wǎng)站設(shè)計(jì)約定出來。我對網(wǎng)站設(shè)計(jì)師的忠告就是,你的網(wǎng)站不是別人世界的中心:用戶還要在網(wǎng)站跳來跳去,我們應(yīng)該讓他們用任何一個(gè)新網(wǎng)站的時(shí)候都感到方便。
近期更新
- [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ǒ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ì)都有哪些新的趨勢?
延伸閱讀
- [2006-08-31 16:50:00] 談?wù)劸W(wǎng)站建設(shè)過程中的策劃與準(zhǔn)備
- [2014-07-15 22:48:47] 國外優(yōu)秀的網(wǎng)站設(shè)計(jì)欣賞
- [2009-07-21 07:53:00] 搜索結(jié)果頁(SERP)之:個(gè)性化如何影響用戶行為
- [2020-11-27 13:54:50] 網(wǎng)站建設(shè)時(shí),設(shè)計(jì)首頁時(shí)務(wù)必要重視的幾點(diǎn)
- [2006-01-08 20:53:00] 談?wù)勗诰W(wǎng)站建設(shè)中的引用學(xué)問
- [2016-08-01 11:18:12] 青島力圖數(shù)字科技,分享百度優(yōu)化影響網(wǎng)站權(quán)重的因素
- [2010-06-25 08:10:00] 信息構(gòu)架的若干原則 (第二部分)
- [2009-11-16 08:29:00] 關(guān)于“用戶問題”的嚴(yán)重程度定義
- [2009-05-27 14:10:00] 你的網(wǎng)站使用了微格式了么?
- [2006-11-05 17:28:00] 網(wǎng)頁UI設(shè)計(jì)95%是排版
- [2007-06-22 12:26:00] 非設(shè)計(jì)師談設(shè)計(jì)之Apple改版
- [2006-05-23 09:59:00] web標(biāo)準(zhǔn)下的web開發(fā)流程思考
解決方案
輪胎行業(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)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
IT資訊 青島網(wǎng)站營銷 網(wǎng)站優(yōu)化 微網(wǎng)站 H5定制設(shè)計(jì) 官網(wǎng)網(wǎng)站建設(shè) 圖形網(wǎng)格 青島網(wǎng)頁制作 交互設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì) HTML5 網(wǎng)站改版 外貿(mào)網(wǎng)站設(shè)計(jì) 輪胎網(wǎng)站設(shè)計(jì) 搜索引擎蜘蛛 網(wǎng)站SEO 膠南網(wǎng)站建設(shè)公司 網(wǎng)站推廣 營銷型網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)趨勢 舒適的界面 扁平化設(shè)計(jì) 版面布局 網(wǎng)站視覺 青島網(wǎng)站制作 SEO 高端網(wǎng)站設(shè)計(jì) 程序開發(fā) php程序 H5專題頁面