Patricia Ocando

🚨 New blog alert! Maximizing Design Impact with Data-Driven Design, by Florencia S., UX Designer at Leniolabs_. "The era of creating purely aesthetically pleasing interfaces is behind us. Today, designers are adopting a Data-Driven Design (DDD) approach, using empirical evidence to guide their choices." ✍🏽 Learn more about DDD in the full article: https://lnkd.in/dCEHfgMn #datadrivendesign #uxdesign #userresearch

14

Full Guide: Variables in #Figma 🎨 by Javier Cuello (https://lnkd.in/dmmWkzsD) 💡 Figma variables enable you to adopt a tokens approach within your design files. In this tutorial, you'll get all the basics to start using them right away. 📚 What you will learn: 👉🏻 Variable Types and Uses The article details how various types of variables (Color, Number, String, Boolean) can be applied in different design contexts, enhancing flexibility and precision in design implementation. 👉🏻 Comparison with Styles Variables differ from styles in that they store single values, whereas styles can combine multiple visual values. Understanding this distinction can help optimize the design process, especially when deciding when to use each feature. 👉🏻 Practical Application and Management The tutorial provides practical guidance on creating, applying, and managing variables. It discusses organizing variables into groups and collections, which can help manage complex design projects efficiently. Thanks to Javier Cuello for this guide Thanks to Stéphanie Walter for discovering this article

18

⏹ WordPress Blocks have become a key focus of our work, and WordPress Block Patterns, in particular, have caught our attention. 🤩 In this blog post, Senior Frontend Engineer Alfredo Navas takes a closer look at how patterns have developed since their introduction in WordPress 5.5 and explores the latest features enabled by the newest APIs. 🔎 #WordPress #WordPressBlocks #WordPressBlockPatterns #WordPressBlockEditor #ContentManagement #WordPressBlog

3

Improve UX success by measuring, managing, and prioritizing design debt. We love Joana Cerejo’s article (by way of Juan Fernando Pacheco) as a practical guide to measuring and managing design debt, focusing on transforming businesses into user-centered successes. Design debt is akin to technical debt, reflecting the accumulated effects of past design and development decisions that negatively impact user experience. Check out her post: https://lnkd.in/gFXCCQqa Types of design debt: UX design debt ↳Directly affects business goals by impacting adoption rates, learnability, and user satisfaction. Operational design debt ↳Results from inefficient processes and poor organizational structures supporting design and development teams. Visual design debt ↳UI inconsistencies that undermine the product’s credibility. Testing and research debt ↳Lack of UX research and testing leads to poor user experiences and lower product adoption. Understanding and addressing design debt is necessary for enhancing user satisfaction and achieving business success. Joana emphasizes the importance of a strategic approach to managing design debt, aligning design improvements with business objectives for optimal results. We agree! Using iterative design and continuous research with Helio is an amazing way to reduce your design debt and create a business lift. #uxresearch #productdiscovery #marketresearch #productdesign

149

12 comentarios

[Blog] Cognitive load in UX design When you are faced with an interface loaded with content, disorganized and with too many options, the adaptation process can be very confusing. Torresburriel Estudio explains that this experience illustrates the concept of cognitive load, which measures the mental effort required to understand and use a new digital tool. #UXA #UXDesign #Cognitive #CognitiveLoad https://lnkd.in/dF-jK3Kq

4

1 comentario

[Blog] Guide to conducting a UX benchmarking study Torresburriel Estudio share the key steps to conduct a UX benchmarking study They delve into the essential steps required to conduct a complete UX benchmarking study, using a systematic approach that spans from the initial goal-setting phase to meticulous analysis and implementation of actionable insights. #UXA #BenchmarkingStudy #Benchmarking #Guidelines #UX #UXBenchmarking https://lnkd.in/dFHsbstV

12

Do you use Figma regularly? Did you know that some tricks can take your design workflow to the next level? 🚀 In our latest article, our talented designers at UX studio reveal their secrets for using Figma like a real pro. 📣 Check out our blog post to let our excellent professionals guide you: https://lnkd.in/gJjW5Gr6 #uxdesign #productdesign #figma

7

The way we perceive digital products results from combining UX principles with UI representations. These principles act as tools for designers, enabling the creation of digital interfaces that ensure delightful experiences while enhancing usability and aesthetics. Explore this guide by UI Designer Matias Villagrán at https://bit.ly/visualprinc #UX #UI #UXUI #visualprinciples #design #digitalinterfaces

5

We bring you one more CSS Grid Layout tutorial! In this video, Juan de la Cruz García shows briefly how you can apply Penpot's CSS grid layout feature to a magazine layout as well. Try Penpot https://penpot.app/

19

Last update of "LightingCalculations" app: 📌 New: Adaptive icon (Only Android) 📌 Accessibility: Improved some layouts to accommodate larger fonts download links: ➡️ Android: https://lnkd.in/ggFBVP7 ➡️ iOS: https://lnkd.in/dZ4S285 #EgalNet #LightingCalculations #lighting #calculation #calculations #light #illumination #illuminance #luminaire #led #app #android #ios #iphone #ipad #AI #aigenerated #aigeneratedimages

3

Application Programming Interfaces allow two apps to communicate. In this course, taught in Spanish, you'll learn how to build an API & connect it to a database. You'll use TypeScript, Node.js, Express, MySQL, & TypeORM and test your API using Postman.

112

1 comentario

Read the key takeaways in English from episode #36, where Bezael P. examines the microfrontend architectural pattern and its adoption challenges within the Angular framework 💡

8

Tools like Figma & Miro help you collaborate virtually on projects with teammates. But you may want a simpler solution - which you can build yourself. In this guide, Cedd helps you create a Figma / Miro-style canvas with React and TypeScript.

47

2 comentarios

🔔 It's time to share new updates to the Rustic UI Figma component library 🎨 In this update: ➕ New table component for desktop & mobile in dark & light modes ➕ New states and variations of the avatar component 🎉 Transition from Material Icons to Material symbols   🖼 Figma: https://lnkd.in/gSXFmfCF 🐙 GitHub: https://lnkd.in/gFJbcsUB Make sure to explore the latest updates and share your thoughts! 💬 #conversationalux

8

🚀 Exploring Beyond Material Design in Flutter! As Flutter #developers, we often default to Material Design for our UI components. But did you know that there are other fantastic libraries out there? Let’s dive into three alternatives that our clients have been using successfully in production: #Cupertino: 🍎 While Cupertino is primarily associated with iOS-style design, it’s not limited to Apple devices. Flutter’s Cupertino library provides widgets that mimic the sleek iOS look and feel. Plus, it’s highly customizable, allowing you to tailor your app’s UI to perfection. #Fluent UI: 💻 Fluent UI (formerly known as Office UI Fabric) is Microsoft’s design system for building web and desktop applications. It’s a great choice if you’re targeting desktop-first experiences. With Fluent UI, you get a consistent and polished design language that aligns seamlessly with Windows applications. #Shadcn UI: 🌟 Looking for something fresh and unique? Shadcn UI brings a different aesthetic to your Flutter apps. It’s not as widely known as Material or Cupertino, but that’s precisely what makes it stand out. Explore its unconventional design options and surprise your users with a fresh look. Remember, as Flutter developers, we have the flexibility to choose the right UI library based on our project’s requirements. Whether it’s Material, #cupertino, #fluentui, or #shadcnui, each has its strengths. So go ahead, experiment, and create delightful user experiences! 🎨✨ #flutter #ui #appdevelopment #development #materialui #android #ios #mobileappdevelopment #flutterdevelopment #iosappdevelopment #dart

1