Clément Hardoüin

Understanding modern CSS layout techniques like Flexbox and CSS Grid is essential for UI designers aiming to create flexible and dynamic designs that adapt seamlessly to various screen sizes. Christine Vallaure de la Paz's article delves into this topic, highlighting the shift from traditional column-based designs to more intrinsic layouts. By grasping these concepts, designers can enhance collaboration with developers and push the boundaries of responsive design. Read the full article here: https://lnkd.in/dp-gKqfX

37

2 Comments

Unlock the secrets of effective wayfinding in #UX! Good wayfinding design is intuitive, consistent, and shows only relevant information. Learn how to enhance user navigation in your digital projects and find out: 🎨 What wayfinding is and why it matters 🎨 Real-world examples of wayfinding design 🎨 Key principles for effective wayfinding: 🎨 Practical tips for implementing helpful wayfinding designs Find it all in Kathryn Grayson Nanz's blog: https://prgress.co/3S7jcgf

7

Create Color Palette Generator 🎨 Create an app that generates random color palettes for design inspiration! Users can tap to generate a random set of colors, which can be saved for later. It’s a fun way to work with colors, randomization, and user interface design. We soon start a new SwiftUI programming course in Luxembourg, check it out https://buff.ly/3ZFjKOK #ColorPaletteApp #CreativeCoding

2

Master Real-Time Collaboration with WebSockets! 💻 How does Figma Slides enable seamless multi-user whiteboard collaboration? Dive into this tutorial and learn: - How to set up a WebSocket server using Express and Socket.IO - How to create a reactive canvas in React for real-time drawing - How to broadcast events for instant updates across clients Let’s build a mini-clone of Figma's collaboration feature—from server setup to frontend magic—in two minutes! #WebDevelopment #FullStack #WebSockets #ReactJS #RealTimeCollaboration

8

⚠️Ever wondered How a 𝗙𝗶𝗴𝗺𝗮 𝗗𝗲𝘀𝗶𝗴𝗻 becomes a real 𝗪𝗲𝗯 𝗔𝗽𝗽?  That's how: 📍𝘞𝘦 𝘵𝘳𝘢𝘯𝘴𝘧𝘰𝘳𝘮 Figma prototypes into pixel-perfect user experiences, 📍𝘞𝘦 𝘵𝘳𝘢𝘯𝘴𝘭𝘢𝘵𝘦 𝘂𝘀𝗲𝗿 𝗳𝗹𝗼𝘄𝘀 and 𝘄𝗶𝗿𝗲𝗳𝗿𝗮𝗺𝗲𝘀 into functional and beautiful interfaces.  📍𝘞𝘦 𝘣𝘳𝘪𝘥𝘨𝘦 the gap between 𝗱𝗲𝘀𝗶𝗴𝗻 and 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁! 📍𝘞𝘦 𝘱𝘢𝘳𝘵𝘯𝘦𝘳 with 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 to provide end-to-end Figma development services. From 𝗱𝗲𝘀𝗶𝗴𝗻 𝘁𝗼 𝗱𝗲𝗽𝗹𝗼𝘆𝗺𝗲𝗻𝘁, we've got you covered. 🛑Is your web application performing at its best, or does it need redevelopment to meet modern standards?📈 𝗖𝗼𝗻𝘁𝗮𝗰𝘁 𝘂𝘀 𝗳𝗼𝗿 𝗮 𝗳𝗿𝗲𝗲 𝗰𝗼𝗻𝘀𝘂𝗹𝘁𝗮𝘁𝗶𝗼𝗻!⭐ ♻️Get in touch, follow and connect to learn more! #Figma #UIUX #DesignProcess #ProblemSolving #WebDev #SoftwareDevelopment

8

🌏 UX Design Differences: China vs. US 🇨🇳🇺🇸 I've just completed an analysis on #UXDesign differences between China and the US. Here are the top 5 differences that stand out: 1️⃣ Information Density 2️⃣ Navigation 3️⃣ Color Schemes 4️⃣ Functionality vs. Aesthetics 5️⃣ Payment Integration These differences reflect deeper cultural, technological, and regulatory distinctions. What do you think about these UX differences? As always, you'll find the link to the full article in the comments below. #UXDesign #MobileApps #ChinaVsUSA #UserExperience #DigitalInnovation

6

1 Comment

[UXMC2024 Speakers] Join the UX Masterclass, an annual event brought to you by the UXalliance, we're an international network of over 32 UX companies! Our expert speakers will share their valuable insights on evolving customer expectations, industry trends, and top UX best practices. Don’t miss the opportunity to learn from the best in the field! Meet our speakers https://lnkd.in/dNy9MsgU #UXMCDubai #UXMasterclass #UXA #UserExperience #CustomerExperience #UXResearch #IndustryTrends #UXDesign #DigitalTransformation #BestPractices Digital of Things

20

🔧 Tool of the Week: A Deep Dive into Figma 🎨 When it comes to seamless design collaboration, Figma is a game-changer for our team. It’s not just for designers—here’s how it elevates every aspect of our workflow: Project Management 🚀: Figma’s real-time collaboration keeps our teams in sync, helping us track progress, resolve issues, and fast-track project delivery. Coding Prep 💻: With the “Inspect” tool, design-to-development handoffs are smoother, offering developers easy access to code snippets and dimensions. Client Communication 🗣️: Figma enables transparency by allowing clients to leave feedback directly on design files, ensuring alignment with their vision. Figma isn’t just a tool – it’s the backbone of our creative process What tools are you using to streamline your tech projects? Share below! 👇 #DesignTools #ProjectManagement #UX #Figma #UI

1

Ready to revolutionize your moderated user research? Mark your calendar to meet Maze Interview Studies and learn how our new comprehensive solution makes moderated research easier than ever. 📅 Date: June 25, 2024 | Time: 12 PM EDT, 6 PM CEST Join Jane Davis and Peter K., Senior Product Managers at Maze, and host Sarah Kublanow, Senior Product Marketing Manager at Maze, to see how Maze Interview Studies streamlines and automates every step of moderated research—from recruiting the right participants to scheduling interviews and extracting findings with AI. What to expect: 💎 Live product demo showcasing the end-to-end research workflow 💎 Best practices to drive customer-centric decisions faster 💎 Insights on how the Maze team enhances their user research with Interview Studies Save your spot now and start turning conversations into deep insights: https://buff.ly/3KIo0V7

26

1 Comment

User Experience in the Era of AI: Enhancing Human-Machine Interactions #UX #AI #GenAi #HCI :

12

1 Comment

Designers and developers, meet your new best friend: ProtoPie! Create high-fidelity, interactive prototypes effortlessly with its intuitive interface and seamless integration with Figma and Sketch. Watch your ideas come to life like never before. Share your favorite design tools in the comments! 👉 PS: Did you notice that this is an AI-generated video!? How cool is that? Want to know more about it? DM us! #ProtoPie #DesignTools #UXDesign #Prototyping

9

🚀 𝗨𝗫/𝗨𝗜 𝗖𝗮𝘀𝗲 𝗦𝘁𝘂𝗱𝘆: 𝗔𝗽𝗽𝗹𝘆𝗶𝗻𝗴 𝗗𝗲𝘀𝗶𝗴𝗻 𝗧𝗵𝗶𝗻𝗸𝗶𝗻𝗴 𝗶𝗻 𝗗𝗶𝗴𝗶𝘁𝗮𝗹 𝗠𝘂𝘀𝗶𝗰 𝗗𝗶𝘀𝘁𝗿𝗶𝗯𝘂𝘁𝗶𝗼𝗻! 📚 𝗗𝗲𝘀𝗶𝗴𝗻 𝗧𝗵𝗶𝗻𝗸𝗶𝗻𝗴 is a design methodology that focuses on solving problems by putting the end user at the center of the process and creating a user-centered product. 🔍 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄: Recently, our talented UX&UI Designer Viviane CHENG used Design Thinking to revamp Labelcamp’s album upload form. In this case study, she describes the whole process behind this approach, from the interviews and workshops for collecting user expectations to the prototyping and testing phase. 🔑 𝗣𝗿𝗼𝗰𝗲𝘀𝘀: 1️⃣ Empathize: Understand the user’s perspective and needs 2️⃣ Define: Define a problem statement that focuses on the user’s needs. 3️⃣ Ideate: Explore new ideas to solving the defined problem  4️⃣ Prototype: Create potential solutions and design a prototype that can be tested and refined.  5️⃣ Test: Collect user feedback and improve the prototype 🤝 𝗖𝗼𝗹𝗹𝗮𝗯𝗼𝗿𝗮𝘁𝗶𝗼𝗻: Engage internal teams, users, and stakeholders, including partners and clients. 📈 𝗢𝘂𝘁𝗰𝗼𝗺𝗲: A streamlined, user-friendly album upload form with improved usability and functionality. Positive user feedback thanks to a new Track Metadata Drawer offering a cleaner and more intuitive user experience. 🔗 𝗥𝗲𝗮𝗱 𝗺𝗼𝗿𝗲: Check out the full Medium article: https://lnkd.in/eTYsVqBx

18

👀 UX is everywhere! 👀 Even in those storefront signs placed on sidewalks to attract foot traffic 🛍️🚶🏻‍♀️ Let's do a quick UX analysis🔎 of the one right in front of mintbrussels.com ⬇️ Positive Aspects: ✅ Clear Communication: Informs consumers that the store is open and highlights available categories ✅ Visual Appeal: Modern and attractive pastel gradient background ✅ Humor: 'Bad Vibes' toggle switch adds a playful touch ✅ Branding: Mint logo maintains brand identity ✅ QR Code: Easy access to more info or promotions online Areas for Improvement: 🔧 Readability: Increase text contrast for better visibility, especially outdoors 🔧 Toggle Switch Clarity: Indicators like checkmarks are more suitable in this context rather than toggle buttons 🔧 Consistent Colors: Stick to a single color for active & inactive categories 🔧 Layout and Space: Utilize space more efficiently for better balance 🔧 Text Hierarchy: Increase category text size for readability 🍜 Also, can we please talk about food as an additional category? Mint was a food place that transformed into a clothing store. Although context in design is an added value, in a highly touristic area, this info is rather irrelevant. 💡 Conclusion: Functional and Aesthetic Integration This sign has a solid foundation with its clear categories and modern look. While the toggle switches add a fun element, the color inconsistency can be confusing. Opt for a unified color scheme to improve visual logic. I would also recommend using consistent indicators such as checkmarks. Toggles are iOS-style, which is more suited for digital interfaces rather than graphic prints. Did I miss anything? Share your thoughts below! 👇 #UXDesign #Storefront #CustomerExperience #DesignThinking #Branding #UXAnalysis

18

Design Prototypes That Think for Themselves  Ready to take your prototypes to the next level?  With Figma’s variable system, you can build interactive experiences that maintain state across screens—just like a real app.  In my free UX workshop, you’ll discover how to:   - Handle user input and manage global states   - Create reusable interactive components   - Scale your prototypes seamlessly across design systems  👉 Sign up now and transform your prototyping skills: [Link in the comment].  It’s time to design smarter, not harder!

5

1 Comment

How do I convince my boss to get some budget to fix the accessibility issues? I believe every accessibility professional has faced this problem. Since the #ROI is not apparent, the accessibility fixes have been pushed to subsequent sprints for god knows how long! For the EU region, this Christmas, the Santa with a grey beard (that's me!) is bringing you a new resource to help you! **Accessibility Impact Sizing** is a bundle - book and a tool built to convert issues into cold and hard #revenue numbers. A proposal powered by the data from the impact sizer, placed in front of your bosses should get your budget approved before you can say #Supercallifragilisticexpialidociuos! stay tuned for more updates! ⚠️ Currently, this is focussed on the EU region only. #a11y #A11yResource #ImpactSizing #EAA

52

7 Comments

As a member of the Miro Hero Community, I got an advanced preview of Miro's latest product update last week... and the new features will transform how we build workflows 😀 . I'm enthusiastic about the new building blocks because lots of automagic will be enabled for teams! 💪 Here are a few highlights: ✨ New interactive tools that make meetings and workflows more inclusive and engaging, enhancing productivity for cross-functional teams. ✨ Updates to templates that bring domain expertise and new collaboration potential to life. ✨ AI superpowers that help users quickly transform brainstorms into organized outcomes. 🙌 If you also use Miro and want to check it out, go and register yourself for the "What's Next" reveal that's happening on the 17th of July: https://lnkd.in/eyM9SdBe

7

2 Comments

How Long Does UX Modernization Take? 🤔 While the exact timeframe depends on the app's complexity, successful #UX modernization often involves a dedicated effort to deliver exceptional results. Here's why👇🏼 𝐑𝐞𝐬𝐩𝐞𝐜𝐭𝐢𝐧𝐠 𝐔𝐬𝐞𝐫 𝐇𝐚𝐛𝐢𝐭𝐬: We understand users have established ways of interacting with your app. We guide them smoothly through the new experience, minimizing disruption. 𝐁𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐋𝐚𝐬𝐭𝐢𝐧𝐠 𝐕𝐚𝐥𝐮𝐞: Rushing the process can lead to a clunky redesign. We prioritize user-centered design for long-term success. ⏳Modernization of a simple application with a few screens usually takes 2 to 3 months. For large applications with advanced functionality, it can take more than half a year. Breathe new life into your app. Digicode's UI/UX experts are here to help! https://lnkd.in/dcziqRS2 🖌️ #Digicode #UXmodernization #UIUXdesign #userexperience #appdevelopment #DigitalTransformation #AppDesign #BusinessGrowth #DesignStrategy #CustomerExperience #TechServices #SoftwareDevelopment #ModernUI #UXResearch

15