Jorge Armando Cabrera Herrera’s Post

🔴 🟡 🔵 🟢 Which colors should you show a Chinese audience? Do you have to update your existing design guideline? Good news! 98% of the time, you won’t have to change a thing. Now, generic internet factoids won’t really tell you how colors are used. Here are some common myths: 🔴 “It’s easy, put red everywhere” From the flag to the lanterns to red, New Year, these “Big Red” 大红 are iconic in Chinese culture. Certainly, red is favored, but never at the expense of existing guidelines. Your UI may blush around New Year's time. But beyond that, it’s inconsistent unless red is part of your brand. It’s like leaving Christmas lights until May, y’know? 🟡 “Yellow is associated with p*rnography!” The expression “yellow content” 黄色内容 exists, but contrary to what foreign outlets say, there won’t be a moral panic if you love using sunflower motifs. Traditionally, this joyous color is that of the earth. It was also the exclusive color of the Emperor, the only one allowed to wear it on his person. Its salacious association dates back to the early 20th century, when British (then American) magazines with positively scandalous content entered the country. These were the cheap pulp print “Yellow magazines”. 🔵 🟢 “In China, green and blue are the same thing” Certainly, in ancient times, 青 Qīng means green and blue, the two were not distinguishable. But today, 绿 Lǜ 🟢 and 蓝 Lán 🔵 aren't interchangeable. Green remains the color of nature, blue is associated with the sky and water. ⚪️ “White is linked to mourning” Yes but no, again. Western culture has influenced fashion in China for years. It’s not uncommon to marry in white and mourn in black. White doesn’t evoke loss unless contextual elements indicate it. Incense, altars, temples, or sympathy flowers carry way more connotation than the color. 🌈 “Chinese UI use saturated colors” Bright colors draw the eyes. Here, they are common on e-commerce and consumer UI. If “highly excitable” had a visual, that would be it. Every merchant competes with one another, so they all have some ongoing promotions, which results in spots of brilliant warm colors all over the screen to get buyers’ attention to their deals. Now with mini-programs, brands can remove themselves from the saturated (pun intended) hubbub of e-commerce, and design to suit their image. In short, if you follow good graphic design practices, colors will not be an issue. Focus on content, translation, features and above all, quality customer service available 24/7. This is where the Chinese public is the most demanding, and where foreign companies can often fail! 🚚 #UI #UX #CrossCultural #China #GraphicDesign

Design better carousels Carousels are a common UI pattern and often overlooked. I hope this guide helps you design better carousels into your product #ux #ui #figma #productdesign #webdesign #design #career

Jueves de #Writing! Lo prometido es deuda. Los mensajes de error pueden ser una parte pequeña de tu web o APP, pero pueden determinar si tus usuarios siguen navegando o salen corriendo 🏃♂️ Un buen writing en los mensajes de error es esencial. Para más visita uxcata.cl

Here is a framework to help you find barriers to behavior change... The Theoretical Domains Framework (TDF) is a versatile tool that can help you identify key factors driving behavior, making it easier to target the right things and create the best strategies. It is a tool I like to use in my comsulting projects to analyze interviews, surveys and even internal company data and literature reviews. I find incredibly useful and powerful to enable change and build new experiences for both customers and employees. Created by a team of behavioral scientists and researchers from UCL, the TDF combines ideas from various psychological and organizational theories into specific categories or domains. When creating or changing customer and employee experience, understanding and addressing the factors that impact behavior change is essential for successfully adopting new practices and improving overall customer satisfaction. The TDF offers a structured approach to finding drivers of behavior that can either help or hinder the implementation of new initiatives. To make it easy, the TDF can help you: 1) Identify the barriers and facilitators that affect the adoption of your companies initiatives. 2) Gain insights into the psychological and contextual factors that influence behavior change. 3) Guide you to design targeted solutions to address the identified factors and improve the success of implementing new practices. By using behavioral tools like COM-B and the TDF, you can better understand the dynamics of behavior change, enabling you to create more effective strategies and enhance your organization's customer and employee experience initiatives. You can learn how to use it in a step by step process in my course: https://lnkd.in/e-HiQaaB Get 20% off with code: STUDENT20

💎 UI Design Decision Trees A decision tree is a visual aid that helps product designers quickly find the right component or pattern to use in a particular case. Doctolib design team created a fantastic collection of decision trees for all key areas of product design, such as: ✔ Navigation: https://lnkd.in/dpfrQyCC  ✔ Data input forms: https://lnkd.in/dgbFxT8G ✔ Call to action: https://lnkd.in/dGJRKfbp  ✔ Error states: https://lnkd.in/d8psDrNU #UI #uidesign #productdesign #UX #UXdesign #userinterface #design

I spent 455 hours coaching product/design people to do better research last year. Here’s what they all did wrong (so you don’t have to) - Last year, I made a big shift: Working with 𝗻𝗲𝘄 𝗿𝗲𝘀𝗲𝗮𝗿𝗰𝗵 𝘁𝗲𝗮𝗺𝘀 —> upskilling 𝗻𝗼𝗻-𝗿𝗲𝘀𝗲𝗮𝗿𝗰𝗵𝗲𝗿𝘀. More than ever before, I worked with designers and product people with no research backgrounds, no research training. Unsurprisingly, even the best among them were making some big mistakes. The more interesting part: the mistakes were similar, over and over, team after team. 𝗛𝗲𝗿𝗲’𝘀 𝘄𝗵𝗮𝘁 𝘁𝗵𝗲𝘆 𝘄𝗲𝗿𝗲 𝗮𝗹𝗹 𝗱𝗼𝗶𝗻𝗴 𝘄𝗿𝗼𝗻𝗴 (𝘀𝗼 𝘆𝗼𝘂 𝗰𝗮𝗻 𝗳𝗶𝘅 𝗶𝘁 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿𝘀𝗲𝗹𝗳 𝗳𝗮𝘀𝘁𝗲𝗿) - ⚖️ Spending more time worrying about how to recruit than whether a given research project is worth prioritizing ⌛️ Spending more time on research than was needed 😈 Pushing participant responses in one direction by giving them the desired answers 😐 Accepting lukewarm responses as positive (and not noticing that you’re doing that) 🏃 Failing to realize when a signal is strong enough to run after, even if it means changing course in a customer session or round of research 🧱 Using complex research methods without understanding fundamentals 𝗔𝗻𝘆 𝗼𝗳 𝘁𝗵𝗮𝘁 𝘀𝗼𝘂𝗻𝗱 𝗹𝗶𝗸𝗲 𝘆𝗼𝘂 / 𝘆𝗼𝘂𝗿 𝘁𝗲𝗮𝗺? It’s all really common. Even if you think your team runs "decent" customer conversations and experiments, you’re could be missing more than you know. But how can you know whether you’re making mistakes worth investing the time (and maybe budget) to fix? 〰️ You can do a quick audit yourself on your team's research performance. 𝗔𝘀𝗸 𝘆𝗼𝘂𝗿𝘀𝗲𝗹𝗳: • Did our insights this quarter make it 𝗲𝗮𝘀𝘆 𝘁𝗼 𝘁𝗮𝗸𝗲 𝗱𝗲𝗰𝗶𝘀𝗶𝗼𝗻𝘀? • Are we often 𝗲𝘅𝗰𝗶𝘁𝗲𝗱 𝘁𝗼 𝗯𝗿𝗶𝗻𝗴 𝗮𝗻 𝗶𝗻𝘀𝗶𝗴𝗵𝘁 𝗶𝗻𝘁𝗼 𝗼𝘂𝗿 𝘄𝗼𝗿𝗸 exploring solutions? • Have we learned 𝗺𝘂𝗰𝗵 𝗱𝗲𝗲𝗽𝗲𝗿 𝗱𝗲𝘁𝗮𝗶𝗹𝘀 than we previously understood? • Have we recently learned something 𝘁𝗿𝘂𝗹𝘆 𝗻𝗲𝘄? • Did we observe customers/prospects get really 𝗲𝘅𝗰𝗶𝘁𝗲𝗱? (In the product, in prototypes, or simply when discussing use cases) • Have we 𝗺𝗮𝗶𝗻𝘁𝗮𝗶𝗻𝗲𝗱 𝗺𝗼𝗺𝗲𝗻𝘁𝘂𝗺 with research feeding into product work on time? If you answered Yes to ALL of those questions…you’re remarkable. ⭐️ If you said No to any of those questions, your research process and skills need attention. Ex: Have we learned something truly new recently? “No” —> Dig into why this is and how to hunt for NEW learnings. Something about the way you run research needs to change. Wherever you said No is where you should focus this quarter. 〰️ New here? ✌️ I post regularly about - → Improving rapid research skills → Automating parts of research with AI Follow Caitlin Sullivan for more like this.

Las metodologías de trabajo se van adaptando y evolucionando en este mundo tan cambiante de la tecnología 🚀 A finales de 2023, Max Stepanov, diseñador y product manager alemán, propuso en su artículo "Design Thinking 3.0: A new paradigm in Product Design and Business Strategy" (https://lnkd.in/dmEDK5sz) un nuevo enfoque de la metodología conocida como Design Thinking. Este enfoque más holístico considera tanto los procesos legales y éticos necesarios como las estrategias empresariales para desarrollar productos digitales innovadores. Junto a Gisela Metallo, exploramos los principales pasos de este nuevo enfoque. ¿Qué opinas al respecto? ¡Cuéntanos! #DesignThinking #PensamientoDeDiseño #DT3.0 #news #Designmethodologies #Metodologias #Diseño #Design #UXUI #DiseñoUX #Técnicas #Techniques

¿Conoces lo principal que necesitamos para el mantenimiento o creación de un sistema de diseño? Junto a María Belén Edreira, te invitamos a un breve recorrido por nuestro proceso principal al trabajar en un sistema de componentes. Esto nos permite escalar productos y ofrecer una excelente experiencia tanto a usuarios como a otros miembros de nuestros equipos. En este post, profundizaremos en este proceso y en aspectos importantes al crear una biblioteca de componentes reutilizables. ¿Te gustaría conocer más sobre nuestro trabajo? ¡Estamos disponibles para responder tus preguntas! #services #research #designsystem #sistemadediseño #components #scalingsystems #diseño #UXUI #Design #UXDesign #UIDesign #servicios #serviciosespecializados

🐉 Designing Accessible Drag-and-Drop UX (https://lnkd.in/dHEqHtT5), a practical case study on how to design and build drag’n’drop for cards, table columns, resizing and reshuffling with keyboard support — on mobile and on desktop. By Alex Reardon and Atlassian team. Open-source library: https://lnkd.in/dsGhEjhK Accessibility: https://lnkd.in/dKqjBpJ8 Docs: https://lnkd.in/dKJFEhwh Examples: https://lnkd.in/dK2tu2dz ✅ Users should feel like they move physical objects around. ✅ Design “grabbed”, “dragged”, “dropped”, “error” states. ✅ Design the “activated” and “disabled” drop zone areas. ✅ With cards, remove the item from the stack on drag. ✅ With tables/grids, remove the item from the stack on drop. ✅ Dragged items should move towards users in z-dimension. ✅ Dragged items move content out of the way to make room. ✅ Animate the drop of an item into its new position (100ms). ✅ Add shadows and elevation to make interaction obvious. ✅ Simulate a “magnetic” effect that snaps objects into place. ✅ Reshuffle when a center of a dragged item overlaps an edge. ✅ Keep handle icons accessible and test with screen readers. ✅ Spacebar to pick up, Arrow keys to move, Space to drop. ✅ Use grab-handle icons and adjust system cursors. ✅ Use a haptic “bump” to indicate grabbing on mobile. In light of European Accessibility Act and WCAG 2.2 AA it implies, many companies struggle to implement accessible drag-n-drop in their products. In fact, most solutions out there rely on mouse interactions alone — without keyboard support, and hence aren’t accessible. Once we have reshuffling columns in a data grid, resizing, map interactions or moving cards on a board, we need to design handles and UI controls that support navigation with arrow keys, Esc, Enter, Space. Atlassian’s open-source library is a good option to start with, but intricate drag-n-drop interactions will require a bit more work. Useful resources: Atlassian Design System (Figma kit) https://lnkd.in/dqtiVFQs Atlassian Core Components + Sticker Sheets (Figma kit) https://lnkd.in/dXuN67Bi Drag and Drop UX for Design Systems, by Grace N. https://lnkd.in/e-Q-qBPe Drag and Drop UX Best Practices, by Ceara Crawshaw https://lnkd.in/dNdP-iyr Accessible Drag-n-Drop, by Jesse Hausler https://lnkd.in/es4HhyR9 Goldman Sachs Drag-n-Drop https://lnkd.in/de9vZN7q Practical Guide To Drag-n-Drop UX, by yours truly https://lnkd.in/dX-6jU9N #ux #design

📈 Establecer KPI's en todo proceso es crucial para medir el éxito y ajustar estrategias en tiempo real. Esto se aplica especialmente en la experiencia del cliente (CX), donde indicadores claros permiten mejorar continuamente y satisfacer a nuestros clientes de manera efectiva. #KPIs #ExperienciaDelCliente #Estrategia #Medición #MejoraContinua