引人注目的用戶體驗設計:誰做對了

已發表: 2017-03-01
類別
用戶體驗

每個網站都是獨一無二的,因為它的存在是為了服務特定的用戶受眾。 如果它的創建經過深思熟慮,它將圍繞滿足這些用戶的需求並幫助他們輕鬆完成任務或目標而設計。 不過,從其他公司的 UX 創新中可以學到很多東西。 看到其他人在他們的網站上創造了一種引人入勝或功能非凡的體驗,可以激發關於如何改善您自己網站上的體驗的想法。 以下是一些具有真正令人印象深刻的用戶體驗的網站示例。

1.雙語

Duo lingo 使用起來絕對令人愉悅。 如果有一個平台可以聲稱“讓學習變得有趣”,那就是 Duo Lingo。 該服務幫助用戶學習一門新語言,界面簡單、友好且平易近人——這似乎正是使學習一門新語言的令人生畏的過程變得容易上手的正確方法。 該網站在讓用戶在幾秒鐘內開始使用該服務方面做得很好,而無需強迫他們創建帳戶。 這允許用戶在必須完成創建登錄名和密碼的步驟之前親自體驗平台。 您可以想像,一旦用戶體驗到該平台的易用性和使用樂趣,他們將更有可能創建一個帳戶並成為忠實用戶。
雙語
雙語-2
Duo Lingo 以一種非常容易理解和交互的方式向用戶提出問題。 進度條指示用戶在模塊中的距離。 答案——正確或不正確——通過顏色和聲音得到強化。
雙語3

2. 維珍美國

預訂機票並不總是最快樂的體驗。 許多主要航空公司都有笨拙的網站,這使得搜索和預訂航班成為一個非常艱苦的過程。 也許這就是為什麼登陸維珍美國網站感覺幾乎是一種激進的體驗。 該網站乾淨而現代,它把主要的用戶目標——預訂航班——放在前面和中心。 文字大且易讀,並且預先顯示了航班價格和時間。 維珍美國網站的最佳功能之一是能夠根據航班成本選擇日期——對於那些在旅行日期上有一定靈活性並正在尋找最優惠價格的用戶來說,這是一個主要的好處。
處女美國
用戶的旅行詳細信息在整個過程中被保存和顯示,並且可以隨時更改或更新,而無需重新開始搜索。
Virgin-America-2

3. 藍色圍裙

Blue Apron 有一個令人驚嘆的主頁,其中包含以引人注目的方式呈現的有用內容。 長滾動頁面具有小動畫,可以吸引用戶的注意力並鼓勵與網站內容的互動。 頁面的每個部分都有一個強有力的號召性用語,它為用戶提供了一種進入下一步流程的方法。
藍色圍裙1
Blue Apron 的註冊流程也值得一看。 這是一個簡單的三步過程,通過強調視覺效果和做出選擇時的積極強化,使選擇用戶偏好變得愉快。
藍色圍裙2

4. 蘋果

看到 Apple 上榜也就不足為奇了。 令人驚嘆的視覺效果、清晰的消息傳遞以及以可消費格式呈現的大量信息都為用戶帶來愉快而實用的體驗。 Apple 網站在允許用戶有意義地探索和體驗產品方面做得特別好,即使他們實際上無法觸摸它們。 Apple 網站並沒有試圖將復雜產品的每個細節都塞進靜態佈局中,而是鼓勵用戶通過展開和折疊不同的元素來探索更多信息,從而與產品頁面進行交互。 這是對空間的有效利用,並允許用戶跳過他們不太感興趣的學習內容。
蘋果1
蘋果2

5.大西洋

深度滾動的主頁幾乎可以保證您無法登陸該網站,也找不到您感興趣的內容。 內容根據廣泛的類別進行了整齊的分類,並且每個類別都被清晰地描繪出來。 文章簡介的設計方式有一個漂亮的層次結構——一張圖片,有一個大的、可讀的文章標題、較小的簡介文本(但仍然可讀!),以及大西洋的紅色強調色中的作者姓名。 這些細微的接觸使關注和解釋內容變得容易——坦率地說,新聞網站和內容提供商並非總是如此。
大西洋1
文章頁面本身也經過精心設計。 有一個粘性頁腳,讓用戶可以輕鬆返回主頁、在 Facebook 或 Twitter 上分享,或者繼續閱讀他們當前正在閱讀的任何內容類別中的下一篇文章。 文章頁面上的文字大小調整也是一個不錯的選擇。

6. 沃比·帕克

Warby Parker 網站讓在線購買眼鏡成為您做過的最簡單的事情之一。 但該網站最好的部分(至少從用戶體驗的角度來看)是結帳過程。 Warby Parker 的結帳流程顯然經過精心設計,以盡可能減少完成的障礙。 該表單很小,僅包含少數字段。 每個類別都會隨著用戶到達它而擴展,這使表單乍一看不會讓人感到不知所措。
沃比-帕克-1
warby-parker-2
使用移動設備在線購買一個或多個產品(即完成結賬流程,而不僅僅是研究和瀏覽產品)絕對是我們越來越熟悉的一項任務,但它仍然很受歡迎。 通常這種體驗很煩人或不必要的困難,稍後在桌面上完成購買會更容易。 但 Warby Parker 的移動結賬流程幾乎完美無缺。 他們盡可能減少字段,在您輸入時預測和自動填充您的地址,並且表格垂直堆疊以實現最佳移動使用。
warby-parker-3

7.體式

再有一個很好的衡量標準——我們不能把 Asana 排除在名單之外。 Asana 是一款拯救生命的項目管理和生產力應用程序,其 UX 使其成為我們的最愛之一。 從技術上講,它是為團隊設計的,但它也可以很好地用作個人任務管理系統。 該平台有太多很棒的功能無法在這裡介紹,但我們可以說他們已經掌握了微交互的藝術——平台和用戶之間的微小交流時刻,用於加強或提示行動。 微交互有助於鼓勵和認可用戶,從而改善他們在平台上的整體體驗。 你自己看:
我們喜歡從我們最喜歡的一些公司的創新工作中獲得靈感。 這些網站和平台都將用戶需求放在首位,並提出了滿足這些需求的方法,同時也為體驗帶來了興奮甚至一點點快樂。 這就是我們所說的正確做 UX。
此塊已損壞或丟失。 您可能缺少內容,或者您??可能需要啟用原始模塊。