用 11 個網站技巧創建完美的用戶體驗
已發表: 2016-06-15一個好的網站是所有必要方面和元素的完美組合,它可以促使用戶點擊它、瀏覽它的頁面並在上面停留足夠長的時間讓網站所有者承認它。
網站主要針對最佳功能、最佳電子商務平台和最新擴展而設置,如果網站必須持續存在,這些都非常重要。 然而,另一個在網站評估研究中被低估和默默無聞的因素是用戶體驗或用戶體驗。 信不信由你,這是決定網站是排名最高的點擊者還是互聯網上的一塊漂浮垃圾的主要因素之一。
用戶體驗有多重要
用戶體驗或 UX 只是用戶對與數字界面交互的感受。 大多數因素都涉及設計師和開發人員的徹底工作,而其他因素包括環境和用戶偏好。 這些因素包括可訪問性、界面的可用性、性能、設計/主題/美學、人體工程學和營銷的實用性。 數字平台上的所有人類互動都深深地依賴於這些因素,因此,一個需要在互聯網上引起關注的好網站必須將這些因素納入其用戶體驗中。
影響用戶體驗的因素
儘管這些因素是良好用戶體驗的支柱,但通過用戶體驗衡量網站有效性的人為因素不僅限於可用性。 通過對這個非常特殊的主題的幾位研究人員和研究,我們已經看到人類情感在將人視覺與網站外觀聯繫起來方面也發揮著重要作用。 考慮到它們,讓我們談談它們在網站業務中的影響。
網站表格
首先是表格。 請記住,如果您無法讓他們感到安全,沒有人願意填寫他們的信息。 毫無疑問,表格是從客戶那裡獲取信息的重要機制,並將其用於營銷、定制產品、價格估算和許多其他用途方面的各種好處。 表格也是查詢過程中不可或缺的一部分,可幫助管理員了解其受眾的需求並為其組織設定目標。
解決方案:
為了保持網站上的表格並保持與客戶的互動,您需要將問題保持在較低水平,並允許可選字段並將評論設置為屬性下方的說明。
字段中的佔位符文本
談到表單,您還可以使用佔位符文本來舉例說明表單字段所需的答案類型。 佔位符文本是以可移動文本的形式在字段中輸入的示例。 這個想法絕對是絕妙的,可以幫助客戶更好地理解表單對他們的要求。 問題是,正如我在許多網站上所經歷的那樣,當您嘗試在該字段中輸入信息時; 佔位符文本與您的文本混合在一起。 擺脫它的唯一方法是手動刪除它,否則您的表單將無法通過。 現在想像一下,您必須在其他 20 個字段上輸入您的信息。
解決方案:
為了防止客戶被激怒並仍然讓他們輸入正確的信息,請確保佔位符文本在客戶輸入信息後立即消失。
屬性中的格式
這個問題可以通過使用適合信息的正確類型的字段來避免。 但是,如果您沒有這樣的規定,您必須始終添加說明用戶需要輸入的信息格式,例如數字和文本。 如果您等待客戶輸入錯誤格式的信息,卻只收到一條錯誤消息,該用戶就如同離開了您的商店一樣好。
解決方案:
當客戶感到沮喪並決定放棄網站時,這主要發生在結帳頁面上。 您可以使用字段下方的示例來闡明用戶。
防止錯誤消息
沒有人可以反駁錯誤消息是專業網站中自動更正系統的重要組成部分。 然而,如何使用它們是一個更大的爭論。 要了解這些消息如何影響客戶的 UX,讓我們假設您是在線買家,他們試圖通過填寫用戶 ID 和密碼來購買產品以進行註冊。 在您嘗試的 6-7 次內,您根本無法註冊,因為錯誤消息僅顯示“重新輸入用戶 ID”,而應該說“該用戶已被佔用”!
解決方案:
這種未發現的錯誤消息使客戶感到沮喪並導致立即放棄。 始終要求您的開發人員生成一個自我解釋的錯誤消息,該消息正確地告訴用戶必須做正確的事情以避免再次彈出。
大標題
我似乎無法弄清楚這件事是如何發展的,而且更好的是,隨著越來越多的網站在其頁面上使用大型固定導航標題,它在互聯網上成為趨勢。 現在的問題是,每次當用戶向下滾動頁面時,他在查看真正重要的內容時都會遇到困難。 這些大標題和類似元素會阻止內容,並使用戶無法閱讀或查看其下方的重要內容。 在有類別和較大字體的較大網站上,這個問題變得更加嚴重,因為內容變得完全隱藏。
解決方案:
為了解決這個問題,管理員可以要求開發人員不要使用這些大型固定導航標題,而是使用允許用戶正確閱讀文本的簡單標題。

採用響應式設計
在這個指數級技術和小工具的現代時代,大量在線用戶通過平板電腦和其他手持設備查看和使用網站,與筆記本電腦或台式電腦相比,這些設備的屏幕比例更小。 當網站無法適應較小的屏幕時,就會出現問題,而在較大的屏幕上卻能完美適應。 這對客戶來說是一個直接的“NOPE”。 如果無法在他們的設備上跨越網站,網站將永遠無法到達用戶,因為大多數時間用戶在他/她的手持設備上瀏覽。
解決方案:
響應式網站是一種網頁設計方法,用於創建可以通過在每台設備上進行最少平移、調整大小和滾動來提供最佳查看和交互體驗的網站。
使用較淺的色調進行對比
當您必須查看深色的東西時會發生什麼,與它正式黑色的對比。 你明白我的意思嗎? 讓我解釋。 當您為文本使用深色字體並將其設置在較暗的背景上時,結果絕對會讓用戶失明。 切勿選擇平行光譜字體和對比度,因為它不僅會導致閱讀障礙,還會向客戶反映您選擇不當的感覺。
解決方案:
您可以使用較淺的色調作為對比。 我自己在許多排名靠前的網站上看到過。 他們巧妙地使用了黃色、淡白色、雲白色甚至淺橙色等較淺的色調作為背景。
文字和圖像
一個網站應該像多媒體一樣以文本為中心。 用戶根本無法依靠文字描述來描繪產品。 與書面文檔相比,眼睛更相信圖像的視覺細節,但是,如果沒有書面細節,圖像就無法按預期說話。 除了 UX,文本在通過 SEO 技術進行營銷方面也很重要。
解決方案:
您需要確保優化排版、顏色和大小,使其適合大多數人的心理訴求。 同樣,您使用的圖像應該是具有縮放功能的高清圖像,以獲得理想的觀看體驗。
選擇顏色
人眼可以檢測到大約 1000 萬種不同的顏色,但這並不意味著您可以為您的網站選擇任何顏色並將其添加到您的字體中。 應該仔細選擇顏色,因為許多顏色不能簡單地共存。 您不能在橙色背景下發送霓虹綠垃圾郵件,就像在黑色背景下無法區分深藍色一樣。
解決方案:
我真的不知道目前流行哪種顏色,但適當地使用綠色作為號召性用語按鈕,白色用於負間距,黑色用於大多數字體是每個網站都採用的安全做法。 您可以隨時賦予藝術氣息,但要遵守上述基本規則。
號召性用語
讓我用我們日常生活中的例子來解釋這一點。 當您在休閒的日子從街頭小販那裡購買一些商品時,是什麼吸引您靠近攤位而不看商品? 這是大多數供應商通過結合興趣點來吸引買家的口號。 同樣,只有正確使用“號召性用語”,您的商店才能吸引買家。
解決方案:
“號召性用語”是立即激發觀眾執行特定行動的觸發器。 通過使用帶有精美按鈕的有吸引力的短語或語句,您可以做出非常好的號召性用語。
移動設備的觸控功能
這是討價還價的最煩人的元素之一,最糟糕的是,它遍布整個互聯網,因為網站所有者不分青紅皂白地這樣做。 如果您為移動用戶設置了觸摸目標,為了上帝的愛,請留一些空間讓用戶與之交互。 我記得當我試圖從網上商店購買棒球帽時,每次我用拇指觸摸“結帳”按鈕時,都忍不住點擊“評分”按鈕。 這不僅使用戶感到沮喪,而且使他遠離網站。
解決方案:
其他用戶不會像我這樣有耐心,所以在你陷入自己的網站之前,請你的設計師將按鈕放置在你網站上其他觸摸目標旁邊的適當間距,否則你可能永遠不會獲得訂閱者或買家,並且可能甚至無法弄清楚問題所在。
結論
所有這些臭名昭著的問題是許多努力工作的網站遇到用戶體驗問題的主要原因,這些問題最終使網站變成了漂浮在互聯網上的幽靈船。 只有付出一點努力並採取一些預防措施,您才能防止這些問題演變成代價高昂的災難。 如果您注意這些問題中的每一個問題的解決方案,我向您保證,您不僅會成功地為您的用戶和客戶提供有希望的體驗,而且還會將您的網站提升到搜索引擎中排名靠前的點擊者中。 談到用戶體驗,“你必須從客戶體驗開始,然後再回到技術上”——史蒂夫喬布斯。