中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站設(shè)計(jì)模式:打破規(guī)則是OK

2018-10-22    分類(lèi): 網(wǎng)站設(shè)計(jì)

我們要相信我們既定的網(wǎng)站設(shè)計(jì)模式,用于在網(wǎng)絡(luò)上的共同要素。我們知道什么按鈕應(yīng)該看怎么樣,他們應(yīng)該做的,如何設(shè)計(jì)網(wǎng)站的形式,依靠這些按鈕。

然而,破碎的形式,看起來(lái)像按鈕的按鈕,混亂的導(dǎo)航元素和Web上的猖獗。這是一個(gè)有破損模式的林蔭大道。

這讓我思考的歷史和設(shè)計(jì)模式的目的時(shí),他們應(yīng)該和不應(yīng)該被使用。最有趣的是,我開(kāi)始納悶時(shí),打破了格局,有利于不同的東西或更好地實(shí)際上可能確定。我們都承認(rèn),快速調(diào)出的模式被濫用。但在何種情況下打破規(guī)則是確定的呢?正確回答這個(gè)問(wèn)題,讓我們回到開(kāi)始。

(非凡的一面注意:你已經(jīng)買(mǎi)了全新的非凡書(shū)#3本書(shū)介紹了新的實(shí)用技術(shù)和整個(gè)漸進(jìn)式網(wǎng)頁(yè)設(shè)計(jì)的新思維。取得今天你的書(shū)?。?/div>

網(wǎng)站設(shè)計(jì)模式的歷史

建筑師克里斯托弗·亞歷山大在1977年,合著一本書(shū)名為模式語(yǔ)言:城鎮(zhèn),建筑,建設(shè)“一個(gè)良好的專(zhuān)業(yè)領(lǐng)域內(nèi)的設(shè)計(jì)手法描述的結(jié)構(gòu)化的方法”,這本書(shū)的目的是模式語(yǔ)言的概念引入給普通的人-不只是建筑師和政府-為改善自己的城鎮(zhèn)和社區(qū)的藍(lán)圖。在亞歷山大自己的話說(shuō):

為核心的是,人們應(yīng)該為自己設(shè)計(jì)自己的房子,街道和社區(qū)的想法。這個(gè)想法......僅僅從觀察世界最美麗的地方不是建筑師,而是由人民。


一種模式-無(wú)論是在架構(gòu),網(wǎng)頁(yè)設(shè)計(jì)或另一個(gè)領(lǐng)域-總是有兩部分組成:第一,它描述了一個(gè)共同的問(wèn)題,其次,它提供了一個(gè)標(biāo)準(zhǔn)的解決這個(gè)問(wèn)題。例如,模式88模式語(yǔ)言與身份問(wèn)題和公共場(chǎng)所如何處理,可以推出鼓勵(lì)在公共場(chǎng)合混合。建議的解決方案之一是街頭的網(wǎng)吧:

街上的咖啡館提供了一個(gè)獨(dú)特的環(huán)境,特殊的城市:一個(gè)地方,人們可以坐在懶洋洋的,合法的,是對(duì)視圖,并觀看世界去了。因此,鼓勵(lì)當(dāng)?shù)鼐W(wǎng)吧春天在每個(gè)居委會(huì)。讓他們親密的地方,有幾個(gè)房間,開(kāi)到一個(gè)繁忙的道路,人們可以坐在一起喝咖啡或飲料和觀看世界去了。建立這樣一組表伸出到街上的網(wǎng)吧,網(wǎng)吧前。最人性化的城市總是充滿(mǎn)街頭網(wǎng)吧。

對(duì)于那些有興趣進(jìn)一步下降的格局88兔子洞,甚至有一個(gè)Flickr組致力于這種模式的例子。

從建筑跳轉(zhuǎn)到Web是很自然的,因?yàn)榍闆r是類(lèi)似的:我們有許多共同的互動(dòng)的問(wèn)題,值得標(biāo)準(zhǔn)的解決方案。這樣的一個(gè)例子是雅虎的“導(dǎo)航標(biāo)簽“的格局。問(wèn)題:

用戶(hù)需要通過(guò)網(wǎng)站導(dǎo)航定位的內(nèi)容和功能,并有明確指示他們?cè)谠摼W(wǎng)站的當(dāng)前位置。

和解決方案:

呈現(xiàn)出持續(xù)單行排在單杠下面的網(wǎng)站品牌和頭的標(biāo)簽,是一種提供一個(gè)高水平的網(wǎng)站導(dǎo)航,當(dāng)類(lèi)別數(shù)是不太可能經(jīng)常改變。元素應(yīng)該橫跨整個(gè)寬度的頁(yè)面使用明確強(qiáng)調(diào)當(dāng)前選定的選項(xiàng)卡上的限制,以及短期和可預(yù)見(jiàn)的標(biāo)題,以保持文件夾的比喻。

這是非常好的,但我們需要深入理解數(shù)字化產(chǎn)品設(shè)計(jì)中使用這種模式的好處。

網(wǎng)站設(shè)計(jì)模式的好處

模式是特別有用的設(shè)計(jì)主要有兩個(gè)原因:

  • 模式節(jié)省時(shí)間,因?yàn)槲覀儧](méi)有解決問(wèn)題,這已經(jīng)得到解決。如果使用得當(dāng),我們可以適用于每一種模式背后的原則,以解決其他常見(jiàn)的設(shè)計(jì)問(wèn)題。
  • 模式,使網(wǎng)站更容易使用,因?yàn)樽鳛樵O(shè)計(jì)師之間通過(guò)增加,用戶(hù)習(xí)慣是如何工作的,這反過(guò)來(lái)又降低了他們的認(rèn)知負(fù)荷,當(dāng)遇到共同的設(shè)計(jì)元素。把它在學(xué)術(shù)方面,當(dāng)模式達(dá)到高的采用率,他們成為心智模式-套系統(tǒng)應(yīng)該如何工作,在用戶(hù)心中的信念。

也許最強(qiáng)的情況下使用現(xiàn)有的設(shè)計(jì)模式,而不是新的架構(gòu)(再次)。的文章“價(jià)值Unoriginality,,“德米特里·法捷耶夫援引歐文·瓊斯,19世紀(jì)有影響力的建筑師和設(shè)計(jì)理論家,他的書(shū)飾品語(yǔ)法:

嘗試建立藝術(shù)理論,或形成一種風(fēng)格,獨(dú)立的過(guò)去,將是一個(gè)至高無(wú)上的愚蠢行為。這將是一次拒絕的經(jīng)驗(yàn),千百年來(lái)積累的知識(shí)。相反,我們應(yīng)該把我們繼承過(guò)去所有成功的勞動(dòng)力,而不是盲目地跟隨他們,但雇用他們只是作為指導(dǎo),以找到真正的路徑。

最后一句是關(guān)鍵。模式是不盲目照搬別人做借口,但他們提供的設(shè)計(jì)藍(lán)圖,可以是非常有用的設(shè)計(jì)者和用戶(hù)。所以我們需要站在肩膀上已經(jīng)擺在我們面前的設(shè)計(jì)師-良好的網(wǎng)絡(luò)和用戶(hù)的理智。許多人試圖記錄最常見(jiàn)的Web設(shè)計(jì)模式,與不同程度的成功。除了雅虎設(shè)計(jì)模式庫(kù),還有彼得Morville的設(shè)計(jì)模式,Welie.com,和我個(gè)人的最?lèi)?ài),UI-Patterns.com的。

當(dāng)模式攻擊

這里的“,但”我們已經(jīng)討論到現(xiàn)在的一切。有一個(gè)黑暗的一面的模式,我們不談?wù)撟銐?。一個(gè)并不簡(jiǎn)單的復(fù)制模式庫(kù)從一堆隨機(jī)的地方,把它放在一個(gè)內(nèi)部的Wiki,然后等待神奇的發(fā)生。內(nèi)部設(shè)計(jì)模式庫(kù)的整合與維護(hù),是艱苦的工作,如果我們不采取這種認(rèn)真的工作,不好的事情會(huì)發(fā)生。斯蒂芬Turbek在他的文章中總結(jié)出的主要問(wèn)題與模式庫(kù)“反模式是設(shè)計(jì)模式?“

  • 設(shè)計(jì)模式是有效的培訓(xùn)工具。
  • 設(shè)計(jì)模式不會(huì)取代UX的專(zhuān)業(yè)知識(shí)。
  • 完整性和學(xué)習(xí)能力有沖突。
  • 設(shè)計(jì)模式,采取了大量的投資。
  • 設(shè)計(jì)模式應(yīng)該首先幫助非-UX的人。

本文不打算詳細(xì)討論這些問(wèn)題,所以我強(qiáng)烈建議閱讀Turbek的職位。

對(duì)這篇文章的目的,讓我們假定我們所做的一切權(quán)利。我們有一個(gè)出版,知名的,我們的組織內(nèi)享有廣泛采用的模式庫(kù)。我們把圖書(shū)館作為指導(dǎo)方針和藍(lán)圖,而不是沒(méi)有想著手頭的問(wèn)題,要遵循的法律。我特別感興趣的問(wèn)題是,當(dāng)它確定以打破廣泛采用的設(shè)計(jì)模式,引導(dǎo)用戶(hù)采取新的方式解決問(wèn)題的呢?

當(dāng)我們的攻擊模式

盡管所有的利益,大多數(shù)網(wǎng)站似乎有一點(diǎn)尊重的模式。破碎的設(shè)計(jì)模式最明顯的例子,被發(fā)現(xiàn)在Web表單。根據(jù)多年的研究,我們知道如何設(shè)計(jì)可用的形式。從盧克Wroblewski的書(shū)Web窗體設(shè)計(jì)無(wú)數(shù)這樣的事情多列布局和定位標(biāo)簽的文章中,我們沒(méi)有任何猜測(cè)。模式在那里,他們確立。然而,我們看到網(wǎng)上這么多的勉強(qiáng)可用的形式。

作為一個(gè)破碎的形式模式的一個(gè)例子,看看登記表Expotel低于:

注意小的輸入字段;公里的空間和它們之間的輸入字段的標(biāo)簽左對(duì)齊,“關(guān)閉”和“注冊(cè)”按鈕,這實(shí)際上強(qiáng)調(diào)“關(guān)閉”更多的布局和設(shè)計(jì)。哦,什么是“歡迎辭”?它會(huì)在哪里使用?我們都同意,這是不是好的形式設(shè)計(jì),是不是一個(gè)好辦法,打破格局。

但通過(guò)判斷一個(gè)破碎的模式并不總是那么容易,因?yàn)樗厦娴睦?。谷歌最近決定取消的“+”按鈕,在瀏覽器中打開(kāi)一個(gè)新標(biāo)簽,最近受到了火位。它打破了一個(gè)已在大多數(shù)的瀏覽器有作為一個(gè)功能選項(xiàng)卡為基礎(chǔ)的瀏覽,但谷歌稱(chēng),它沒(méi)有包括的模式,然后才作出這一變化的用戶(hù)研究。這個(gè)決定是正確的嗎?


再有,我們可能不知道如何使用戶(hù)界面。如清除和路徑IOS應(yīng)用介紹,我們以前沒(méi)有見(jiàn)過(guò)的新的互動(dòng)-以及備受贊譽(yù)的負(fù)反饋。一步一個(gè)在設(shè)計(jì)或失敗的實(shí)驗(yàn)?

與大多數(shù)的設(shè)計(jì)決策,答案是很少明確或黑色和白色。張力之間存在的模式和新的解決方案,不能用一個(gè)公式解決。用戶(hù)熟悉建立做事的方式,但一個(gè)新的解決問(wèn)題的方法可能會(huì)更好,更自然和合乎邏輯的。所以,當(dāng)正在改變一些熟悉的東西不同確定?有兩個(gè)方案中,我們應(yīng)該考慮打破了設(shè)計(jì)模式。

新的方式實(shí)證提高了可用性

對(duì)現(xiàn)有的設(shè)計(jì)迭代的危險(xiǎn)之一是被稱(chēng)為“當(dāng)?shù)卮笳缂s書(shū)亞波特解釋。“

當(dāng)?shù)卮蟮氖窃谀愦虻南拗?,目前的設(shè)計(jì),它是有效的,因?yàn)樗肋h(yuǎn)要在其目前的化身。即使你100的調(diào)整,你只能得到這么多的改進(jìn),它是有效的,因?yàn)樗?jīng)是其目前的結(jié)構(gòu)基礎(chǔ)上。

有圖案,它可能發(fā)生,我們將繼續(xù)改善現(xiàn)有的解決方案,即使存在一個(gè)更好的。這是A / B測(cè)試的陷阱之一:它找到了當(dāng)?shù)卮蟮囊粋€(gè)偉大的工作,但不尋找那些新的和創(chuàng)新的解決方案。

我們獲得了很多從漸進(jìn)式創(chuàng)新,但有時(shí)是成熟激進(jìn)的創(chuàng)新模式。我們需要去睜大眼睛,急于尋找新的解決方案,并準(zhǔn)備到每一個(gè)設(shè)計(jì)問(wèn)題的解決方案進(jìn)行測(cè)試,以確保我們不壞直覺(jué)。作為保羅Scrivens指出“設(shè)計(jì)理念“:

你將永遠(yuǎn)是一個(gè)新的想法。你會(huì)先用一種新的方式呈現(xiàn)的想法或一種新的方式結(jié)合起來(lái)的想法與另一個(gè)。思想是沒(méi)有什么比過(guò)去更多的mashup。一旦你能坦然接受,你的想象力開(kāi)辟了一點(diǎn),你開(kāi)始到別處尋找靈感。

這是什么鉻團(tuán)隊(duì)聲稱(chēng),他們已經(jīng)用“+”按鈕,在Chrome。它認(rèn)為它已經(jīng)找到了更好的解決方案,它測(cè)試了。

既定的方式變得過(guò)時(shí)

認(rèn)為,在大多數(shù)應(yīng)用中的作用“保存”圖標(biāo)。當(dāng)是你最后一次看到一個(gè)軟盤(pán)驅(qū)動(dòng)器?沒(méi)錯(cuò)。有時(shí)我們腳下移動(dòng)世界,我們必須調(diào)整。如果不這樣做,我們可以得到停留在危險(xiǎn)的車(chē)轍,作為T(mén)wyla的撒普證明(援引由Yesenia佩雷斯-克魯斯):

往往比不,我發(fā)現(xiàn)一轍,是堅(jiān)持以久經(jīng)考驗(yàn)的方法,不考慮如何你或世界已經(jīng)改變的后果。

出版業(yè)內(nèi)人士都知道這比大多數(shù)。斯圖爾特庫(kù)里有“辭意必須死“這樣說(shuō):

設(shè)計(jì)模式是非常有用的,但是當(dāng)我們?cè)诿襟w的大轉(zhuǎn)變,他們有時(shí)可以保持進(jìn)步回來(lái)。如果我們看一下在數(shù)字出版物的發(fā)展,它是一個(gè)緩慢而穩(wěn)定的運(yùn)動(dòng),從音響的數(shù)字設(shè)備上打印的頁(yè)面打印頁(yè)面(大部分)。它是穩(wěn)定的,線性的,而不是極富想象力的,它在打印工作“,所以它會(huì)在數(shù)字”似乎是心態(tài)。

這是如清除和路徑的應(yīng)用程序的開(kāi)發(fā)人員正在做大膽的,正確的事情。他們意識(shí)到,我們?cè)谝粋€(gè)時(shí)期的開(kāi)始,是快速創(chuàng)新,基于手勢(shì)的界面,他們希望在該前列。將失敗的一些想法和一些會(huì)成功,但重要的是,我們的設(shè)計(jì)模式應(yīng)對(duì)新的觸摸為基礎(chǔ)的世界,我們的一部分。


我們的設(shè)計(jì)模式有調(diào)整不僅在我們的互動(dòng)隱喻的轉(zhuǎn)變,但在技術(shù)的使用在一般的重大轉(zhuǎn)變。塔米·埃里克森做一些研究,對(duì)她所說(shuō)的“重新生成”(即后Y世代),并討論了一些她的調(diào)查結(jié)果在“移動(dòng)技術(shù)如何塑造新一代“:

連接是重新生成的基本假設(shè)和日常生活的天然纖維織物。技術(shù)連接的是人們?nèi)绾螡M(mǎn)足,表達(dá)思想,確定身份,并相互理解。老一輩,大部分使用的技術(shù),以提高生產(chǎn)力 - 做我們一直在做,更快,更方便,更便宜的東西。對(duì)于重新生成,是有線是一種生活方式。

應(yīng)用程序和服務(wù)的期望改變時(shí),一切都總是和訪問(wèn)。緩慢的轉(zhuǎn)變和流動(dòng),被認(rèn)為是過(guò)于復(fù)雜,我們變得越來(lái)越寬容。我們正在被迫重新考慮簽署形式和支付流在其中的時(shí)間和精力,已經(jīng)成為比以往任何時(shí)候都稀缺的環(huán)境。我們不必推倒重來(lái),但我們需要找到更好的方法來(lái)保持它滾動(dòng)。

明智的決定是正確的決定

設(shè)計(jì)模式帶來(lái)許多好處,以及一些弊端,需要注意的。但我們很愚蠢忽視這些有用的指引。有是沒(méi)有為什么我們需要到做的的的計(jì)算公式;而不是,我們需要到某些界限之內(nèi)操作,,以確保我們正在創(chuàng)造而不疏遠(yuǎn)用戶(hù)的偉大的設(shè)計(jì)解決方案的。下面是我們需要做的:

  • 學(xué)習(xí)設(shè)計(jì)模式相關(guān)的應(yīng)用,我們正在努力。我們需要知道他們的心臟-我知道他們?yōu)槭裁创嬖?因此,我們可以使用他們松散的藍(lán)圖,為我們自己的工作。
  • 接近每用一記足以打開(kāi)新的項(xiàng)目,發(fā)現(xiàn)更好的辦法來(lái)解決經(jīng)常出現(xiàn)的問(wèn)題。
  • 熬夜至今對(duì)我們行業(yè)(以及相鄰的),使我們認(rèn)識(shí)外部世界的變化,需要我們重新考慮解決方案,目前工作很好,但可能會(huì)很快過(guò)時(shí)。

總之,我們既可以遵循,也完全忽略設(shè)計(jì)模式。相反,我們需要一個(gè)人機(jī)交互的規(guī)則的深刻理解,讓我們知道打破他們是確定的。


當(dāng)前標(biāo)題:網(wǎng)站設(shè)計(jì)模式:打破規(guī)則是OK
網(wǎng)站地址:http://m.rwnh.cn/news6/78506.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xià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)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

威海市| 新晃| 阿城市| 确山县| 湘潭县| 五大连池市| 县级市| 治多县| 绥化市| 乌拉特前旗| 皋兰县| 长兴县| 马鞍山市| 新丰县| 磐安县| 紫金县| 诸暨市| 积石山| 新疆| 邯郸县| 东乡族自治县| 太谷县| 宁强县| 固阳县| 临湘市| 西和县| 兴文县| 南陵县| 腾冲县| 潼南县| 天门市| 定安县| 安义县| 巩义市| 浦城县| 双江| 新安县| 宿州市| 四川省| 襄城县| 房山区|