Best of UX — February 2024
- 1
- 2
- 3
- 4
- 5
Community Picks·2y
Spectrum 2
Adobe's design system, Spectrum, is getting a major update with Spectrum 2. It is more than just a design refresh, bringing adaptable resources for contextual, cohesive, and performant user experiences. Spectrum 2 is built collectively with input from the Adobe community and aims to be flexible, personalized, and inclusive. It focuses on empowering a diverse community and making products joyful and functional. The update includes improvements in icons, illustrations, fonts, colors, and overall user experience.
- 6
Figma Best Practices
Discover Figma best practices and tips for enhancing your design workflow and collaboration. Learn about workspaces in Figma Enterprise, the UX writer's guide to Figma, collaborating in FigJam, branching in Figma, creating and organizing variants, team and file organization, working with images, developer workflow, using design system analytics, using constraints, and improving prototyping workflow.
- 7
- 8
UX Planet·2y
My favorite UX & UI design courses
Discover a list of favorite UX and UI design courses, including courses on UI design patterns, development aspects for designers, and sketching. These courses are highly recommended for self-taught designers and those looking to improve their design skills.
- 9
Information Architecture Design Step-by-Step
A step-by-step guide on designing information architecture, including defining goals and objectives, conducting user research, categorizing content, creating the information structure, labeling and taxonomy, wireframing and prototyping, usability testing, implementation, and evaluation and maintenance.
- 10
Bootcamp·2y
Case study: Skincare application
Discover an advanced AI skincare app that provides personalized product recommendations based on individual's unique skin types and concerns. The app aims to solve common skincare pain points by offering AI scans, personalized recommendations, dermatologist consultations, and more.
- 11
LogRocket·2y
Glassmorphism: What it is and how it’s going
Glassmorphism is a UI trend that uses transparency, depth, and hierarchy to create a frosted glass aesthetic. It has gained popularity in the design community and can make interfaces look modern and trendy. This post explores the history of glassmorphism, its components, and the benefits and drawbacks of using it in designs.
- 12
- 13
- 14
Don’t Disable Form Controls
The post discusses the reasons why authors should not disable form controls, including buttons and form fields, in web design. It emphasizes the importance of considering context, user expectations, and alternative methods to indicate inactive features. Disabling form controls in the context of submitting a form is discouraged, as it can create confusion for users. The post provides resources supporting this viewpoint and offers suggestions for alternative strategies.
- 15
Dark Patterns: The Dark Side of UX
Dark patterns are intentional design patterns used to deceive users and make them perform actions against their will. This post explores common examples of dark patterns and discusses the negative impact they can have on an organization's branding. It also mentions efforts made by regulatory bodies to combat dark patterns.
- 16
Figma·2y
What Is a Design System
Design systems are sets of building blocks and standards that help keep the look and feel of products and experiences consistent. They include design system containers, component and pattern libraries, and foundational elements. Design systems streamline workflows, ensure consistency, and foster collaboration. They can enhance communication, cut down on redundancy, and boost efficiency throughout the product development lifecycle.
- 17
- 18
Atomic design components in UI design
Atomic design is a methodology for creating design systems that breaks down interfaces into small and reusable components. It improves collaboration between designers and developers, ensures consistency in style across the interface, allows for faster prototyping, enables isolated testing of components, and allows design systems to scale. The five levels of atomic design are atoms, molecules, organisms, templates, and pages.
- 19
- 20
asayer·2y
Designing Interactive Beautiful Tables with CSS
Learn how to transform mundane data tables into interactive and visually appealing components using CSS. Explore the importance of data tables in web development and discover how to make them interactive and user-friendly. Gain control over your user experience and iterate faster with OpenReplay, the open-source session replay tool for developers.
- 21
Deep Linking in Flutter: a Complete How-To
Learn about deep linking in Flutter and how it enhances the user experience by allowing users to directly navigate to specific locations within an app. Discover the significance of deep linking, including its ability to increase traffic, personalize the app experience, and drive engagement. Understand how deep links work and how they are created and shared. Get a step-by-step guide on setting up a Flutter project for deep linking and learn how to handle deep links on both Android and iOS. Explore the use of the go_router package to handle deep links in the Flutter app. Test deep links on Android and iOS devices and gain control over your app's user experience.
- 22
A brief introduction to interface wireframe design
Interface wireframe design is an important step in the development process that allows for faster editing and functionality refinement. The stages of wireframe interfaces include draft wireframes with paths, detailed wireframes, and finished wireframes.
- 23
Designing with Integrity: The Ethical Designer’s Handbook on Dark Patterns
The post discusses the concept of dark patterns in design, their prevalence in the digital landscape, the importance of ethical design principles, and the psychological impact of dark patterns on users. It highlights the responsibility of designers to prioritize user well-being, trust, and transparency. The post also provides red flags for recognizing dark patterns and offers principles for avoiding them in the design process. Overall, it emphasizes the long-term benefits of ethical design and building trust with users.
- 24
Elevating User Experiences with Custom Events
JavaScript custom events expand the functionality of the built-in event system. They allow programmers to create and handle events that are unique to their application, enhancing communication between components and promoting modularity, maintainability, and reusability.
- 25
50 UX UI portfolio intros you can “borrow” from Google, Apple, Facebook & Uber hires
This article provides 50 examples of proven design portfolio introductions from designer hires at top companies like Google, Apple, Facebook, Uber, Spotify, Airbnb, and Amazon. The article emphasizes the importance of having a strong portfolio introduction and explains the basic structure of a good introduction.
