{"id":15098,"date":"2023-12-13T16:27:36","date_gmt":"2023-12-13T15:27:36","guid":{"rendered":"https:\/\/immune.institute\/?p=15098"},"modified":"2025-10-07T11:24:49","modified_gmt":"2025-10-07T09:24:49","slug":"patrones-de-diseno-de-interfaz-de-usuario","status":"publish","type":"post","link":"https:\/\/immune.institute\/en\/blog\/patrones-de-diseno-de-interfaz-de-usuario\/","title":{"rendered":"5 must-read resources for learning about user interface design patterns"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Hello Immuner! Once again, we dive into the wonderful world of design to collect some pearls of wisdom on UI design patterns and flashes of inspiration that I've been able to read and review these past few days.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are some resources that will not only fuel your creativity, but also make you think about the future of our profession. Here we go!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Make Money and Learn with 22 Usability Testing Sites.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Who said you can't learn and earn money at the same time? <a href=\"https:\/\/www.theworkathomewoman.com\/test-websites\/?utm_campaign=0000BUXP&amp;utm_source=hs_email&amp;utm_medium=email&amp;_hsenc=p2ANqtz-9qs16OWG83xsgKDZjjHI_39CFovp9iFGdtpIg-g3ujreMhWAHR6NCfkNRggpGK2yPKdG9d\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.theworkathomewoman.com\/test-websites\/?utm_campaign=0000BUXP&amp;utm_source=hs_email&amp;utm_medium=email&amp;_hsenc=p2ANqtz-9qs16OWG83xsgKDZjjHI_39CFovp9iFGdtpIg-g3ujreMhWAHR6NCfkNRggpGK2yPKdG9d\" rel=\"noreferrer noopener\">In this post<\/a> platforms are collected from a very important facet in the world of digital product design: the&nbsp;<strong>usability testing with users.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;It is not only an opportunity to increase our income, but also a way to sharpen our critical eye as designers, analysing and evaluating the usability of different websites. It is an enriching experience that allows us to grow professionally while contributing to the improvement of a website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" data-id=\"15102\" src=\"https:\/\/principal.immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3.png\" alt=\"user interface design patterns \" class=\"wp-image-15102\" srcset=\"https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3.png 1920w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3-256x144.png 256w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3-512x288.png 512w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3-768x432.png 768w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3-1024x576.png 1024w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3-1536x864.png 1536w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-Talk_Diciembre-3-18x10.png 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Discover 10 Must-Have UI Patterns: Inspiration and Resources.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In design, UI patterns are like spices in the kitchen: they can transform a&nbsp;<strong>simple dish in a masterpiece<\/strong>. <a href=\"https:\/\/medium.com\/@FlowMapp\/10-must-have-ui-patterns-inspiration-resources-3d39ec06ac80\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/medium.com\/@FlowMapp\/10-must-have-ui-patterns-inspiration-resources-3d39ec06ac80\" rel=\"noreferrer noopener\">This FlowMapp article<\/a> offers us a lot of platforms where we can consult hundreds of them. It is an invitation to explore new possibilities and to challenge the limits of our creativity.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Differences between Junior, Mid and Senior Designers.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Professional evolution in the world of design is a fascinating and sometimes enigmatic journey. <a href=\"https:\/\/medium.com\/@uxsurvivalguide\/the-difference-between-a-junior-mid-and-senior-level-designer-de25c21c67fd\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/medium.com\/@uxsurvivalguide\/the-difference-between-a-junior-mid-and-senior-level-designer-de25c21c67fd\" rel=\"noreferrer noopener\">This article <\/a>is a compass for those who are wondering where they are on the road. It offers a clear perspective on the&nbsp;<strong>differences between levels of design expertise<\/strong>from junior to senior.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is a quick read to better understand our career path and, perhaps, to plan our next steps more clearly.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"629\" data-id=\"15103\" src=\"https:\/\/principal.immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9.png\" alt=\"user interface design patterns \" class=\"wp-image-15103\" srcset=\"https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9.png 1200w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9-256x134.png 256w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9-512x268.png 512w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9-768x403.png 768w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9-1024x537.png 1024w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/0_PDS0DF9QaSqWeuJ9-18x9.png 18w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Understand Accessibility<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility is not just a good practice, it is a responsibility. <a href=\"https:\/\/www.understandingaccessibility.com\/?utm_campaign=0000BUXP&amp;utm_source=hs_email&amp;utm_medium=email&amp;_hsenc=p2ANqtz--eX7W3UM2mPD9HNH3YiZ91puOyUR9H-UlgVX-pL1YHmMda8cSBIUQoqPlFDBtjXj3GKWAz\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.understandingaccessibility.com\/?utm_campaign=0000BUXP&amp;utm_source=hs_email&amp;utm_medium=email&amp;_hsenc=p2ANqtz--eX7W3UM2mPD9HNH3YiZ91puOyUR9H-UlgVX-pL1YHmMda8cSBIUQoqPlFDBtjXj3GKWAz\" rel=\"noreferrer noopener\">This resource<\/a> is a treasure trove for designers committed to creating inclusive experiences. It provides us with a deep understanding of the&nbsp;<strong>principles of accessibility in design<\/strong>ensuring that our creations are enjoyable for everyone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Don't forget that this knowledge is fundamental in our profession, as it allows us to design with empathy and social responsibility.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/principal.immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2.png\" alt=\"Usability_Design Talks\" class=\"wp-image-15104\" srcset=\"https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2.png 1920w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2-256x144.png 256w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2-512x288.png 512w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2-768x432.png 768w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2-1024x576.png 1024w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2-1536x864.png 1536w, https:\/\/immune.institute\/wp-content\/uploads\/2023\/12\/Design-talks_Diciembre-2-18x10.png 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Una peque\u00f1a reflexi\u00f3n&#8230;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this week's reflection we delve into the fascinating world of artificial intelligence and its impact on design. This &nbsp;<a href=\"https:\/\/www.dezeen.com\/2023\/11\/20\/airbnb-founder-brian-chesky-artificial-intelligence-interview\/?utm_campaign=0000BUXP&amp;utm_source=hs_email&amp;utm_medium=email&amp;_hsenc=p2ANqtz-9qs16OWG83xsgKDZjjHI_39CFovp9iFGdtpIg-g3ujreMhWAHR6NCfkNRggpGK2yPKdG9d\" rel=\"noreferrer noopener\" target=\"_blank\">interview with Brian Chesky<\/a>co-founder of Airbnb, offers a provocative view on how the<strong>&nbsp;AI is redefining the rules of the game in design.<\/strong>&nbsp;It is a thought-provoking read about the future of our profession and how we can integrate these new tools into our creative process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&gt; How can we prepare for the integration of AI in design? <\/strong>To this end, it is important for designers to understand how AI works and how it can be applied to design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&gt; What impact will AI have on the way we approach user-centred design?<\/strong> Artificial Intelligence has the potential to transform the way we approach user-centred design. AI can help designers better understand user needs, generate creative ideas and test design solutions more efficiently.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&gt; How can we ensure that AI is a tool that enriches, not limits, our creativity?<\/strong> It is important for designers to be careful not to allow Artificial Intelligence to limit their creativity. AI is a powerful tool, but it cannot replace human creativity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So much for my recommendations this week, I hope I've sparked some sparks in your creative minds. Remember, design is a constant journey of learning and exploration, see you next time!<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:38% auto\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" src=\"https:\/\/immune.institute\/wp-content\/uploads\/2022\/04\/Raul_Marin-1920x1920.jpg\" alt=\"raul-marin-teacher-bootcamp ux ui\" class=\"wp-image-10678 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Ra\u00fal Mar\u00edn, Director and Head Teacher of the\u00a0<a href=\"https:\/\/immune.institute\/en\/programas\/bootcamp-diseno-ux-ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bootcamp in UX\/https:\/\/immune.institute\/programas\/bootcamp-diseno-ux-ui\/ UI Design<\/a><\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00a1Hola Immuner! Una vez m\u00e1s, nos sumergimos en el maravilloso mundo del dise\u00f1o para recopilar algunas perlas de sabidur\u00eda sobre patrones de dise\u00f1o de interfaz de usuario y destellos de inspiraci\u00f3n que he podido leer y revisar en estos \u00faltimos d\u00edas. Aqu\u00ed tienes algunos recursos que no s\u00f3lo alimentar\u00e1n tu creatividad, sino que tambi\u00e9n te [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":12320,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-15098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/posts\/15098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/comments?post=15098"}],"version-history":[{"count":0,"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/posts\/15098\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/media\/12320"}],"wp:attachment":[{"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/media?parent=15098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/categories?post=15098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/immune.institute\/en\/wp-json\/wp\/v2\/tags?post=15098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}