#ui-design

[ follow ]
#user-experience

Designing Progress Indicators

Progress indicators are crucial for enhancing user experience by providing feedback on ongoing processes.

Why we never hired a designer

Companies can develop user interfaces without designers, but this often harms usability and success without proper design processes.

UI vs. UX design: What's the difference? - LogRocket Blog

UX creates foundation, UI makes it appealing.

Dark patterns versus behavioural nudges in UX

Psychology plays a crucial role in UI design, influencing user experience positively (behavioral nudges) or negatively (dark patterns).

Figma just released this 5 new massive updates for 2024

Figmas new features at Config 2024 include Figma New UI, Figma AI, Figma Slides, Dev Mode Updates, and Feature Improvements.

What you don't know about product-market fit, is hurting you as a UX/UI Designer

Good UX/UI design is not solely about aesthetics; it requires understanding user needs and business strategy.

Designing Progress Indicators

Progress indicators are crucial for enhancing user experience by providing feedback on ongoing processes.

Why we never hired a designer

Companies can develop user interfaces without designers, but this often harms usability and success without proper design processes.

UI vs. UX design: What's the difference? - LogRocket Blog

UX creates foundation, UI makes it appealing.

Dark patterns versus behavioural nudges in UX

Psychology plays a crucial role in UI design, influencing user experience positively (behavioral nudges) or negatively (dark patterns).

Figma just released this 5 new massive updates for 2024

Figmas new features at Config 2024 include Figma New UI, Figma AI, Figma Slides, Dev Mode Updates, and Feature Improvements.

What you don't know about product-market fit, is hurting you as a UX/UI Designer

Good UX/UI design is not solely about aesthetics; it requires understanding user needs and business strategy.
moreuser-experience
#design-trends

UX/UI Design and AI Trends for 2025

AI is reshaping the role of designers, focusing on transformation in work processes.

Figma just released this 5 new massive updates for 2024

Figma unveiled five major updates at Config 2024, highlighting a new UI and AI features.

The Rise and Fall of Neumorphism

Neumorphism is a design trend that combines realism with minimalism, aiming to solve the lack of distinct visual attributes in semi-flat UIs.

UX/UI Design and AI Trends for 2025

AI is reshaping the role of designers, focusing on transformation in work processes.

Figma just released this 5 new massive updates for 2024

Figma unveiled five major updates at Config 2024, highlighting a new UI and AI features.

The Rise and Fall of Neumorphism

Neumorphism is a design trend that combines realism with minimalism, aiming to solve the lack of distinct visual attributes in semi-flat UIs.
moredesign-trends
#web-development

Accessible Custom File Upload | HackerNoon

Create visually appealing file uploads by hiding the default button and using custom styling.

Implementing infinite scroll in React with React Snap Carousel - LogRocket Blog

Carousels efficiently use screen space in UIs and can be easily implemented using React Snap Carousel.

Top 21 React Libraries Which Are Useful to All in 2024

React's component-based architecture and robust library ecosystem drive its success in web development.

Create Floating Growl-Style Notifications with Flyaler jQuery Plugin

Flyaler is a lightweight jQuery notification system that provides various types of unobtrusive messages for enhanced user feedback.

Visualize JSON data with these popular tools - LogRocket Blog

Supabase simplifies backend development for frontend developers, allowing greater focus on UI design.

Hover Effect in UI Design: Tips & Tricks

Hover effects boost interactivity in UI design, providing users clear feedback on interactive elements.

Accessible Custom File Upload | HackerNoon

Create visually appealing file uploads by hiding the default button and using custom styling.

Implementing infinite scroll in React with React Snap Carousel - LogRocket Blog

Carousels efficiently use screen space in UIs and can be easily implemented using React Snap Carousel.

Top 21 React Libraries Which Are Useful to All in 2024

React's component-based architecture and robust library ecosystem drive its success in web development.

Create Floating Growl-Style Notifications with Flyaler jQuery Plugin

Flyaler is a lightweight jQuery notification system that provides various types of unobtrusive messages for enhanced user feedback.

Visualize JSON data with these popular tools - LogRocket Blog

Supabase simplifies backend development for frontend developers, allowing greater focus on UI design.

Hover Effect in UI Design: Tips & Tricks

Hover effects boost interactivity in UI design, providing users clear feedback on interactive elements.
moreweb-development

Fake Falling for a Product Designer that causes a a Hypnic Jerk

Many people are drawn into design careers for superficial reasons rather than genuine passion.
#software-development

Enabling Non-Technical Stakeholders to Build UI with Reusable Components

Bit components and Hope AI enable efficient collaboration between non-technical stakeholders and developers, enhancing communication and design consistency in software projects.

Enabling Non-Technical Stakeholders to Build UI with Reusable Components

Effective communication is essential for software development, particularly between non-technical stakeholders and developers.
Reusable Bit components and Hope AI facilitate direct collaboration on UI changes, enhancing efficiency and design consistency.

Enabling Non-Technical Stakeholders to Build UI with Reusable Components

Bit components and Hope AI enable efficient collaboration between non-technical stakeholders and developers, enhancing communication and design consistency in software projects.

Enabling Non-Technical Stakeholders to Build UI with Reusable Components

Effective communication is essential for software development, particularly between non-technical stakeholders and developers.
Reusable Bit components and Hope AI facilitate direct collaboration on UI changes, enhancing efficiency and design consistency.
moresoftware-development
#user-feedback

Your UI Designs Suck-These Tools Will Fix Them!

Using feedback tools can significantly improve UI design by addressing consistency and usability flaws.

Your UI Designs Suck-These Tools Will Fix Them!

Free tools like Feedback Wizard AI, Ruttl, and ADPlist help designers identify and improve flaws in UI designs through user and expert feedback.

Your UI Designs Suck-These Tools Will Fix Them!

Effective free tools can enhance UI design by providing valuable feedback and insights.

Your UI Designs Suck-These Tools Will Fix Them!

Using feedback tools can significantly improve UI design by addressing consistency and usability flaws.

Your UI Designs Suck-These Tools Will Fix Them!

Free tools like Feedback Wizard AI, Ruttl, and ADPlist help designers identify and improve flaws in UI designs through user and expert feedback.

Your UI Designs Suck-These Tools Will Fix Them!

Effective free tools can enhance UI design by providing valuable feedback and insights.
moreuser-feedback

The importance of hover states

Hover states are vital for enhancing user interaction and productivity in cursor-based interfaces.
#4-point-grid

Why the 4-point grid system dominates UI design

Consistently using proportional scaling, particularly a 4-point grid, is essential in modern UI design for visual clarity and compatibility across devices.

Why the 4-point grid system dominates UI design

A 4-point grid enhances visual hierarchy and design consistency across devices.

Why the 4-point grid system dominates UI design

Consistently using proportional scaling, particularly a 4-point grid, is essential in modern UI design for visual clarity and compatibility across devices.

Why the 4-point grid system dominates UI design

A 4-point grid enhances visual hierarchy and design consistency across devices.
more4-point-grid

XAML Tutorial for Beginners

XAML is a declarative language used for designing user interfaces in Windows applications.
#google

Google just made a major ChromeOS misstep

Google's upcoming changes to ChromeOS risk diminishing its core advantages, particularly the focus on simplicity and ease of searching.
The Search button's replacement could signify a broader philosophical shift in ChromeOS design and functionality.

Google Search Testing Gold Buttons, Phone Call Icons

Google is testing gold buttons for call icons in local search results, potentially enhancing user engagement.

Google just made a major ChromeOS misstep

Google's upcoming changes to ChromeOS risk diminishing its core advantages, particularly the focus on simplicity and ease of searching.
The Search button's replacement could signify a broader philosophical shift in ChromeOS design and functionality.

Google Search Testing Gold Buttons, Phone Call Icons

Google is testing gold buttons for call icons in local search results, potentially enhancing user engagement.
moregoogle
#ux-design

Visual communication vs UI/UX design - LogRocket Blog

Visual communication and UI/UX design are crucial for enhancing user engagement and experience in digital products.

What you don't know about product-market fit, is hurting you as a UX/UI Designer

Good UX/UI design prioritizes purpose and user needs over aesthetics alone.

What you don't know about product-market fit, is hurting you as a UX/UI Designer

Great UX/UI design encompasses more than aesthetics; it must align with business strategy and user needs for true effectiveness.

Cross-Platform Design Wrapped Part 3: UI Polish and Interaction Design | HackerNoon

The importance of UI and UX design is paramount as sensorial engagement increases in our digital-centric lives.

Law of proximity: Principles and applications in design - LogRocket Blog

The brain organizes visual stimuli as a whole for efficiency rather than as individual parts.

Visual communication vs UI/UX design - LogRocket Blog

Visual communication and UI/UX design are crucial for enhancing user engagement and experience in digital products.

What you don't know about product-market fit, is hurting you as a UX/UI Designer

Good UX/UI design prioritizes purpose and user needs over aesthetics alone.

What you don't know about product-market fit, is hurting you as a UX/UI Designer

Great UX/UI design encompasses more than aesthetics; it must align with business strategy and user needs for true effectiveness.

Cross-Platform Design Wrapped Part 3: UI Polish and Interaction Design | HackerNoon

The importance of UI and UX design is paramount as sensorial engagement increases in our digital-centric lives.

Law of proximity: Principles and applications in design - LogRocket Blog

The brain organizes visual stimuli as a whole for efficiency rather than as individual parts.
moreux-design

I can't get enough of this viral trend of posting indie game main menu UI designs

Indie game developers are creatively showcasing their main menu UI designs in a viral trend on social media, emphasizing community engagement and artistic diversity.
#user-engagement

LinkedIn Updates Video Player with New Icons and Save Post Button - Lindsey Gamble

LinkedIn's video player updates create a cleaner interface and streamline user interactions, encouraging greater engagement with saved content.

Best Practices for Designing UI Cards

Cards are essential UI components that enhance user engagement and comprehension by organizing information in a user-friendly manner.

Best Practices for Designing UI Cards

Cards enhance user engagement by organizing information clearly and interactively.

LinkedIn Updates Video Player with New Icons and Save Post Button - Lindsey Gamble

LinkedIn's video player updates create a cleaner interface and streamline user interactions, encouraging greater engagement with saved content.

Best Practices for Designing UI Cards

Cards are essential UI components that enhance user engagement and comprehension by organizing information in a user-friendly manner.

Best Practices for Designing UI Cards

Cards enhance user engagement by organizing information clearly and interactively.
moreuser-engagement

Why the 4-point grid system dominates UI design

The 4-point grid is essential for modern UI design, ensuring clear visual hierarchy and compatibility across devices.
#figma

Figma the villain, why great products fail, decentralizing UX with GenAI

Figma's strong brand identity poses growth challenges in its business model amidst changing economic conditions.

Figma Config 2024

Exciting new UI and AI features announced for Figma, including autolayout improvements, official UI Kits, Dev mode upgrades, and AI capabilities.

The Perfect Figma Tabs Component

Figma's tab components can now effectively incorporate animation and organized variants, enhancing UI design usability.

Figma + Rive: sharing my workflow for UI animations

Rive has two primary modes: Design for UI and Animate for animations, facilitating effective workflow in design and prototyping.

The Perfect Figma Tabs Component

Figma's prototyping tools, while powerful, face limitations with combining animation and reusable components, leaving designers seeking better solutions.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root simplifies wireframing in Figma, emphasizing creativity while leveraging advanced features for scalable design systems.

Figma the villain, why great products fail, decentralizing UX with GenAI

Figma's strong brand identity poses growth challenges in its business model amidst changing economic conditions.

Figma Config 2024

Exciting new UI and AI features announced for Figma, including autolayout improvements, official UI Kits, Dev mode upgrades, and AI capabilities.

The Perfect Figma Tabs Component

Figma's tab components can now effectively incorporate animation and organized variants, enhancing UI design usability.

Figma + Rive: sharing my workflow for UI animations

Rive has two primary modes: Design for UI and Animate for animations, facilitating effective workflow in design and prototyping.

The Perfect Figma Tabs Component

Figma's prototyping tools, while powerful, face limitations with combining animation and reusable components, leaving designers seeking better solutions.

Frames X Root: The ultimate Figma wireframes UI kit

Frames X Root simplifies wireframing in Figma, emphasizing creativity while leveraging advanced features for scalable design systems.
morefigma
from GSMArena.com
2 months ago

One UI 7 design changes showcased in early video

One UI 7 will launch in January 2025 with significant design enhancements including customizable lock screens and a split Quick Panel.
#swiftui

LazyVStack vs List in iOS 18 - #30DaysOfSwift | HackerNoon

LazyVStack is more flexible and customizable than List for complex UIs, but List is easier for standard implementations.

How to Build a FAB-ulous Button - #30DaysOfSwift | HackerNoon

This article focuses on creating a Floating Action Button in SwiftUI, emphasizing accessibility and minimalist design.

LazyVStack vs List in iOS 18 - #30DaysOfSwift | HackerNoon

LazyVStack is more flexible and customizable than List for complex UIs, but List is easier for standard implementations.

How to Build a FAB-ulous Button - #30DaysOfSwift | HackerNoon

This article focuses on creating a Floating Action Button in SwiftUI, emphasizing accessibility and minimalist design.
moreswiftui

Create Quick Toast-like Alerts with Hazel jQuery Plugin

Hazel is a compact jQuery plugin designed for creating customizable toast notifications that disappear automatically.

Hover Effect in UI Design: Tips & Tricks

Hover effects enhance interactivity and feedback in UI, especially on desktop, improving user navigation and experience.

Line Chart UI Design Tips & Tricks

Line charts are best for displaying change over time with four or fewer data points.
#css

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements results in inconsistent visual gaps; a smaller radius for the child improves aesthetics.

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements may lead to inconsistent visual design.

8 CSS & JavaScript Snippets for Creating Animated Progress Bars - Speckyboy

UI progress indicators are essential for user experience, evolving beyond traditional progress bars to offer fun and informative features.

30+ Best Free Icon Fonts for UI Design - Speckyboy

Icon fonts are scalable, customizable, and easy to use in UI design projects.

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements results in inconsistent visual gaps; a smaller radius for the child improves aesthetics.

Corner Radius of Nested Elements in UI design

Using the same corner radius for nested elements may lead to inconsistent visual design.

8 CSS & JavaScript Snippets for Creating Animated Progress Bars - Speckyboy

UI progress indicators are essential for user experience, evolving beyond traditional progress bars to offer fun and informative features.

30+ Best Free Icon Fonts for UI Design - Speckyboy

Icon fonts are scalable, customizable, and easy to use in UI design projects.
morecss

Product localization tips and tricks

Localization of images with text complicates processes and increases auditing risks.
Design must account for different text directions in UI.
Cultural meanings of colors require careful consideration during localization.
Data privacy laws vary by country and must be adhered to during localization.

Other UI principles for B2B web apps

Avoid adding buttons as quick fixes in UI design - focus on dissolving design issues instead.

Video with alpha transparency on the web

Creating videos with alpha channel for UI mocks can be complex, requiring efficient solutions for consistent performance and visual effects.

Game UI Database 2.0 is the ultimate free reference tool for game designers

Game UI Database 2.0 revamped with new features like video support, filters, and faster search capabilities, making it a top resource for game designers.

Button Stealer is the weirdest Google Chrome extension I've seen

A Google Chrome extension called Button Stealer allows UI designers to collect buttons from websites for fun and inspiration.

Neumorphism: The new trend in UI design - LogRocket Blog

Neumorphism combines minimalism and realism to create modern interfaces with depth and simplicity.
[ Load more ]