每個設(shè)計師都應(yīng)該知道的12個網(wǎng)頁設(shè)計規(guī)則

網(wǎng)站設(shè)計制作是一個寬泛的術(shù)語，在會議上經(jīng)常出現(xiàn)，并與“用戶界面”互換，就好像兩者是相同的—事實并非如此。由于UX和Web設(shè)計角色逐漸開始重疊，這種混亂可能已經(jīng)影響了您的職業(yè)。甚至您的客戶也可能對您的工作確切感到困惑。

不管喜歡與否，UX對Web設(shè)計人員的工作產(chǎn)生了巨大影響。您可以創(chuàng)建世界上最好的設(shè)計，但是如果無法使用它就不會成功。除非您了解一些用戶體驗策略，否則它將無法使用。這些用戶體驗課程將教您如何提高項目的可用性，并使您成為客戶不可或缺的一部分。

?

1）UX不是UI

即使您不互換術(shù)語“ UX”和“ UI”，您也可能會在某些時候聽到客戶說出來。您必須能夠解釋UX和UI之間的區(qū)別，以便他們可以了解什么是工作，什么不是工作。

用戶界面是指客戶端與之交互的實際系統(tǒng)。iPhone的設(shè)置菜單的布局是一個用戶界面。用戶體驗與界面在交互過程中引起的情感有關(guān)。用戶對易于使用的設(shè)置菜單的滿意度是用戶體驗。

從本質(zhì)上講，UX是由UI產(chǎn)生的全部情感。優(yōu)秀的UX設(shè)計師了解人類的情感和用戶行為模式，因為這些因素會影響用戶對界面的響應(yīng)方式。

?

2）UX不僅是“網(wǎng)絡(luò)事物”

Web設(shè)計只是UX的一小部分。您看到的每個打印設(shè)計，使用的產(chǎn)品，甚至是放置的地方，都具有UX。在糟糕的餐廳吃飯是不好的經(jīng)歷。輕松打開包裝是一個好習(xí)慣。

離線UX設(shè)計可能看起來像是一個不同的球類游戲-畢竟，創(chuàng)建可導(dǎo)航的網(wǎng)站與設(shè)計供人們在真實道路上行駛的跑車并不相同-但實際上，這兩種類型的UX會相互影響。

導(dǎo)航欄是網(wǎng)絡(luò)和物理世界如何重疊的一個很好的例子。網(wǎng)站導(dǎo)航曾經(jīng)位于頁面的左側(cè)，但是有人意識到我們將信息從左到右排列優(yōu)先級，這意味著內(nèi)容應(yīng)該在左側(cè)。到2000年代初，導(dǎo)航欄已移至視口的右側(cè)。

如果您是一名Web設(shè)計師，那么在印刷，包裝或其他類型的物理UX設(shè)計上進行學(xué)習(xí)永遠不會有任何傷害。這種交叉培訓(xùn)可以擴展您的知識，并幫助您從新的角度看項目。

?

3）UX是藝術(shù)與科學(xué)的結(jié)合

藝術(shù)和科學(xué)是一對奇怪的夫婦，但這本質(zhì)上就是用戶體驗。了解UX如何將藝術(shù)與科學(xué)結(jié)合在一起，可以使您優(yōu)化設(shè)計過程，從而更輕松地找到解決方案。

UX是科學(xué)的，因為它提出了一個解決問題的方案，其中設(shè)計者提出了有關(guān)如何解決問題的理論。因此，可以說問題出在網(wǎng)站過時而損害了銷售。設(shè)計者提出了一種更新站點的方法。通過測試和改編，該建議演變?yōu)榻鉀Q方案。

解決方案是藝術(shù)的發(fā)源地。顏色，字體，布局等全部組合在一起，創(chuàng)建出美觀的整體。與在畫廊中觀看藝術(shù)品一樣，設(shè)計引起了情感反應(yīng)，進而產(chǎn)生了外向的行為。

?

4）UX創(chuàng)建目標驅(qū)動的設(shè)計

每個設(shè)計師都與堅持堅持以自己的方式做事的客戶打交道。這造成了一個難題，因為客戶的方式可能不是解決該特定問題的唯一或最佳方式。同樣，一些設(shè)計師認為他們的方式是唯一的方式，不會聽取其他任何想法，即使這些想法可能會更好。

UX不是采用專一的方法，而是源于使用目標驅(qū)動的設(shè)計來尋找最有效的解決方案。

假設(shè)您的客戶希望將其客戶推薦鏈接移至頁面頂部，從而獲得更多流量。但是問題不一定是鏈接的位置。就是鏈接需要更多流量。您也可以通過使鏈接在所在位置更加可見來解決問題。兩種解決方案都可以解決問題；對這些選項開放是目標驅(qū)動的設(shè)計。

?

5）UX展示您的品牌

有時，您可能會發(fā)現(xiàn)自己陷入了設(shè)計tr。顏色容易出現(xiàn)，類型融合在一起，圖像富有想象力-而且都不符合客戶的品牌形象。

當務(wù)之急是不要陷入無法滿足客戶需求的外觀中。盡管這聽起來似乎很可笑，但它比您預(yù)期的要容易得多（而且經(jīng)常發(fā)生）。

好的UX設(shè)計可以反映品牌形象，因此它要求您忠實于客戶的目標。確保您先詢問有關(guān)品牌的問題，并安排利益相關(guān)者定期提供意見，這些利益相關(guān)者將能夠告訴您您是堅持品牌還是在逃避。

?

6）用戶的UX設(shè)計

說“為用戶設(shè)計”聽起來很傻，因為這就是UX。然而，許多網(wǎng)頁設(shè)計師經(jīng)常是他們自己創(chuàng)造力的犧牲品。他們的設(shè)計千篇一律-甚至可以滿足客戶的期望-但它們?nèi)钥赡軣o法滿足用戶的需求。

為用戶設(shè)計時，您需要做一些對廣告素材來說通常很困難的事情：放開您的意見。盡管您可能將某些東西視為最佳，但對于這種情況可能并非最佳。

為了確保您步入正軌，您需要學(xué)習(xí)一些有關(guān)用戶驅(qū)動設(shè)計的準則。一個好的經(jīng)驗法則是從研究不同類型的用戶并確定他們?nèi)绾问褂媚诠ぷ鞯木W(wǎng)站開始。在發(fā)布完成的設(shè)計之前，請使用A / B測試來驗證您是否已達到最佳解決方案。

?

7）識別行為觸發(fā)因素

好的UX設(shè)計在很大程度上取決于心理學(xué)。最酷的部分是，UX設(shè)計人員不僅可以學(xué)習(xí)用戶的傾向，還可以觸發(fā)導(dǎo)致轉(zhuǎn)換的新行為。但是這樣做有對與錯的方法。

以通知為例。它們旨在引發(fā)一種行為，但很容易忘記，實際上，這種行為需要用戶花費時間和精力。一些設(shè)計師在最糟糕的時刻用通知轟炸用戶，然后想知道為什么沒有回應(yīng)。

訣竅是研究用戶的動機在一整天中如何變化，以便您可以相應(yīng)地安排通知時間。例如，收到關(guān)于工作方式的通知不會有任何好處，因為用戶有一個競爭性的，更緊急的上班目標。但是在回家的路上收到的相同通知引起了更多關(guān)注，因為現(xiàn)在用戶實際上有時間參與該行為。

您的目標是為用戶提供有益的解決方案；以某種方式幫助他們度過美好的一天。您對他們的欲望和習(xí)慣的追求越多，您的設(shè)計就會越成功。

?

8）鼓勵滾動

滾動使用戶更深入網(wǎng)站，并要求他們投入更多時間-使其更有可能轉(zhuǎn)化。這就是為什么一些設(shè)計師將號召性用語放在頁面底部，用戶必須在其中滾動才能到達。

甚至在首屏站點（將號召性用語放置在頁面頂部以優(yōu)化“一見鐘情”原則的站點）也可以促進滾動。您可以鼓勵用戶通過“滾動提示”在網(wǎng)站上花費更多時間，例如指向下一部分的箭頭或要求用戶滾動才能繼續(xù)閱讀的部分可見文本。

?

9）問問自己，“用戶做了什么？”

在開始解決問題之前，您必須了解問題的確切含義。您將要分析用戶在當前站點上的體驗。提出正確的問題，以了解他們現(xiàn)在與網(wǎng)站的交互方式，工作原理以及出了什么問題。

如果可能，請從客戶服務(wù)部門獲得一些幫助。收集有關(guān)客戶抱怨的問題的記錄，或收聽沮喪的客戶的錄音。通常，您會在客戶抱怨上次嘗試使用該網(wǎng)站時出了什么問題時了解設(shè)計問題。

?

10）讓內(nèi)容定義互動

UX不僅涉及用戶單擊的圖標或頁面上的顏色。訪客幾乎看到的所有內(nèi)容都是內(nèi)容–無論是文字，圖像還是視頻。但是，許多設(shè)計師完全跳過了與內(nèi)容團隊的對話或制定任何內(nèi)容策略的過程。

一個漂亮的網(wǎng)站本質(zhì)上是沒有用的，除非您用強大的內(nèi)容進行備份。因此，在您的下一個設(shè)計中，開始提出問題。您是否正在重新設(shè)計已經(jīng)有聲音的網(wǎng)站–如果有，應(yīng)該如何整合？還是正在為全新網(wǎng)站定下基調(diào)？

目標是創(chuàng)建易于吸收和處理的內(nèi)容。您最終希望用戶感覺像朋友在引導(dǎo)他們?yōu)g覽網(wǎng)站一樣，因為朋友會確切地知道他們想要什么并向他們顯示位置。

?

11）不要造成矛盾

不一致是用戶要處理的最大問題之一。然而，實際上，許多設(shè)計師試圖通過顏色或樣式的故意不一致使他們的設(shè)計顯得更具創(chuàng)意或令人難忘。

假設(shè)您在首頁上使用了導(dǎo)航漢堡，而另一個目標網(wǎng)頁上則帶有下拉箭頭。從技術(shù)上講，這兩個圖標執(zhí)行相同的工作，并且首頁具有其獨特的外觀。但是，當用戶在首頁上時，他們給您的網(wǎng)站留下了深刻的印象。在其他頁面上看到另一種導(dǎo)航類型會與它們的初始印象產(chǎn)生沖突，從而造成混亂。

感到困惑的用戶更容易感到沮喪，即使他們沒有詞匯說出原因，他們也不會回來。另一方面，一個一致的站點可以讓他們在不考慮您的風(fēng)格選擇的情況下照顧自己的業(yè)務(wù)。

?

12）消除無意義的頁面元素

在過去的十年中，UX設(shè)計發(fā)生了很大的變化，因為互聯(lián)網(wǎng)擺脫了其笨拙的青少年階段，并逐漸發(fā)展成為一個成熟的成年人。過于鮮艷的顏色和導(dǎo)航鏈接散布在頁面上的日子已經(jīng)一去不復(fù)返了。今天的網(wǎng)站已精簡，以提供優(yōu)質(zhì)的UX。

那么，為什么要提到消除無意義的頁面元素呢？因為“毫無意義”變得更加微妙了。人們不會犯同樣的花哨的錯誤-嗯，在大多數(shù)情況下。如今，無意義的頁面元素可能是使用兩個命令而不是一個的號召性用語，或者是使人們將目光從應(yīng)該去的地方移開的圖像。

要擺脫這些問題，您必須學(xué)習(xí)如何衡量元素的值。檢查無用元素的一種好方法是進入用戶的心態(tài)-問自己每個元素的感覺如何以及它是否有助于您達到目標。

?

結(jié)論

您可能不是UX設(shè)計人員。但是，當您開始將良好的UX設(shè)計原則應(yīng)用于網(wǎng)站設(shè)計時，就會發(fā)現(xiàn)自己創(chuàng)建了更好，更有效的網(wǎng)站。畢竟，這是一個好的設(shè)計的目標-引導(dǎo)用戶獲得所需的信息并向他們展示如何處理。借助這些技巧，您可以實施UX設(shè)計并在網(wǎng)站的用戶中引起積極的反響。