這7點(diǎn)千萬(wàn)不能用于網(wǎng)站設(shè)計(jì)，否則會(huì)破壞您的網(wǎng)站結(jié)構(gòu)

當(dāng)我還是一名初級(jí)設(shè)計(jì)師時(shí)，我犯了很多錯(cuò)誤。我相信錯(cuò)誤的假設(shè)，主要是因?yàn)槲覜](méi)有更好的經(jīng)驗(yàn)。我還是一無(wú)所知。但是，我總是渴望學(xué)習(xí)有關(guān)設(shè)計(jì)的新知識(shí)，并了解哪些先入為主的概念是準(zhǔn)確的或完整的神話(huà)。這就是這篇帖子的來(lái)源。我想談?wù)勂邆€(gè)仍會(huì)影響設(shè)計(jì)決策的常見(jiàn)設(shè)計(jì)誤解。

不幸的是，像這樣的錯(cuò)誤設(shè)計(jì)神話(huà)導(dǎo)致最終用戶(hù)的設(shè)計(jì)質(zhì)量較差和體驗(yàn)較差。我們可以通過(guò)做出更明智的設(shè)計(jì)決策來(lái)提高設(shè)計(jì)質(zhì)量來(lái)避免這種情況。

?

1.主頁(yè)是您最重要的頁(yè)面

長(zhǎng)期以來(lái)，人們一直認(rèn)為首頁(yè)是最重要的頁(yè)面。追溯到過(guò)去，可能是主頁(yè)作為主要目錄進(jìn)入其余頁(yè)面的情況。情況不再如此。我們?yōu)g覽甚至查找網(wǎng)頁(yè)的方式已經(jīng)發(fā)生了巨大變化。通常，訪問(wèn)者會(huì)從直接鏈接到產(chǎn)品頁(yè)面的頁(yè)面上進(jìn)入網(wǎng)頁(yè)，而完全丟失了主頁(yè)。直接訪問(wèn)其他頁(yè)面的主要原因是SEO結(jié)果或社交媒體上共享的鏈接。?

如今，主頁(yè)的主要目的是：無(wú)論內(nèi)容如何，都能帶您進(jìn)入內(nèi)容。對(duì)于經(jīng)常充滿(mǎn)新內(nèi)容的網(wǎng)站（例如BuzzFeed或Darling Magazine），主頁(yè)可顯示熱門(mén)新聞。也有展示產(chǎn)品或服務(wù)的網(wǎng)站，例如Maison Deux。在這兩種情況下，用戶(hù)都必須進(jìn)入特定于內(nèi)容的頁(yè)面，因?yàn)樗麄儾辉谥黜?yè)，目錄中，他們?cè)谀抢锟梢韵M(fèi)信息或進(jìn)行購(gòu)買(mǎi)。接下來(lái)，有Mailchimp或InVision之類(lèi)的服務(wù)，用戶(hù)對(duì)使用Web應(yīng)用程序感興趣。有很多網(wǎng)站都沒(méi)有登錄用戶(hù)身份，例如Facebook。

通過(guò)大量展示創(chuàng)意和令人驚嘆的首頁(yè)，可以瀏覽許多設(shè)計(jì)畫(huà)廊網(wǎng)站，例如Dribbble，Behance或Awwwards。擁有美觀且功能良好的首頁(yè)沒(méi)有錯(cuò)。但是，讓我們直接講一件事：與網(wǎng)站上的其他頁(yè)面相比，主頁(yè)并不那么重要。?

?

2.極簡(jiǎn)主義是實(shí)現(xiàn)簡(jiǎn)約的唯一途徑

極簡(jiǎn)主義是一種風(fēng)格，而簡(jiǎn)約則是關(guān)于應(yīng)用程序或網(wǎng)站的整體感覺(jué)和功能。復(fù)雜而廣泛的設(shè)計(jì)可以簡(jiǎn)化。簡(jiǎn)單性的目的不是要使步驟，UI元素或交互之類(lèi)的內(nèi)容最少。

史蒂文·辛諾夫斯基（Steven Sinofsky）說(shuō)得很好。他解釋說(shuō)，極簡(jiǎn)設(shè)計(jì)會(huì)減少設(shè)計(jì)及其體驗(yàn)的視覺(jué)效果，而簡(jiǎn)單設(shè)計(jì)（他稱(chēng)之為無(wú)摩擦設(shè)計(jì)）會(huì)降低體驗(yàn)所需的能量。

讓我們以沒(méi)有標(biāo)簽但僅占位符文本的表單的UX為例。我們都知道這種臭名昭著的模式。因此，盡管視覺(jué)元素較少（在這種情況下，缺少標(biāo)簽）更為微不足道，但對(duì)于用戶(hù)填寫(xiě)輸入內(nèi)容而言，交互通常會(huì)造成混亂。交互不再簡(jiǎn)單。添加額外的UI元素后，標(biāo)簽甚至?xí)谡嘉环馓峁┦纠矔?huì)增加UI元素的數(shù)量。但是，對(duì)于用戶(hù)而言，交互變得更加簡(jiǎn)單，容易和直觀。極簡(jiǎn)與簡(jiǎn)約之間的巨大區(qū)別。他們是不一樣的。

?

3.限制導(dǎo)航選擇的數(shù)量

許多人誤解了喬治·米勒（George Miller）的理論，即人的思想一次可以跟蹤7個(gè)（正負(fù)2個(gè)）信息。他的理論仍然成立，但不包括人類(lèi)關(guān)于短期記憶的認(rèn)知條件。這種理論以某種方式進(jìn)入了網(wǎng)頁(yè)設(shè)計(jì)，特別是導(dǎo)航和菜單。

另外，有關(guān)于限制選擇數(shù)量的研究，這受到Barry Schwartz的歡迎。Barry Schwartz的研究指的是產(chǎn)品選擇。在他的研究中，Schwartz指的是果醬，因?yàn)榭蛻?hù)有很多選擇，他們很難挑選，承諾和購(gòu)買(mǎi)果醬。如果只提供幾種選擇，那么客戶(hù)購(gòu)買(mǎi)果醬的速度就會(huì)大大提高。這可以應(yīng)用于其他任何產(chǎn)品，例如汽車(chē)，電話(huà)或在線(xiàn)訂閱。他們?cè)谶@里關(guān)鍵仍然是產(chǎn)品。

這兩項(xiàng)研究均與導(dǎo)航無(wú)關(guān)。導(dǎo)航的工作是幫助訪問(wèn)者探索網(wǎng)站所提供的內(nèi)容。早在2006年，Jared Spool就以鏈接豐富的網(wǎng)站為主題，該網(wǎng)站是充滿(mǎn)許多鏈接和頁(yè)面的網(wǎng)站。在文章中，他使用了Dove網(wǎng)站的舊版本來(lái)證明他的觀點(diǎn)，盡管該網(wǎng)站已更改，但結(jié)論仍然成立。Dove的站點(diǎn)地圖比訪問(wèn)者自身主頁(yè)的導(dǎo)航功能更有用。這樣做的原因是，任何正在尋找特定產(chǎn)品的人都可以找到必要的產(chǎn)品頁(yè)面。

導(dǎo)航可能很大，但仍然允許用戶(hù)瀏覽所需的產(chǎn)品。良好的導(dǎo)航不會(huì)隱藏大量頁(yè)面。取而代之的是，它將聚類(lèi)并將它們分為相似的類(lèi)別，以使訪問(wèn)者可以找到它們。現(xiàn)在，如果組和群集制作不當(dāng)，這對(duì)用戶(hù)也無(wú)濟(jì)于事。最重要的是，從導(dǎo)航中隱藏頁(yè)面對(duì)用戶(hù)沒(méi)有好處。

?

4.一切都不得超過(guò)三下

在計(jì)算機(jī)交互中，該規(guī)則被稱(chēng)為三擊，但此規(guī)則也已擴(kuò)展為以兩次點(diǎn)擊的形式應(yīng)用于移動(dòng)設(shè)備。多個(gè)可用性研究證明這是偽造的。

訪客和用戶(hù)并不關(guān)心點(diǎn)擊或點(diǎn)擊的確切數(shù)量。他們關(guān)心獲得所需的信息，關(guān)心完成任務(wù)。另外，與用戶(hù)相關(guān)是否單擊可以將他們帶到所需的信息。如果用戶(hù)覺(jué)得自己在旅途中找不到所需的東西，則即使單擊一下即可顯示信息，他們也可能會(huì)單擊而不會(huì)離開(kāi)。用戶(hù)將繼續(xù)進(jìn)行UIE所發(fā)現(xiàn)的多達(dá)25次單擊，以完成其任務(wù)。UIE研究還指出，用戶(hù)滿(mǎn)意度的重要性也與三擊規(guī)則無(wú)關(guān)。

?

5.移動(dòng)設(shè)備用戶(hù)總是在旅途中并且總是分心

在談到移動(dòng)應(yīng)用程序或響應(yīng)式網(wǎng)站時(shí)，提到了這兩點(diǎn)。首先，假定移動(dòng)設(shè)備用戶(hù)在旅途中。其次，它們也被認(rèn)為會(huì)分散注意力。很多時(shí)候，這兩個(gè)假設(shè)似乎相互并駕齊驅(qū)。旅途中的某人注定會(huì)分心。事實(shí)是，事實(shí)并非如此。

讓我們首先解決第一個(gè)假設(shè)。Google在2012年進(jìn)行的一項(xiàng)研究發(fā)現(xiàn)，大多數(shù)智能手機(jī)都是在家中使用的，確切地說(shuō)是60％。2012年的另一項(xiàng)研究（這次是InsightsNow代表AOL進(jìn)行的研究）發(fā)現(xiàn)，有68％的移動(dòng)頁(yè)面瀏覽量是在家中進(jìn)行的。InsightsNow的研究不包括短信，電話(huà)和電子郵件。但是，正如您可以想象的那樣，玩游戲，瀏覽Tumblr或Facebook，以及進(jìn)行其他任何移動(dòng)互動(dòng)（例如閱讀文章或購(gòu)物）大部分都是在家里完成的。盡管我們?nèi)詰?yīng)繼續(xù)為移動(dòng)使用而設(shè)計(jì)，但這并不是我們大多數(shù)人現(xiàn)在使用移動(dòng)設(shè)備的主要方式。

接下來(lái)是關(guān)于分心的假設(shè)。分散注意力的地方無(wú)處不在，盡管它可以工作，看電視，駕駛或使用移動(dòng)設(shè)備。那只是生活中的事實(shí)。僅僅因?yàn)橛腥耸褂弥悄苁謾C(jī)而不是臺(tái)式計(jì)算機(jī)并不能使他們分心。我將指出2012年的同一項(xiàng)Google研究，該研究發(fā)現(xiàn)，使用PC的用戶(hù)有67％的時(shí)間同時(shí)在使用另一臺(tái)設(shè)備，而使用智能手機(jī)的用戶(hù)則有57％。

?

6.良好的可用性足以滿(mǎn)足美學(xué)要求

唐·諾曼（Don Norman）全書(shū)致力于解釋情感與設(shè)計(jì)如何并存。這是因?yàn)殡m然出色的可用性可能是一個(gè)不錯(cuò)的開(kāi)始，并且確實(shí)有必要，但實(shí)際上可能還不夠好。唐·諾曼（Don Norman）的書(shū)圍繞著通過(guò)設(shè)計(jì)創(chuàng)造的情感聯(lián)系。積極的情緒可以幫助銷(xiāo)售產(chǎn)品。有大量研究表明，更具吸引力的產(chǎn)品似乎比設(shè)計(jì)較差的產(chǎn)品性能更好。更不用說(shuō)第一印象是通過(guò)外表造成的。

更重要的是，外觀和設(shè)計(jì)通常與信譽(yù)有關(guān)。斯坦福大學(xué)的信譽(yù)項(xiàng)目證明了這一點(diǎn)。他們?yōu)槿藗兲峁┝司W(wǎng)站，以了解信譽(yù)的相關(guān)性。他們發(fā)現(xiàn)46％的人通過(guò)網(wǎng)站的外觀來(lái)建立網(wǎng)站的信譽(yù)。情感反應(yīng)在與人建立聯(lián)系方面比可用性更重要。情感是人類(lèi)，而可用性是技術(shù)。因此，出色的視覺(jué)設(shè)計(jì)和美學(xué)是其競(jìng)爭(zhēng)優(yōu)勢(shì)，也是標(biāo)志物的與眾不同之處。最終，如Don Norman的書(shū)《情感設(shè)計(jì)》所述，美學(xué)有助于提高可用性。

?

7.您的用戶(hù)會(huì)告訴您他們想要什么

這個(gè)是我的最?lèi)?ài)。要求用戶(hù)提供反饋很重要。同樣重要的是，不要從字面上獲取他們的反饋。諾亞·戈德斯坦（Noah J.

而且他再合適不過(guò)了。這種思維方式可以追溯到亨利·福特（Henry Ford）時(shí)代的著名說(shuō)法：“如果我問(wèn)人們他們想要什么，他們會(huì)說(shuō)更快的馬。”這是因?yàn)槿藗儾簧朴诮忉屪约旱男袨槟Ｊ?，意圖和行為。預(yù)測(cè)。這種現(xiàn)象在心理學(xué)上也被稱(chēng)為內(nèi)省幻覺(jué)。沒(méi)關(guān)系，我也很不好。

盲目聆聽(tīng)會(huì)導(dǎo)致麻煩的另一個(gè)原因是，人們通常只談?wù)撍麄兛赡苊媾R的問(wèn)題的解決方案。作為一名設(shè)計(jì)師，我相信您已經(jīng)收到了設(shè)計(jì)反饋，例如“擴(kuò)大文本范圍”，而沒(méi)有說(shuō)明原因。客戶(hù)或同事可能很難閱讀使用較小字體的文本，或者與該部分設(shè)計(jì)中的其他所有內(nèi)容相比，他們可能會(huì)覺(jué)得較小字體不太明顯。用戶(hù)反饋也是如此。就像我說(shuō)的，傾聽(tīng)客戶(hù)和用戶(hù)很重要。但是，更重要的是要首先探究問(wèn)題的根源。根據(jù)用戶(hù)的反饋，請(qǐng)求或投訴進(jìn)行進(jìn)一步的研究，以找出可能存在的問(wèn)題，并為此解決問(wèn)題，而不僅僅是他們的評(píng)論。

?

結(jié)論

高端網(wǎng)站設(shè)計(jì)更多的設(shè)計(jì)神話(huà)和假設(shè)。這是我看到其他設(shè)計(jì)師特別是初級(jí)設(shè)計(jì)師或設(shè)計(jì)專(zhuān)業(yè)學(xué)生最喜歡的七個(gè)。我們都去過(guò)那里-我去過(guò)那里。重要的是要意識(shí)到這些假設(shè)是毫無(wú)根據(jù)的，并且要聰明地向前邁進(jìn)。希望通過(guò)公開(kāi)這七個(gè)內(nèi)容，可以幫助您做出更好，更聰明的設(shè)計(jì)選擇。