在幾千年的藝術(shù),形成了我們對(duì)于美的理解,我們?nèi)绾胃兄曈X世界,更為關(guān)鍵的是,這個(gè)令人興奮的新科學(xué)正在幫助我們更好的理解和更好的設(shè)計(jì)網(wǎng)站是有效和美觀的。
網(wǎng)頁設(shè)計(jì)作為一種視覺藝術(shù)遵循許多相同的用戶體驗(yàn)設(shè)計(jì)規(guī)則,在這篇文章中,深圳網(wǎng)站制作將簡要地概述了視覺組織的重要性,然后解釋如何影響視覺層次用戶體驗(yàn)設(shè)計(jì)可以提高Web界面的布局。
Uber界面體驗(yàn)設(shè)計(jì)
一個(gè)好的界面可以引導(dǎo)用戶從一個(gè)動(dòng)作到下一個(gè)不霸道。不管你認(rèn)為自己的商業(yè)行為,毫無疑問的是,Uber是一個(gè)難以置信的順利但結(jié)構(gòu)化的網(wǎng)站為例。值命題是在頂部的滾動(dòng),其次是一個(gè)有趣的滑塊,了解不同的汽車選項(xiàng),并整理與邏輯的下一步找到游樂設(shè)施在你的城市。
影響視覺層次用戶體驗(yàn)設(shè)計(jì)
網(wǎng)站的顏色給用戶體驗(yàn)設(shè)計(jì)的影響
流行設(shè)計(jì)網(wǎng)站Abduzeedo界面體驗(yàn)設(shè)計(jì)
通過匹配不同的信息,一個(gè)用戶界面可以在用戶的頭腦中形成鏈接,而不需要說一件東西的通信信息。看看流行設(shè)計(jì)網(wǎng)站Abduzeedo:廣泛的類別是在頂部,中間的特色內(nèi)容,并在頁腳的詳細(xì)分類。
創(chuàng)造情感的影響體驗(yàn)設(shè)計(jì)
不要犯錯(cuò)誤認(rèn)為你的網(wǎng)站只是一個(gè)機(jī)械化的工具。網(wǎng)站有可能做出情感上的連接,如果你的不,你的競爭對(duì)手的意志。事實(shí)上,如果你產(chǎn)生積極的情緒反應(yīng),人們實(shí)際上可能更容易原諒你的接口的缺點(diǎn)。它是一個(gè)提供了一個(gè)接口,可輕松的網(wǎng)站,完美的例子,實(shí)際上使用的樂趣。
UX用戶體驗(yàn)設(shè)計(jì)的7點(diǎn)問題
積極的用戶體驗(yàn)設(shè)計(jì)
設(shè)計(jì)說明,文化人讀左到右,這兩種模式是最常見的和最有用的-在設(shè)計(jì)一個(gè)網(wǎng)站的布局。
第一,“F型”,主要用于文本(但也可以用于其他目的)。第二,該z-pattern,可用于任何視覺布局。我們將解釋每一個(gè)不同的優(yōu)點(diǎn)和缺點(diǎn)。
“F型”
“F型”是眼前的趨勢(shì)出現(xiàn)在頁面是滿文本,典型的博客、新聞來源、文章等。
當(dāng)面對(duì)一個(gè)塊的話,大多數(shù)讀者將首先掃描一個(gè)垂直線向下的左邊的文本,通常尋找關(guān)鍵字或興趣點(diǎn)在該段的初始句子。最終讀者找到他們喜歡的東西,并開始正常閱讀,形成水平線。最終的結(jié)果是看起來像字母F或E。
該z-pattern是最簡單、最普遍的模式,廣泛應(yīng)用于任何基于文本的網(wǎng)頁,讀者第一水平掃描在頂部,飛鏢下來回到左邊,然后再在底部水平掃描。
了解多功能z-pattern是很重要的,因?yàn)樗婕暗暮诵木W(wǎng)站要求如層次、品牌,并呼吁采取行動(dòng)。它的美麗是在它的簡單性,和一個(gè)理想的布局,專注于呼吁行動(dòng)的網(wǎng)站。然而,內(nèi)容更復(fù)雜的或過度的z-pattern可能過于簡單。
Dropbox需要視覺上的簡單辦法,這種鋸齒形模式做了任何背景圖像。相反,更多的功能是內(nèi)置的布局,因?yàn)橐粋€(gè)“學(xué)習(xí)更多”調(diào)用行動(dòng)有助于連接每一部分的纏繞模式,因?yàn)槟愕难劬κ蛊湎蛳碌捻撁?。這也有助于了解讀者點(diǎn)擊到下一個(gè)相關(guān)的頁面,而不需要閱讀所有的副本。
視線遠(yuǎn)見
偉大的界面設(shè)計(jì)應(yīng)該像一只看不見的手,以思維的速度引導(dǎo)讀者。最重要的外賣從“F型”和z-pattern趨勢(shì)是,你可以把你的最重要的內(nèi)容,讀者將“偶然發(fā)現(xiàn)”自然,而不是試圖強(qiáng)迫他們?nèi)タ此麄儭?br />微妙的是任何頁面布局的巨大優(yōu)勢(shì),這些模式可以讓你的讀者在暗示什么而把它喉嚨的差異。