2021 年網頁設計師的 30 個簡單用戶體驗教程

用戶體驗設計是完成專業網頁設計最重要的方面之一。 正如已故的史蒂夫·喬布斯所說，設計不一定是事物的外觀，而是事物的實際運作方式。 學習出色的 UX 實踐最終可以為使用您的應用程序、軟件或網站的人數帶來巨大的回報。 UX 設計師嚴格使用線框，進行用戶測試分析並了解單個元素的性能。 UX 設計師需要學習如何創建角色以及如何為每個角色進行個性化設計。 用戶體驗設計師需要做的事情太多了。

簡單來說，您構建的任何東西的用戶體驗都將成為用戶與您的創作互動時的終極體驗。 您希望這種體驗令人不安，還是完美到絕對完美？ 當然，後者是你的選擇，但為了達到這樣的結果，一個人應該成為一名 UX 設計師需要書籍的幫助、導師的幫助，以及大量的時間來實踐實際的 UX 過程。 也許這種方法更受那些使用 WordPress 等平台的人歡迎。 對於那些好心人，我們推薦用戶體驗教程。 如果不是直接從 UX 專家那裡了解最新趨勢和規範，還有什麼更好的方法？

以下 UX 教程均來自過去 3-4 個月。 我們付出了額外的努力使教程盡可能多才多藝和有用，並且我們不禁感到敬畏，因為知道您將通過從這些專家 UX 教程中學習來為自己發現一個全新的現實。 請與我們聯繫，以便我們將您列入最佳名單。

用戶體驗需要益智思維

這是一個很好的鼓舞人心的片段，討論了用戶體驗設計的拼圖方法。 這又回到我們之前講過的。 需要建立一個類似於 UI 的設計 UX。 這兩者可以協同工作以實現所需的設計結果。 也許有點過分，但仍然是有效的建議，並且在自己進行用戶體驗設計時可以將其釘在牆上。

探索

線框圖入門

線框是創意平台，允許設計師在實際實現之前在紙上/草圖上探索他們的想法。 線框也不僅僅是為了這個，它們是創建需要由多個人（團隊）構建的設計的一個重要方面，因為每個人總是需要知道什麼是最新的功能以及什麼是尚未實現的。

就像建築師展示他想要建造的房子的藍圖一樣，設計師也會向任何關心最終結果的人展示他的線框圖。 雖然許多人認為線框完全是浪費時間，但它們實際上被認為是構建設計中最高效的部分。 您不僅可以在無需編寫/設計任何生產代碼的情況下清晰地表達想法，而且在此過程中，您還可以了解更多關於您的設計的信息，因為它具有更多的視覺吸引力。

我們對本文的結果非常滿意，您將很快了解線框圖，以及它們對 UX 和 UI 設計師的重要性。

探索

重新思考 Airbnb 應用程序如何改變我們處理設計的方式

學習真正出色的用戶體驗實踐需要很長時間。 這樣做是因為您總是在處理新需求、新客戶和新創意，他們都希望成為大局的一部分。 這就是為什麼 UX 設計師在頂級科技初創公司的工作會獲得如此豐厚的回報，因為這些人致力於創造如此獨特的東西，如果沒有他自己的團隊，沒有其他設計師能夠與之匹敵，不用說— 當您在發展最快的行業工作時，誰還想抄襲別人的作品。

AirBNB 對此有一些了解，並且由於它們對編程和設計師社區的吸引力，他們定期分享自己的代碼、設計以及如何在特定業務領域取得成功的故事。 這一次，他們分享了他們的 AirBNB 應用故事，以及它如何引發關於設計、可用性和用戶體驗的新想法。

探索

為情感事物的互聯網設計

互聯網，萬維網，就像您自己的私人臥室。 您可以使用數十萬種方式來個性化您自己的網頁瀏覽體驗，隨著新技術的擴展以及網頁設計中心理學的整合，此類個性化請求變得越來越頻繁。 如今，即使是情感也在設計生態圈中佔據重要地位，這應該歸咎於誰？ 心理學和人類情感實際上是可以通過網頁設計針對的有形事物，但當然，它總是回到被稱為個性化。 我們在這裡深入了解了情感如何在設計中發揮作用，企業如何創建具有情感的應用程序，以及就心理設計而言互聯網的未來前景。 真的很棒的閱讀，至少需要 2 杯好咖啡來閱讀和消化！

探索

產品列表用戶體驗

在線業務，電子商務行業，可能會因設計錯誤而受到重創。 錯誤是一件代價高昂的事情，尤其是在性能和​​用戶體驗方面。 像亞馬遜和百思買這樣的網站需要加倍努力，以確保在線平台的性能和用戶體驗能夠結合在一起，以提供完美的購物體驗。 雖然我們同意大多數問題已經用現代思維解決了，但當我們考慮個性化或簡單的常識等事情時，仍有一些因素會起作用。

您在各個平台上進行的最後 10 次電子商務購買中有多少次提供了有關您在購買更多商品時購物車中所擁有產品的信息？ 我們只能猜測這個數字不大於一，很可能是零。 這是有道理的，這就是本文首先存在的原因。 看看告訴客戶他們已經購買了什麼可以提高參與度和客戶滿意度。

探索

用戶體驗領導力的興起——商業擁抱設計

設計中的某些東西完全改變了我們對生活中最基本事物（例如企業）的思考方式。 信不信由你，很多你經常或不那麼頻繁接觸的企業，都從設計行業獲得了大量的靈感。 為什麼是這樣？ 因為設計幾乎就是將所有東西結合在一起的方式。 在實際成交的過程中需要有設計方面的內容，喜歡的話可以設計原型。 何塞·科羅納多 (Jose Coronado) 分享了他對 UX 設計師如何與公司的商業價值更加一致的看法和想法。 本質上，每個人都需要作為一個團隊一起工作。

探索

在產品設計中練習同理心

同理心是一種情緒，你會聽到那些掌握了同情心、情緒控製藝術的人，或者任何擁有心理學學位的人說。 同理心可以幫助我們與其他人保持一致，並在無需判斷的情況下了解他們的感受。 在設計中尋找同理心與在現實生活中一樣重要。 你仍然在向真實的人展示你的產品，還有什麼比給用戶一種基於同情理解和同理心的體驗更好的了。

這些類型的方法需要更深入的研究，但通常會回到相同的原則，因此您只需要學習一次大主題。 看看艾米是如何做到的，以及她對在灣區及其他地區工作時對設計同理心的體驗有何看法。

探索

作為網絡用戶的年輕人/千禧一代（18-25 歲）

得知千禧一代已經適應了高科技，並且能夠很好地理解網絡的基本功能，這真的讓人感到驚訝嗎？ 這不是什麼新鮮事。 90 年代的孩子知道 Web 發生了什麼，雖然有些人自己沒有選擇直接的技術路徑，但幾乎每個人都理解設計如何在表面上工作。 此處的研究提供了一些見解和線索，說明在為上一代設計下一個大型應用程序/產品/創意時，下一步該往哪裡看。 千禧一代通常被視為財力雄厚的人，但獲得他們的唯一途徑是完美。

探索

設計複雜的產品

複雜性永遠是設計的一部分。 一些東西首先需要被創造，然後被理解，然後再創造，以降低它最初所處的複雜程度。 以多種形式設計複雜性表面，尤其是在設計產品時。

為產品提出一個想法比實際設計一個產品要容易十倍。 在一個團隊中，你永遠不會是唯一一個對你正在構建的東西有全面影響的人，所以你需要依靠意見和其他人的經驗來創造結果，當然，所有這些都很有意義，但是它並沒有消除設計是一個非常複雜的過程的事實。 所以本教程都是關於復雜的設計，以及如何通過常識和良好禮儀的常見實踐來降低複雜性。 一些真正鼓舞人心的材料，值得在團隊會議上討論。

探索

尋求終極用戶體驗

設計師、開發人員和創意人員將繼續探索和討論用戶體驗，直到時間結束。 我們都有不同的看法，但 UX 設計的許多基礎往往是相同的，就 UX 而言，正是我們想要帶給用戶的獨特功能需要對最終目標進行更深入的思考過程.

在傳統哲學中，很難描述一個產品是完美的——完美不是我們可以達到的，除非我們認為它是完美的。 總會有人站出來稱我們的產品為“垃圾”，但在我們看來——這似乎是完美的。 這就是網頁設計的諷刺。 改進的餘地，它的大門總是敞開的。 這篇來自 Typeform 的廣泛而精彩的文章討論了用戶體驗設計的內部方面，以及即使是最沒有經驗的人也可以找到為用戶創建更有意義的用戶體驗功能的方法。

探索

用戶體驗的敵人以及如何殺死他們

在一個人比你擁有更多權力的環境中工作是很困難的，他們濫用權力來影響你正在創造的東西。 幾乎無法想像，我們可以把所有的時間都花在一個特定的項目上，然後有人過來告訴我們他們希望看到的所有這些變化，這些人就是你所說的 HIPPO，你將了解瀏覽本教程後，將更詳細地了解該術語。 為那些在 UX 設計的艱難領域工作的人提供有用的建議。

探索

困難的設計更好（為了人類）

我們可以理解的設計層次是無數的，設計過程及其影響全球社區的方式有太多的維度。 以穀歌為例，它是世界上訪問量最大的網站，但其設計卻極其簡單、極簡。 用戶不必撓頭尋找功能或執行搜索，但我們在本教程/研究中所擁有的證據證明，使設計更困難、更複雜，實際上可能對人類有益，以幫助增加認知思維能力。 隨著數字連接的前景不斷擴大甚至繁榮，一種有趣的方法顯然會在未來得到更多的研究。

探索

5 個將取代您的孩子的設計秘訣

認為有一天你會變得太老而無法從事自己的工作，這不是很瘋狂嗎？ 猜猜看……那些在設計師行業工作的人，那一天可能比你想像的要早得多。 該行業的新人年僅 5 歲，他們提出了進行設計的革命性方法，這種設計即使是孩子也能理解！ 嗯……一切都被貼上了孩子的標籤嗎？ 或者我們只是在學習如何使設計更平易近人，並可供所有人使用？ 這篇 Medium 文章將詳細描述這個故事。

探索

用戶體驗設計師的不同角色

如果您沒有經驗，聽到 UX 設計師這個詞對您來說可能意味著某人是用戶體驗設計師，但這是一種非常有限的方法。 UX 設計師的工作不僅僅是作為一名用戶體驗設計師，UX 人員手頭上有很多任務，所有這些都與他出色的創作的最終結果相輔相成。

首先，用戶體驗設計師必須對他們正在構建的客戶/用戶進行自己的研究，然後他們必須繼續進行實際設計的過程，下一步是開始測試和基准設計，然後，當然，最後一點，這是用戶體驗設計師與他的開發團隊密切合作以實際實現該死的東西的部分！ 哇……用戶體驗設計師的生活真的很忙，但這篇文章會告訴你更多。 坐下來享受吧。

探索

尋找屬於自己的設計師風格

是什麼讓時裝設計師與眾不同？ 是他們的風格！ 就是這麼簡單，但當我們考慮是什麼讓用戶體驗設計師與眾不同時，風格的論點可能是完全無效的。 這是因為 UX 設計師通常會使用他們自己的概念和想法，但仍然會從互聯網如何工作或任何應用程序如何工作的基礎知識中產生大量理解。 但是，這個案例也非常有力地支持那些積極利用他們的創意技能通過個性化和對設計中情商的理解來創造更有意義的設計體驗的設計師。 這裡的文章基本上涵蓋了設計師向 Tobias 提出的一個問題，即如何找到自己的設計風格，Tobias 談到這是否有必要。

有趣的話題！

探索

移動用戶體驗設計：底部導航

您是否一直在閱讀有關移動設計的最新數據？ 事實證明，即使你的祖母也在她的移動設備上沖浪，你什麼時候趕上？ 與桌面設計一樣，移動設計師面臨著需要在設計中實現的新任務和新想法的巨大挑戰。 不同類型的導航挑戰了用戶與您的應用程序的工作方式進行交互和理解的方式。 這就是為什麼了解移動用戶體驗對您未來的項目如此有幫助的原因。 在本教程中，您將學習有關移動應用程序底部導航的所有知識。 為什麼，如何，何地，何時！ 導航通常是將用戶帶到他們想去的地方的工具。 底部導航應該用於具有相似重要性的頂級目的地。 這些目的地需要從應用程序的任何地方直接訪問。

探索

成為設計師的非直覺教訓

想從為 Facebook 設計了十年的人那裡了解什麼是好的設計？ 這些高度專業的人很少會跳出來分享他們學到的東西； 但朱莉不一樣，因為那是她第一份認真的工作，她在公司工作了 10 多年。 多麼了不起的成就，她決定通過 Medium 寫作來記錄她的一些經歷。 許多中的第一個是關於設計，以及她能夠帶走的經驗教訓，在整整十年的時間裡積累的經驗教訓！

十年是一段很長的時間，但很明顯，她的努力得到了很大的回報，她對設計的熱情似乎一直在燃燒，一直被點燃，充滿活力。 她談到的十件事將討論諸如設計師願景、組建設計師團隊和其他專家以幫助執行您的偉大想法的重要性，以及許多其他敏感話題，除非有人提出，否則您將無法了解這些話題它在網絡上供您閱讀，即使書籍也很難深入涵蓋其中的一些內容，但朱莉的經歷不言而喻，響亮而清晰且堅定！

探索

設計時考慮到用戶的上下文

設計和環境彼此並不陌生，但是如果你把這些人放在一個談論兩種不同事物的房間裡，並且都必須選擇一個，你就會與這兩個元素失去聯繫。 這對於涉及設計的地方來說並不是很好。 需要有上下文，需要有設計的上下文和內容的上下文，並且它們需要彼此平等，以便兩者可以協同工作，為您的用戶提供無縫體驗。 用戶與您的設計交互的方式的數量，很難將它們全部記錄下來……但某些類型的重複次數比其他類型多，在 Shopify 的教程中，您將了解有關設計過程的所有信息與上下文，以及上下文如何影響設計和用戶交互。

探索

如何在 UX 工作流程中集成運動設計

設計是一種靈感，但能夠通過設計激髮用戶的靈感——這是對您工藝的巧妙運用。 對於希望以真實的方式讓客戶感到受到重視和關心的初創公司來說，動效設計正迅速成為熱門趨勢之一。

動效設計允許您為您的設計添加額外的個性層，用戶無疑會注意到這一點，並理解您是為他們而不是其他任何人創造這些體驗。 這是一個重要的時刻，當用戶的大腦意識到你真的非常關心他們，以至於你出去用動作設計來個性化應用程序體驗時。 在這個描述中聽起來有點草率，但讓我向你保證，一旦你讀完 Mark Di Sciullo 的這個教程，你就會確切地知道我在說什麼，以及這種方法可以擴展你的設計是多麼不可思議，並且提高您的應用程序用戶體驗的價值。 有深度，有技術，還有滿滿的設計感！

探索

設計細節 – 條紋儀表板

Stripe 已經設法改變了幾次“面子”，但正如它所發生的那樣，每一次都提供了比前一次更有希望的體驗。 Stripe 提供了一種卓越的產品，它絕對因此而聞名，但它在許多專業設計師中也廣為人知，例如一家真正投入里程以創造真實、原創且絕對令人驚嘆的設計的公司！ 我們在這裡回顧了 Stripe 如何為其 iOS 應用程序構建其移動儀表板。 該應用程序是現代 UX 設計領域所能提供的驚人的頂峰，設計師今天仍在談論 Stripe 的設計標準是有原因的。 這些傢伙發現了一些不可思議的天賦，我們不禁思考維持這種天賦需要多少成本！

探索

信任層次：承諾的 5 個經驗層次

用戶體驗設計的另一個重要部分是可信度。 你的設計是如何讓人們產生信任的？ 特別是如果您正在處理與敏感信息相關的任何事情：表格、付款、提交等。人們想知道您的網站是可以信任的，並且從有人閃爍的那一刻起，有很多因素可以實現信任的結果在您的頁面或應用程序上。 以以下教程為起點，了解設計中信任的來源，以及如何開始製作更值得信賴的設計，而不是您還沒有這樣做 - 它只是有助於了解故事的一面來自客戶本人。

探索

用戶體驗研究：B&H Photo 移動網站一流的 7 個原因

我們真的必須把它交給有意願和耐心的人來完成大規模的研究，以幫助更好地了解這個行業。 而這一次，我們正在分析和了解更多關於移動電子商務網站的信息。 本研究總結了移動網站設計的幾個方面及其在我們日常生活中的表現，以及用戶體驗設計師如何適應現代電子商務應用程序的運營方式。

徹底探討了改進移動設計的七個技巧，並提供了大量示例和要點，這些示例和要點將使您躋身前 10 名移動網站之列，這僅僅是因為競爭者不會因為改進自己的應用程序來反映這種性能而煩惱，並且更重要的是，這項研究是最近的，所以你會在其他人之前得到很多有趣的東西。 嘗試並充分利用它。

探索

為 A 系列設計

這種情況一直在發生，你走進一家咖啡館，有一個人拿著他的 Macbook 坐在桌邊。 這傢伙和他周圍的其他人有什麼共同點？ 他正在嘗試構建自己的應用程序，以在科技應用程序領域取得巨大成功，他成功的機會非常渺茫，但有些人確實通過了，而那些成功了——他們仍然需要了解資金的重要性，並且如何達到能夠吸引 A 系列的應用程序級別，以確保您的應用程序具有穩定的功能。

這就是我們在這裡運行的故事。 如何從產品設計師轉變為幫助塑造應用程序的過去、現在和未來的人，該應用程序已成功獲得 A 輪融資，現在正朝著實現人生偉大目標的道路邁進。 為真正的公司工作的真實人的個人故事總是充滿了多汁的信息，這個也不例外。

探索

偉大的設計師關心的四件事

用於學習 UX 的資源確實是多樣化的，將所有內容放在一個地方將非常困難。 這就是為什麼你會看到其他設計師鼓勵其他初學者直接走出去，在現實世界中練習他們的設計技能。 這是最好的學習方式，至少一旦你達到某個點。 事實上，這一點可能是理解設計師需要關心什麼，或者他在創建新設計時確實關心什麼。 我們在這篇文章的其他教程中已經涵蓋了其中的一些內容，例如同理心，但是實際的設計藝術如何，以及如何提出問題以獲得更好的答案？ 要設計的東西遠不止眼前一亮，在這篇來自 UX Mag 人員的帖子中，您將確切了解什麼！

探索

用戶體驗中有效動畫的五個原則

Adobe 是設計之王，是平面設計的基礎。 雖然他們公開分享設計建議並不總是很頻繁，但他們似乎經常出人意料。 這份關於用戶體驗動畫設計的設計原則報告就是其中之一。 可愛的原則總結，講述瞭如何使動畫更加用戶友好和設計吸引人的故事。 你開始在你的設計中實現動畫了嗎？ 我們很樂意為您的未來作品提出一些問題。 讓我們知道！

探索

優秀用戶體驗設計師的 8 個習慣

用戶體驗設計師不可避免地會養成習慣。 說真的，即使不工作，每個人都會養成習慣！ 這就是生活的美妙之處。 作為一個有抱負的 UX 設計師，您可能想知道專家們正在使用什麼來使他們的工作流程更順暢。 你想了解這些專業UX設計師的習慣，終於有了答案。 Kaylan 的一篇文章討論了許多行業專家 UX 設計師在他們之間分享的最突出的習慣。 現在你也可以成為他們中的一個，只是盒子裡的另一個木偶！ 哈，我們只是在開玩笑。 這些提示很棒，如果您在與生產力相關的領域苦苦掙扎，應該會給您一些喘息的空間。

探索

未來近在咫尺：2017 年的 13 項設計預測

由於需求，設計總是在不斷發展。 當數十億用戶相信設計理念時，就會發生這種情況。 進化的過程大大加速，我們可以以更快的速度經歷巨大的轉變和變化。 這就是我們在這裡所做的。 有許多預測可能會在 2017 年到來時實現。 這是一種有趣的方法，可以在今年年初跨越那麼遠的未來。 它確實正在發生，很高興看到有多少預測會成為現實。 我們認為這個數字可能是 1 到 13 之間的任何一個。這是對未來幾年設計中發生的事情的最佳猜測。

探索

結合用戶體驗設計和心理學來改變用戶行為

最後一篇文章是在今年早些時候發表的。 它是關於可能影響用戶行為的 UX 設計和用戶心理。 這是另一個很好的例子，說明心理學在設計中的應用速度有多快。 此外，它顯示了設計師理解心理學的重要性。 此外，它顯示了心理學如何影響正常思維的人的大腦。 作為設計師，我們的大腦可以比只使用我們服務的其他用戶運行得更快。 在兩者之間找到所需的平衡是一個棘手的問題，但最終，你會做到的。

探索

用戶體驗設計的景觀

具有精通用戶體驗設計技能的網頁設計師將繼續保持高需求。 這是因為設計進化的過程並沒有真正停止。 新的框架和庫使設計師能夠實現前所未有的卓越成果。 初創公司將繼續在創意設計師身上投入大量資金，他們可以為他們的作品帶來一層真實性。 即使是我們列出的教程，也都讚揚了 UX 設計的可能性，以及該領域的未來。 你練習得越多，就越容易想出新的和獨特的方式來呈現內容。