Additionally, we’ll guide you through the steps to seamlessly integrate human-centered design into your development process.<\/p>\n
What is human-centered design?<\/strong><\/h2>\nHuman-centered design (HCD)<\/a> is a design approach that focuses on understanding and prioritizing the end user’s needs, preferences, and behaviors throughout the design process.<\/p>\nHCD is a popular methodology that finds expression in various fields, including product design, software development, and user experience (UX) design. Implementing human-centered design in your SaaS improves the user experience, boosts adoption, and reduces churn.<\/p>\n
Is human-centered design the same as design thinking?<\/strong><\/h2>\nHuman-centered design and design thinking are two closely related approaches to design. However, there are some key similarities and differences between the two.<\/p>\n
Let’s start with the similarities<\/strong><\/h3>\nHCD and design thinking share a strong emphasis on user-centricity. They advocate for understanding user needs<\/a>, motivations, and pain points<\/a> deeply.<\/p>\nAnother commonality is their iterative nature. Both methodologies promote continuous improvement based on user feedback<\/a> and evolving insights. This iterative mindset is invaluable in refining retention and engagement strategies.<\/p>\nAdditionally, they encourage creative ideation and cross-disciplinary collaboration, fostering an environment where diverse teams can brainstorm solutions.<\/p>\n
Now, to the differences<\/strong><\/h3>\nHCD places a strong emphasis on user research<\/a> with the goal of designing solutions that directly address user needs. It tends to be more structured around user empathy and often results in highly user-centric products.<\/p>\nIn contrast, design thinking takes a broader problem-solving approach and is not solely tied to user-centric design. It encourages solution development that may extend beyond user needs, making it a more versatile framework for tackling various challenges.<\/p>\n
Another difference is in their time of use. Design thinking is implemented in the early stage of product development, while human-centered design finds expression during and after development.<\/p>\n![\"Human-centered-design-vs-design-thinking-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/ed-design-vs-design-thinking-human-centered-design-examples-2af908ae-146c-4688-b0ba-f523b1271835_ea4e1914efa0008cc8594c8172ce9ad3_800.png\")
<\/picture>Human-centered design vs. design thinking.<\/figcaption><\/figure>\nWhat are the steps of the human-centered design process?<\/strong><\/h2>\nThe human-centered design process typically consists of several interrelated steps or phases. These steps guide designers and teams in creating user-centric solutions. Here’s a quick breakdown:<\/p>\n
\n- Inspiration: <\/strong>In this initial phase, designers aim to deeply understand the needs and challenges of end users. This often involves conducting user research, interviews, surveys, and observing user behaviors.<\/li>\n
- Ideation<\/a>: <\/strong>After gathering user data and defining a clear problem, the next step is brainstorming solutions. Teams commonly use techniques like storyboarding, mind mapping, etc., to develop potential solutions.<\/li>\n
- Implementation: <\/strong>After selecting promising concepts during Ideation, the Implementation phase involves translating these ideas into tangible prototypes or mockups. These prototypes can take various forms, from low-fidelity sketches to interactive digital models.<\/li>\n
- Validation and testing: <\/strong>Testing may involve user interviews<\/a>, usability testing sessions, and iterative refinements based on user input. It ensures the design is validated through real-world user interactions, aligning with the user-centric approach of HCD.<\/li>\n<\/ul>\n
Human-centered design examples to inspire your development process<\/strong><\/h2>\nIn this section, we’ll highlight some techniques for incorporating human-centered design into your SaaS app and look at how other popular SaaS products have used them.<\/p>\n
Using emojis in collaboration platforms<\/strong><\/h3>\nWhether you’re a communication tool like Slack or a Project management platform like Asana, adding visual elements to your design helps people better express thoughts and leads to fewer misinterpretations of messages.<\/p>\n
Visuals also make the work environment more conversational and less boring for remote teams. Let’s see how Slack and Asana do it:<\/p>\n
Slack’s custom emojis<\/strong><\/h3>\nSlack has standard emojis\u2014the ones you’ll expect from communication apps. But they take it a step further, allowing teams to create custom emojis to express emotions or add personality to messages.<\/p>\n![\"custom-emoji-Slack-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/custom-emoji-slack-human-centered-design-examples_2b9f0a0bae1fe2fb4b450d921a10d434_800.png\")
<\/picture><\/figure>\nAsana’s appreciation GIFs<\/strong><\/h3>\nAsana has a reputation for using different design elements to encourage team collaboration. For example, they use celebratory creatures to mark when users cross important onboarding milestones<\/a>.<\/p>\nThe appreciation GIFs follow the same logic. Users can trigger them anytime to appreciate colleagues in comments, tasks, and messages.<\/p>\n![\"Asana-animated-GIF\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/asana-animated-gif-ab3e6b56-6b76-4bb6-b149-2d819e1ce29d_4609fe2e5f770d49a4a7040b483a1384_800.jpg\")
<\/picture>Asana’s appreciation GIFs.<\/figcaption><\/figure>\nVideo and voice messages human-centered design<\/strong><\/h3>\nHCD is about studying your users and creating solutions that make life easy for them. Again, Slack and Asana do this well.<\/p>\n
Knowing their users’ primary need is communication, both platforms have found a way to incorporate video or voice messages.<\/p>\n
This way, users don’t have to spend time typing when they could just send a quick video or voice message and pass their point across.<\/p>\n
Slack’s Huddle<\/strong><\/h3>\nTeams using Slack no longer have to waste time creating and sharing a Zoom link and waiting for people to join in. Right there on the Slack group, you can decide to hop on a call.<\/p>\n![\"Slack-Huddle-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/slack-huddle-human-centered-design-examplesa920e249-862b-47fe-ba83-dd52a4ca21ad_73dc9bd320c067c826f5ae68706c853f_800.png\")
<\/picture>Slack’s huddle.<\/figcaption><\/figure>\nSlack also supports recording a video or audio message, giving users different communication options.<\/p>\n
Asana’s “record a video”<\/strong><\/h3>\nIt’s rare to see a project management tool that allows users to record a video message instead of typing comments. Asana has this feature, and it saves time.<\/p>\n
Struggling to get your point across in writing? Simply use the record button to communicate easily.<\/p>\n![\"Asana-record-a-video\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/asana-record-a-video_9921f032cd56c89b057bdd8a57709875_800.png\")
<\/picture>Recording a video comment on Asana.<\/figcaption><\/figure>\nProgressive disclosure in human-centered design<\/strong><\/h3>\nProgressive disclosure<\/a> is a user experience design pattern that gradually reveals information and functionality to users based on their needs and actions.<\/p>\nThis reduces cognitive load and empowers users to interact with your tool properly.<\/p>\n
Rather than give users a long and boring generic onboarding, Notion collects user data upfront and cuts to the chase for each user group.<\/p>\n![\"Notion-onbaording-survey\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/notion-onbaording-survey0d217a73-700d-4369-bd28-c3b68a65c1a6_a77b7750e602f14e4672544c360933c3_800.png\")
<\/picture>Notion’s survey to understand user JTBD.<\/figcaption><\/figure>\nUsers will see different empty states<\/a> based on their chosen option, making the experience as relevant as possible for each use case.<\/p>\nFor example, users who chose the Teams option will be prompted to start building a project because that’s what’s relevant to their use case.<\/p>\n![\"Notion-teams-onbaording-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/notion-teams-onbaording-human-centered-design-examples0ddbb6c3-26e4-4b45-8ffe-d6e731244fc9_0561699d214c5076ec5ba4591bc5c4ee_800.png\")
<\/picture>Notion’s onboarding for Teams.<\/figcaption><\/figure>\nThose using Notion for personal use get a quick intro to Notion’s basics through a checklist showcasing how the product works.<\/p>\n![\"Notion-personal-account-onboarding-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/personal-account-onboarding-human-centered-design-examples-fe687480-525a-454c-8198-8e019a216663_8edc93df5e705ae62962ec086272238c_800.png\")
<\/picture>Notion’s onboarding for personal accounts.<\/figcaption><\/figure>\n<\/div>\nUser interface feedback human-centered design<\/strong><\/h3>\nUser interface feedback<\/a> refers to the responses or notifications users receive when interacting with your platform.<\/p>\nEffective UI feedback, such as progress indicators, error messages, and acknowledgment notifications, builds trust by keeping users informed about the system’s responses to their actions. UI feedback mechanisms also prevent errors by providing clear guidance and validation.<\/p>\n
Let’s see human-centered design examples from companies maximizing this:<\/p>\n
Miro’s notification messages<\/strong><\/h3>\nWhen new users try to create a board, Miro triggers the message below, telling them it will be a public board.<\/p>\n
Warnings like this help users realize the consequences of their actions and ensure they’re making the right decisions.<\/p>\n
In Miro’s case, this notification doubles as an upgrade opportunity\u2014some users might need private boards for information that they don’t want to share.<\/p>\n![\"Miro-UI-interface-design\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/miro-ui-interface-design-6c6f5d5b-fc7b-4176-ae13-50846fdb12b6_ee5b4b00fbb8ab23e17c15a794946cac_800.png\")
<\/picture>Miro’s UI feedback.<\/figcaption><\/figure>\nChatGPT’s empty state<\/strong><\/h3>\nInstead of encountering a blank page that leaves new users feeling lost, ChatGPT takes a different approach.<\/p>\n
It populates the empty state with informative content, serving as a friendly guide to get users started. New users not only learn about the platform’s capabilities but also its limitations. Plus, they find practical examples illustrating how to make the most of it.<\/p>\n
This thoughtful introduction makes new users well-prepared to explore the platform.<\/p>\n![\"ChatGPT-empty-state-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/chatgpt-empty-state-human-centered-design-examples-9edbd69a-2baa-462d-b7cd-a199127c2ca4_8b596b90cff0bd39b9a2e3c2ac4dc648_800.png\")
<\/picture>ChatGPT’s empty state.<\/figcaption><\/figure>\nConclusion<\/strong><\/h2>\nTo create a human-centered design that aligns with customer needs, you need to understand the whole customer journey and what makes your users tick. Gather as much information as possible and brainstorm ideas with your customer-facing teams.<\/p>\n
Also, keep in mind that it doesn’t end with having creative ideas. Validate your ideas with a segment of your users and only roll them out if users find the designs valuable.<\/p>\n
Feeling inspired by the human-centered design examples in this article and ready to start your creative process? Userpilot<\/a> can help you understand user needs through in-app surveys and product usage analysis. You can also use our advanced segmentation and A\/B testing features to validate ideas. Book a demo<\/a> now to get started.<\/p>\n","protected":false},"excerpt":{"rendered":"Human-centered design (HCD) is a design approach that focuses on understanding and prioritizing the end user’s needs, preferences, and behaviors throughout the design process. In this article, we’ll go over some of the underlying principles driving SaaS design, and how these effectively address user pain points and elevate the overall customer experience.<\/p>\n","protected":false},"author":51,"featured_media":141111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[770],"tags":[446,235,201,236,546,427],"class_list":["post-141109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-analytics","tag-customer-experience","tag-customer-feedback","tag-user-experience","tag-user-feedback","tag-user-interface-design","tag-ux"],"acf":[],"yoast_head":"\n
Human-Centered Design Examples In SaaS<\/title>\n<meta name=\"description\" content=\"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Human-Centered Design Examples In SaaS\" \/>\n<meta property=\"og:description\" content=\"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-25T12:02:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T05:54:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"393\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sophie Grigoryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophie Grigoryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\"},\"author\":{\"name\":\"Sophie Grigoryan\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\"},\"headline\":\"Human-Centered Design Examples In SaaS\",\"datePublished\":\"2023-09-25T12:02:07+00:00\",\"dateModified\":\"2026-04-06T05:54:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\"},\"wordCount\":1370,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"keywords\":[\"customer experience\",\"customer feedback\",\"User Experience\",\"user feedback\",\"user interface design\",\"ux\"],\"articleSection\":[\"UX Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\",\"url\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\",\"name\":\"Human-Centered Design Examples In SaaS\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"datePublished\":\"2023-09-25T12:02:07+00:00\",\"dateModified\":\"2026-04-06T05:54:38+00:00\",\"author\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\"},\"description\":\"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\",\"url\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"contentUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"width\":600,\"height\":393,\"caption\":\"Human-Centered Design Examples In SaaS cover\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/userpilot.com\/blog\/#website\",\"url\":\"https:\/\/userpilot.com\/blog\/\",\"name\":\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/userpilot.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\",\"name\":\"Sophie Grigoryan\",\"url\":\"https:\/\/userpilot.com\/blog\/author\/sofi\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Human-Centered Design Examples In SaaS","description":"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","og_locale":"en_US","og_type":"article","og_title":"Human-Centered Design Examples In SaaS","og_description":"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.","og_url":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","og_site_name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","article_published_time":"2023-09-25T12:02:07+00:00","article_modified_time":"2026-04-06T05:54:38+00:00","og_image":[{"width":600,"height":393,"url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","type":"image\/png"}],"author":"Sophie Grigoryan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sophie Grigoryan","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#article","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/"},"author":{"name":"Sophie Grigoryan","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf"},"headline":"Human-Centered Design Examples In SaaS","datePublished":"2023-09-25T12:02:07+00:00","dateModified":"2026-04-06T05:54:38+00:00","mainEntityOfPage":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/"},"wordCount":1370,"commentCount":0,"image":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","keywords":["customer experience","customer feedback","User Experience","user feedback","user interface design","ux"],"articleSection":["UX Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","url":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","name":"Human-Centered Design Examples In SaaS","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage"},"image":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","datePublished":"2023-09-25T12:02:07+00:00","dateModified":"2026-04-06T05:54:38+00:00","author":{"@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf"},"description":"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/userpilot.com\/blog\/human-centered-design-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage","url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","contentUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","width":600,"height":393,"caption":"Human-Centered Design Examples In SaaS cover"},{"@type":"WebSite","@id":"https:\/\/userpilot.com\/blog\/#website","url":"https:\/\/userpilot.com\/blog\/","name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/userpilot.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf","name":"Sophie Grigoryan","url":"https:\/\/userpilot.com\/blog\/author\/sofi\/"}]}},"_links":{"self":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/141109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/comments?post=141109"}],"version-history":[{"count":3,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/141109\/revisions"}],"predecessor-version":[{"id":633968,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/141109\/revisions\/633968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media\/141111"}],"wp:attachment":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media?parent=141109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/categories?post=141109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/tags?post=141109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
HCD is a popular methodology that finds expression in various fields, including product design, software development, and user experience (UX) design. Implementing human-centered design in your SaaS improves the user experience, boosts adoption, and reduces churn.<\/p>\n
Is human-centered design the same as design thinking?<\/strong><\/h2>\nHuman-centered design and design thinking are two closely related approaches to design. However, there are some key similarities and differences between the two.<\/p>\n
Let’s start with the similarities<\/strong><\/h3>\nHCD and design thinking share a strong emphasis on user-centricity. They advocate for understanding user needs<\/a>, motivations, and pain points<\/a> deeply.<\/p>\nAnother commonality is their iterative nature. Both methodologies promote continuous improvement based on user feedback<\/a> and evolving insights. This iterative mindset is invaluable in refining retention and engagement strategies.<\/p>\nAdditionally, they encourage creative ideation and cross-disciplinary collaboration, fostering an environment where diverse teams can brainstorm solutions.<\/p>\n
Now, to the differences<\/strong><\/h3>\nHCD places a strong emphasis on user research<\/a> with the goal of designing solutions that directly address user needs. It tends to be more structured around user empathy and often results in highly user-centric products.<\/p>\nIn contrast, design thinking takes a broader problem-solving approach and is not solely tied to user-centric design. It encourages solution development that may extend beyond user needs, making it a more versatile framework for tackling various challenges.<\/p>\n
Another difference is in their time of use. Design thinking is implemented in the early stage of product development, while human-centered design finds expression during and after development.<\/p>\nHuman-centered design vs. design thinking.<\/figcaption><\/figure>\nWhat are the steps of the human-centered design process?<\/strong><\/h2>\nThe human-centered design process typically consists of several interrelated steps or phases. These steps guide designers and teams in creating user-centric solutions. Here’s a quick breakdown:<\/p>\n
\n- Inspiration: <\/strong>In this initial phase, designers aim to deeply understand the needs and challenges of end users. This often involves conducting user research, interviews, surveys, and observing user behaviors.<\/li>\n
- Ideation<\/a>: <\/strong>After gathering user data and defining a clear problem, the next step is brainstorming solutions. Teams commonly use techniques like storyboarding, mind mapping, etc., to develop potential solutions.<\/li>\n
- Implementation: <\/strong>After selecting promising concepts during Ideation, the Implementation phase involves translating these ideas into tangible prototypes or mockups. These prototypes can take various forms, from low-fidelity sketches to interactive digital models.<\/li>\n
- Validation and testing: <\/strong>Testing may involve user interviews<\/a>, usability testing sessions, and iterative refinements based on user input. It ensures the design is validated through real-world user interactions, aligning with the user-centric approach of HCD.<\/li>\n<\/ul>\n
Human-centered design examples to inspire your development process<\/strong><\/h2>\nIn this section, we’ll highlight some techniques for incorporating human-centered design into your SaaS app and look at how other popular SaaS products have used them.<\/p>\n
Using emojis in collaboration platforms<\/strong><\/h3>\nWhether you’re a communication tool like Slack or a Project management platform like Asana, adding visual elements to your design helps people better express thoughts and leads to fewer misinterpretations of messages.<\/p>\n
Visuals also make the work environment more conversational and less boring for remote teams. Let’s see how Slack and Asana do it:<\/p>\n
Slack’s custom emojis<\/strong><\/h3>\nSlack has standard emojis\u2014the ones you’ll expect from communication apps. But they take it a step further, allowing teams to create custom emojis to express emotions or add personality to messages.<\/p>\nAsana’s appreciation GIFs<\/strong><\/h3>\nAsana has a reputation for using different design elements to encourage team collaboration. For example, they use celebratory creatures to mark when users cross important onboarding milestones<\/a>.<\/p>\nThe appreciation GIFs follow the same logic. Users can trigger them anytime to appreciate colleagues in comments, tasks, and messages.<\/p>\nAsana’s appreciation GIFs.<\/figcaption><\/figure>\nVideo and voice messages human-centered design<\/strong><\/h3>\nHCD is about studying your users and creating solutions that make life easy for them. Again, Slack and Asana do this well.<\/p>\n
Knowing their users’ primary need is communication, both platforms have found a way to incorporate video or voice messages.<\/p>\n
This way, users don’t have to spend time typing when they could just send a quick video or voice message and pass their point across.<\/p>\n
Slack’s Huddle<\/strong><\/h3>\nTeams using Slack no longer have to waste time creating and sharing a Zoom link and waiting for people to join in. Right there on the Slack group, you can decide to hop on a call.<\/p>\nSlack’s huddle.<\/figcaption><\/figure>\nSlack also supports recording a video or audio message, giving users different communication options.<\/p>\n
Asana’s “record a video”<\/strong><\/h3>\nIt’s rare to see a project management tool that allows users to record a video message instead of typing comments. Asana has this feature, and it saves time.<\/p>\n
Struggling to get your point across in writing? Simply use the record button to communicate easily.<\/p>\nRecording a video comment on Asana.<\/figcaption><\/figure>\nProgressive disclosure in human-centered design<\/strong><\/h3>\nProgressive disclosure<\/a> is a user experience design pattern that gradually reveals information and functionality to users based on their needs and actions.<\/p>\nThis reduces cognitive load and empowers users to interact with your tool properly.<\/p>\n
Rather than give users a long and boring generic onboarding, Notion collects user data upfront and cuts to the chase for each user group.<\/p>\nNotion’s survey to understand user JTBD.<\/figcaption><\/figure>\nUsers will see different empty states<\/a> based on their chosen option, making the experience as relevant as possible for each use case.<\/p>\nFor example, users who chose the Teams option will be prompted to start building a project because that’s what’s relevant to their use case.<\/p>\nNotion’s onboarding for Teams.<\/figcaption><\/figure>\nThose using Notion for personal use get a quick intro to Notion’s basics through a checklist showcasing how the product works.<\/p>\nNotion’s onboarding for personal accounts.<\/figcaption><\/figure>\n<\/div>\nUser interface feedback human-centered design<\/strong><\/h3>\nUser interface feedback<\/a> refers to the responses or notifications users receive when interacting with your platform.<\/p>\nEffective UI feedback, such as progress indicators, error messages, and acknowledgment notifications, builds trust by keeping users informed about the system’s responses to their actions. UI feedback mechanisms also prevent errors by providing clear guidance and validation.<\/p>\n
Let’s see human-centered design examples from companies maximizing this:<\/p>\n
Miro’s notification messages<\/strong><\/h3>\nWhen new users try to create a board, Miro triggers the message below, telling them it will be a public board.<\/p>\n
Warnings like this help users realize the consequences of their actions and ensure they’re making the right decisions.<\/p>\n
In Miro’s case, this notification doubles as an upgrade opportunity\u2014some users might need private boards for information that they don’t want to share.<\/p>\nMiro’s UI feedback.<\/figcaption><\/figure>\nChatGPT’s empty state<\/strong><\/h3>\nInstead of encountering a blank page that leaves new users feeling lost, ChatGPT takes a different approach.<\/p>\n
It populates the empty state with informative content, serving as a friendly guide to get users started. New users not only learn about the platform’s capabilities but also its limitations. Plus, they find practical examples illustrating how to make the most of it.<\/p>\n
This thoughtful introduction makes new users well-prepared to explore the platform.<\/p>\nChatGPT’s empty state.<\/figcaption><\/figure>\nConclusion<\/strong><\/h2>\nTo create a human-centered design that aligns with customer needs, you need to understand the whole customer journey and what makes your users tick. Gather as much information as possible and brainstorm ideas with your customer-facing teams.<\/p>\n
Also, keep in mind that it doesn’t end with having creative ideas. Validate your ideas with a segment of your users and only roll them out if users find the designs valuable.<\/p>\n
Feeling inspired by the human-centered design examples in this article and ready to start your creative process? Userpilot<\/a> can help you understand user needs through in-app surveys and product usage analysis. You can also use our advanced segmentation and A\/B testing features to validate ideas. Book a demo<\/a> now to get started.<\/p>\n","protected":false},"excerpt":{"rendered":"Human-centered design (HCD) is a design approach that focuses on understanding and prioritizing the end user’s needs, preferences, and behaviors throughout the design process. In this article, we’ll go over some of the underlying principles driving SaaS design, and how these effectively address user pain points and elevate the overall customer experience.<\/p>\n","protected":false},"author":51,"featured_media":141111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[770],"tags":[446,235,201,236,546,427],"class_list":["post-141109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-analytics","tag-customer-experience","tag-customer-feedback","tag-user-experience","tag-user-feedback","tag-user-interface-design","tag-ux"],"acf":[],"yoast_head":"\n
Human-Centered Design Examples In SaaS<\/title>\n<meta name=\"description\" content=\"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Human-Centered Design Examples In SaaS\" \/>\n<meta property=\"og:description\" content=\"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-25T12:02:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T05:54:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"393\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sophie Grigoryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophie Grigoryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\"},\"author\":{\"name\":\"Sophie Grigoryan\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\"},\"headline\":\"Human-Centered Design Examples In SaaS\",\"datePublished\":\"2023-09-25T12:02:07+00:00\",\"dateModified\":\"2026-04-06T05:54:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\"},\"wordCount\":1370,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"keywords\":[\"customer experience\",\"customer feedback\",\"User Experience\",\"user feedback\",\"user interface design\",\"ux\"],\"articleSection\":[\"UX Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\",\"url\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\",\"name\":\"Human-Centered Design Examples In SaaS\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"datePublished\":\"2023-09-25T12:02:07+00:00\",\"dateModified\":\"2026-04-06T05:54:38+00:00\",\"author\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\"},\"description\":\"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage\",\"url\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"contentUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png\",\"width\":600,\"height\":393,\"caption\":\"Human-Centered Design Examples In SaaS cover\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/userpilot.com\/blog\/#website\",\"url\":\"https:\/\/userpilot.com\/blog\/\",\"name\":\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/userpilot.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf\",\"name\":\"Sophie Grigoryan\",\"url\":\"https:\/\/userpilot.com\/blog\/author\/sofi\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Human-Centered Design Examples In SaaS","description":"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","og_locale":"en_US","og_type":"article","og_title":"Human-Centered Design Examples In SaaS","og_description":"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.","og_url":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","og_site_name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","article_published_time":"2023-09-25T12:02:07+00:00","article_modified_time":"2026-04-06T05:54:38+00:00","og_image":[{"width":600,"height":393,"url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","type":"image\/png"}],"author":"Sophie Grigoryan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sophie Grigoryan","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#article","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/"},"author":{"name":"Sophie Grigoryan","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf"},"headline":"Human-Centered Design Examples In SaaS","datePublished":"2023-09-25T12:02:07+00:00","dateModified":"2026-04-06T05:54:38+00:00","mainEntityOfPage":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/"},"wordCount":1370,"commentCount":0,"image":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","keywords":["customer experience","customer feedback","User Experience","user feedback","user interface design","ux"],"articleSection":["UX Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","url":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/","name":"Human-Centered Design Examples In SaaS","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage"},"image":{"@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","datePublished":"2023-09-25T12:02:07+00:00","dateModified":"2026-04-06T05:54:38+00:00","author":{"@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf"},"description":"Looking for human-centered design examples to inspire your creative process? This article shows you examples from top SaaS companies.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/userpilot.com\/blog\/human-centered-design-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/userpilot.com\/blog\/human-centered-design-examples\/#primaryimage","url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","contentUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2023\/09\/human-centered-design-examples-in-saas_f935bc34f41ac58bc9a9c36858ae22d8_2000.png","width":600,"height":393,"caption":"Human-Centered Design Examples In SaaS cover"},{"@type":"WebSite","@id":"https:\/\/userpilot.com\/blog\/#website","url":"https:\/\/userpilot.com\/blog\/","name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/userpilot.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/de37c23746f7aa52492f6c97b1f222cf","name":"Sophie Grigoryan","url":"https:\/\/userpilot.com\/blog\/author\/sofi\/"}]}},"_links":{"self":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/141109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/comments?post=141109"}],"version-history":[{"count":3,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/141109\/revisions"}],"predecessor-version":[{"id":633968,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/141109\/revisions\/633968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media\/141111"}],"wp:attachment":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media?parent=141109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/categories?post=141109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/tags?post=141109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
HCD and design thinking share a strong emphasis on user-centricity. They advocate for understanding user needs<\/a>, motivations, and pain points<\/a> deeply.<\/p>\n Another commonality is their iterative nature. Both methodologies promote continuous improvement based on user feedback<\/a> and evolving insights. This iterative mindset is invaluable in refining retention and engagement strategies.<\/p>\n Additionally, they encourage creative ideation and cross-disciplinary collaboration, fostering an environment where diverse teams can brainstorm solutions.<\/p>\n HCD places a strong emphasis on user research<\/a> with the goal of designing solutions that directly address user needs. It tends to be more structured around user empathy and often results in highly user-centric products.<\/p>\n In contrast, design thinking takes a broader problem-solving approach and is not solely tied to user-centric design. It encourages solution development that may extend beyond user needs, making it a more versatile framework for tackling various challenges.<\/p>\n Another difference is in their time of use. Design thinking is implemented in the early stage of product development, while human-centered design finds expression during and after development.<\/p>\n The human-centered design process typically consists of several interrelated steps or phases. These steps guide designers and teams in creating user-centric solutions. Here’s a quick breakdown:<\/p>\n In this section, we’ll highlight some techniques for incorporating human-centered design into your SaaS app and look at how other popular SaaS products have used them.<\/p>\n Whether you’re a communication tool like Slack or a Project management platform like Asana, adding visual elements to your design helps people better express thoughts and leads to fewer misinterpretations of messages.<\/p>\n Visuals also make the work environment more conversational and less boring for remote teams. Let’s see how Slack and Asana do it:<\/p>\n Slack has standard emojis\u2014the ones you’ll expect from communication apps. But they take it a step further, allowing teams to create custom emojis to express emotions or add personality to messages.<\/p>\n Asana has a reputation for using different design elements to encourage team collaboration. For example, they use celebratory creatures to mark when users cross important onboarding milestones<\/a>.<\/p>\n The appreciation GIFs follow the same logic. Users can trigger them anytime to appreciate colleagues in comments, tasks, and messages.<\/p>\n HCD is about studying your users and creating solutions that make life easy for them. Again, Slack and Asana do this well.<\/p>\n Knowing their users’ primary need is communication, both platforms have found a way to incorporate video or voice messages.<\/p>\n This way, users don’t have to spend time typing when they could just send a quick video or voice message and pass their point across.<\/p>\n Teams using Slack no longer have to waste time creating and sharing a Zoom link and waiting for people to join in. Right there on the Slack group, you can decide to hop on a call.<\/p>\n Slack also supports recording a video or audio message, giving users different communication options.<\/p>\n It’s rare to see a project management tool that allows users to record a video message instead of typing comments. Asana has this feature, and it saves time.<\/p>\n Struggling to get your point across in writing? Simply use the record button to communicate easily.<\/p>\n Progressive disclosure<\/a> is a user experience design pattern that gradually reveals information and functionality to users based on their needs and actions.<\/p>\n This reduces cognitive load and empowers users to interact with your tool properly.<\/p>\n Rather than give users a long and boring generic onboarding, Notion collects user data upfront and cuts to the chase for each user group.<\/p>\n Users will see different empty states<\/a> based on their chosen option, making the experience as relevant as possible for each use case.<\/p>\n For example, users who chose the Teams option will be prompted to start building a project because that’s what’s relevant to their use case.<\/p>\n Those using Notion for personal use get a quick intro to Notion’s basics through a checklist showcasing how the product works.<\/p>\n User interface feedback<\/a> refers to the responses or notifications users receive when interacting with your platform.<\/p>\n Effective UI feedback, such as progress indicators, error messages, and acknowledgment notifications, builds trust by keeping users informed about the system’s responses to their actions. UI feedback mechanisms also prevent errors by providing clear guidance and validation.<\/p>\n Let’s see human-centered design examples from companies maximizing this:<\/p>\n When new users try to create a board, Miro triggers the message below, telling them it will be a public board.<\/p>\n Warnings like this help users realize the consequences of their actions and ensure they’re making the right decisions.<\/p>\n In Miro’s case, this notification doubles as an upgrade opportunity\u2014some users might need private boards for information that they don’t want to share.<\/p>\n Instead of encountering a blank page that leaves new users feeling lost, ChatGPT takes a different approach.<\/p>\n It populates the empty state with informative content, serving as a friendly guide to get users started. New users not only learn about the platform’s capabilities but also its limitations. Plus, they find practical examples illustrating how to make the most of it.<\/p>\n This thoughtful introduction makes new users well-prepared to explore the platform.<\/p>\n To create a human-centered design that aligns with customer needs, you need to understand the whole customer journey and what makes your users tick. Gather as much information as possible and brainstorm ideas with your customer-facing teams.<\/p>\n Also, keep in mind that it doesn’t end with having creative ideas. Validate your ideas with a segment of your users and only roll them out if users find the designs valuable.<\/p>\n Feeling inspired by the human-centered design examples in this article and ready to start your creative process? Userpilot<\/a> can help you understand user needs through in-app surveys and product usage analysis. You can also use our advanced segmentation and A\/B testing features to validate ideas. Book a demo<\/a> now to get started.<\/p>\n","protected":false},"excerpt":{"rendered":" Human-centered design (HCD) is a design approach that focuses on understanding and prioritizing the end user’s needs, preferences, and behaviors throughout the design process. In this article, we’ll go over some of the underlying principles driving SaaS design, and how these effectively address user pain points and elevate the overall customer experience.<\/p>\n","protected":false},"author":51,"featured_media":141111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[770],"tags":[446,235,201,236,546,427],"class_list":["post-141109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-analytics","tag-customer-experience","tag-customer-feedback","tag-user-experience","tag-user-feedback","tag-user-interface-design","tag-ux"],"acf":[],"yoast_head":"\nNow, to the differences<\/strong><\/h3>\n
![\"Human-centered-design-vs-design-thinking-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/ed-design-vs-design-thinking-human-centered-design-examples-2af908ae-146c-4688-b0ba-f523b1271835_ea4e1914efa0008cc8594c8172ce9ad3_800.png)
<\/picture>What are the steps of the human-centered design process?<\/strong><\/h2>\n
\n
Human-centered design examples to inspire your development process<\/strong><\/h2>\n
Using emojis in collaboration platforms<\/strong><\/h3>\n
Slack’s custom emojis<\/strong><\/h3>\n
![\"custom-emoji-Slack-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/custom-emoji-slack-human-centered-design-examples_2b9f0a0bae1fe2fb4b450d921a10d434_800.png)
<\/picture><\/figure>\nAsana’s appreciation GIFs<\/strong><\/h3>\n
![\"Asana-animated-GIF\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/asana-animated-gif-ab3e6b56-6b76-4bb6-b149-2d819e1ce29d_4609fe2e5f770d49a4a7040b483a1384_800.jpg)
<\/picture>Video and voice messages human-centered design<\/strong><\/h3>\n
Slack’s Huddle<\/strong><\/h3>\n
![\"Slack-Huddle-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/slack-huddle-human-centered-design-examplesa920e249-862b-47fe-ba83-dd52a4ca21ad_73dc9bd320c067c826f5ae68706c853f_800.png)
<\/picture>Asana’s “record a video”<\/strong><\/h3>\n
![\"Asana-record-a-video\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/asana-record-a-video_9921f032cd56c89b057bdd8a57709875_800.png)
<\/picture>Progressive disclosure in human-centered design<\/strong><\/h3>\n
![\"Notion-onbaording-survey\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/notion-onbaording-survey0d217a73-700d-4369-bd28-c3b68a65c1a6_a77b7750e602f14e4672544c360933c3_800.png)
<\/picture>![\"Notion-teams-onbaording-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/notion-teams-onbaording-human-centered-design-examples0ddbb6c3-26e4-4b45-8ffe-d6e731244fc9_0561699d214c5076ec5ba4591bc5c4ee_800.png)
<\/picture>![\"Notion-personal-account-onboarding-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/personal-account-onboarding-human-centered-design-examples-fe687480-525a-454c-8198-8e019a216663_8edc93df5e705ae62962ec086272238c_800.png)
<\/picture>User interface feedback human-centered design<\/strong><\/h3>\n
Miro’s notification messages<\/strong><\/h3>\n
![\"Miro-UI-interface-design\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/miro-ui-interface-design-6c6f5d5b-fc7b-4176-ae13-50846fdb12b6_ee5b4b00fbb8ab23e17c15a794946cac_800.png)
<\/picture>ChatGPT’s empty state<\/strong><\/h3>\n
![\"ChatGPT-empty-state-human-centered-design-examples\"](\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/04\/chatgpt-empty-state-human-centered-design-examples-9edbd69a-2baa-462d-b7cd-a199127c2ca4_8b596b90cff0bd39b9a2e3c2ac4dc648_800.png)
<\/picture>Conclusion<\/strong><\/h2>\n