每個網頁設計師都應該遵守的 10 條 UX 規則

已發表: 2017-03-02

你可以創造世界上最令人瞠目結舌的設計,如果它不能滿足可用性,它就不會成功。

從牙籤到商業客機,一切都需要可用性才能發揮作用和銷售,否則它的設計注定要失敗。 同樣,在網絡世界中,當一個網站被使用和分級時,一個叫做 UX 的術語就會發揮作用。

UX 是網絡用戶在瀏覽網站並與其元素和功能交互時獲得的用戶體驗的縮寫。 如果體驗是不穩定的和惡意的,那麼該網站就不是互聯網上漂浮的垃圾,沒有人會關心。 用戶體驗可以單槍匹馬地決定一個網站是否可以使用或出售,因此設計師必須重視它。 在本文中,我們將分享 10 條關於可用性的基本規則,每個網頁設計師在將網站完成最後階段之前必須了解。

1. 永遠不要把 UX 與 UI 混淆

UX 和 UI 之間有一條細線。 即使您意識到差異,您也可能會在某一時刻從客戶那裡聽到它,但是當時間到來時,您必須能夠以最佳方式解釋差異。 用戶界面被定義為實際系統,而用戶體驗被定義為與系統交互後的情感結果。

微軟Windows是UI,使用後的情感滿足是UX。 混淆這兩個術語不僅會損害您自己的工作,還會讓您負擔過重的事情完全不是您的工作。

一個好的設計師不僅會知道差異,而且在提出展示他的作品時能夠向客戶解釋。

2. UX不僅僅是網站體驗

網頁設計不僅僅是眼前的東西。 從視覺細節、您使用的產品和您訪問的地方開始,一切都寫滿了 UX。 駕駛垃圾車是一種糟糕的體驗,而輕鬆打開包裝好的盒子則是一種好體驗。 線下用戶體驗營銷可能看起來像是一件不同的衣服,但它最初是從同一塊布料上剪下來的。 雖然不完全一樣,也不能通過幾個例子來證明,但在物質和非物質平台上的 UX 體驗會在你的大腦中產生相同的荷爾蒙。 例如,有人發現人類從左到右優先考慮信息,左側的元素佔用更少的垂直空間並具有相同的視覺重量。

在 2000 年,趨勢開始發生變化,網頁設計師開始將導航欄放置在網頁的左側面板中。 這使用戶能夠更快、更好地掃描內容,同時更大程度地接觸網站內容。 作為一名網頁設計師,在這兩種媒介中都有你的雙腳可以讓你交叉訓練你的思維並擴展你的知識,以便從更生動的角度評估和製作項目。

3. 藝術和科學回歸

在 UX 方面,藝術和科學齊頭並進。 特別是在設計過程中,必須對它們的聯繫有一個精確的理解。 從科學上講,存在問題解決方案,設計師必須制定路線圖並用理論解決方案解決問題。 例如,一個網站的銷售額極低。 設計師將建議更新網站,對其進行測試和故障排除,這將形成一個解決方案。 這就是藝術介入的地方。

解決方案中將建議所有方面和元素,例如顏色、字體、佈局、文本和視覺內容,以使該網站在美學和功能上都具有吸引力。 它將接受更多的測試,直到它設法引起用戶的期望情緒反應。 這種通過科學實施引導外在行為的原因使藝術和科學成為奇怪但有力的一對。

4. 使用目標驅動的方法解決問題

設計師與希望事情按他們的書運行的客戶打交道,這已經不是什麼秘密了。 這創造了一個無處可去的迷宮,因為客戶不知道的許多事情只有設計師知道。 同樣,設計師有時一心想按自己的方式做事,而其他方法也擺在桌面上,可能效果更好。

在設計 UX 豐富的網頁設計時,保持單一的思維方式永遠不會健康。 只有通過專注於最佳可用解決方案的目標驅動方法才能實現良好的用戶體驗。 例如,客戶希望將客戶推薦鏈接移至頁面頂部以獲得更多曝光並吸引更多流量。 但是,問題不在於鏈接的位置,而在於定位鏈接本身,因為它無法吸引流量。 因此,您還可以通過使其在其所在位置更明顯而不是將其移動到新位置來修復鏈接。 這兩種解決方案都可以用來解決問題,並且您必須保持該選項處於打開狀態。 這被稱為目標驅動設計。

5.通過用戶體驗展示品牌標識

品牌識別是構建出色用戶體驗背後的主要目標之一。 如果用戶體驗在滿足用戶方面取得成功,那麼它將在很大程度上反映使這種體驗成為可能的品牌。 重要的是,您在創建符合客戶偏好的外觀時不要分心。 一個好的設計必須展示功能和特性的正確組合,不僅讓用戶的體驗成為一種享受,而且還詳細說明了品牌為使其成功所做的投資。 這將決定用戶是否會再次訪問該網站。

為了確保您在設計中根深蒂固地考慮客戶的觀點,請告知他們每一個動作,並進行設計中可以容納的任何必要更改。 在添加客戶偏好時考慮更大的圖景也很重要,這樣用戶體驗在此過程中不會受到影響。

6.圍繞用戶的視角構建你的用戶體驗

永遠不要成為自己想像的受害者。 由於您在設計網站時具有一定的創造性自由,因此不要濫用它至關重要。 在這種特殊情況下,您對客戶的指導方針和偏好根深蒂固,但卻完全忘記了用戶的觀點。 作為一名設計師,重要的是你永遠不要讓你的想像力偏離你實現客戶和用戶想要的目標。 與任何其他方法相比,用戶驅動的設計最有可能產生成功的用戶體驗。

為確保您走在正確的軌道上,請研究您的設計領域的用戶,並了解他們在您的特定設計中的需求和願望。 在您準備好啟動它之前,使用 A/B 測試來驗證您的設計是否滿足要求。 請記住,用戶的需求比您的個人輸入更重要,因為最終他們將使用它。

7. UX是關於心理學的

行為觸發器基於刺激用戶情緒反應的人類心理。 優秀的設計師能夠定性地評估用戶的心態並獲得與內容的情感聯繫。 這些情感聯繫對於在網頁設計中產生生動的用戶體驗至關重要。 以通知為例。 您可能已經體驗過煩人的彈出通知功能,它會讓您離開網站,在您出門時砰地一聲關上門。 儘管這部分是為了客戶的利益,同時確保零售商的轉化,但在客戶登陸網站後立即展示它是一個糟糕的主意。

想像自己到達辦公室的精確點,並被命令做家務,而無需呼吸或享用一杯熱咖啡。 時間是這裡的一個關鍵因素。 如果您了解人類的心理,那麼您永遠不會從覆蓋屏幕一半以上的彈出窗口開始。 相反,您可以等待訪問者瀏覽內容,然後開始您的宣傳。 這樣,將張開雙臂收到相同的通知,因為現在用戶實際上可以抽出時間來參與。 用戶體驗在很大程度上依賴於消費者的心理,這就是為什麼您必須整合健康劑量的行為觸發因素,同時在需要的地方小心謹慎。

8.通過滾動引導您的客戶

如果你問我,滾動就像魔術一樣。 它將尋求信息的用戶發送到網站的更深處,從而擴大了他們的轉化機會。 這可能是為什麼大多數設計師將他們的 CTA 放在頁面底部,即滾動結束的地方。

即使是“一見鍾情”的方法也可以促進滾動,即設計在頁面頂部顯示 CTA。 您可以通過引入滾動提示來優化此類頁面。 滾動提示的範圍可以從箭頭嘆息到迷人的圖形元素。 例如,箭頭可以用來指示下一段內容的方向,而圖形元素可以在用戶與之交互後直接將用戶帶到下一張幻燈片。

9. 使用舒適

當您將您的內容髮佈到互聯網上時,您必須期望它會遇到來自各種背景的人。 每個人都不會按照您打算提出的方式分享您的觀點。 這就是為什麼您的內容應該是可吸收的,這樣用戶就不需要額外的努力來了解您提供給他們的內容。 如果內容易於消化,用戶將更快地轉換。

一次給他們一口。 一次展示你可以提供的一切不僅會讓用戶迷失方向,而且還反映了你那一半的絕望。 為確保您的設計透氣且易於吸收,請在元素周圍使用大量白色間距,以便易於區分。 還可以通過示例和您自己的敘述創建各種受眾都可以理解的內容。 將自己展示為他們的朋友,而不是商人。

10.充分優化你的頁面元素

頁面元素是網頁設計不可或缺的一部分。 它們為用戶執行基本功能,並在 UX 中保持情感和諧。 但是,添加不必要的頁面元素可能會對您的網站和用戶造成危害。

頁面元素,例如具有多個命令而不是一個命令的 CTA,圖像分散注意力,足以將視線從頁面中間的主題或文本中吸引開,從而誤導客戶。 添加這些元素會毫無意義地影響您的網頁設計可信度,同時減慢其加載速度。 例如,高清圖像可以成為您網頁的滯後工廠。 它們需要大量帶寬,並佔用了轉換友好網站的理想加載時間。 加載緩慢的網站是您在網站 UX 中想要的最後一件事。

最後的想法

作為網頁設計師,您必須將每一個元素、方面和方法都納入方程式。 您的目標是必須設計出不僅能贏得客戶,還能提供令人滿意的用戶體驗的設計。 通過這 10 條基本規則,您可以創建理想的網頁設計,從各個可能的角度滿足可用性。