Best of UX — March 2024
- 1
- 2
Medium·2y
10 Principles of Good Design by Dieter Rams
Dieter Rams, a German industrial designer, believes in the principles of good design which includes innovation, usefulness, aesthetics, understandability, unobtrusiveness, honesty, long-lastingness, thoroughness, environmental-friendliness, and simplicity.
- 3
DEV·2y
Building for Accessibility
Building for accessibility is important for inclusivity, legal compliance, contribution to sustainable development goals, empathy, and better user experience. The POUR principles (Perceivable, Operable, Understandable, Robust) should be followed to build for accessibility. Various testing methods can be used to assess website accessibility.
- 4
- 5
Optimising your design system with Figma’s variables
Learn how to optimize your design system using Figma's variables. Explore the principles of consistency, scalability, maintainability, DRYness, and code-friendliness. Discover the benefits of primitive variables and how to set them up in a Codesign system. Understand the concept of semantic variables and their compatibility with different modes. Start building your own design system today!
- 6
asayer·2y
Three Modernized Navbar Design Layouts
This post explores three modernized navbar design layouts: sticky navigation bar, hamburger menu, and tab navigation bar. It highlights the importance of navbars for user guidance, usability, brand cohesion, efficiency, SEO benefits, accessibility, and aesthetic appeal. The evolution of navigation in web design is discussed, along with key considerations for modern navbar design. The post then dives into the features, benefits, and drawbacks of each modernized navbar layout. It concludes by emphasizing the importance of choosing the right fit for a website's navigation and when to consider modernizing it.
- 7
Bootcamp·2y
AI flowchart generator: A Step-by-Step Guide to Creating AI Flowchart with Figjam AI
This post explores how designers can use FigJam AI as an efficient AI flowchart maker. It provides step-by-step instructions and shares key insights and tips for creating flowcharts. The post emphasizes the importance of clear and detailed prompts to achieve accurate results.
- 8
Transform your Website: Create 3D Magic with CSS Grid
Learn how to use CSS Grid to create 3D effects on your website. Discover important properties for making grid layouts, creating overlays, adding 3D appearance to grid items, and creating a rotating cube. Understand how 3D improves user experience and get quick tips for common 3D challenges.
- 9
- 10
- 11
- 12
We just lowered the barrier to entry for React developers with our app — ReacType
ReacType is an innovative prototyping interface for React developers that empowers users to visualize their application architecture. It offers a sleek design, real-time collaboration features, and improved performance. ReacType prioritizes collaboration, boosts efficiency, and provides an enhanced user experience.
- 13
- 14
Vercel·2y
Introducing AI SDK 3.0 with Generative UI support – Vercel
Vercel has introduced the AI SDK 3.0 with Generative UI support, which allows developers to move beyond plaintext and markdown chatbots to give LLMs rich, component-based interfaces. With the AI SDK 3.0, developers can associate LLM responses to streaming React Server Components, resulting in a new user experience for AI. The update makes it easier to build and maintain AI-powered features, leading to more interactive and responsive apps without compromising performance.
- 15
