#ui-design

[ follow ]
#web-development

Why we never hired a designer

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

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.

10 Best Practices for Designing Drop-Down Menu

Proper design of drop-down menus enhances usability and prevents user confusion.

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.

Why we never hired a designer

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

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.

10 Best Practices for Designing Drop-Down Menu

Proper design of drop-down menus enhances usability and prevents user confusion.

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.
moreweb-development
#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-experience

Designing Progress Indicators

Progress indicators are crucial for enhancing user experience by providing feedback on ongoing 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.

Voice and Tone in Product Design

Tone is essential for effective communication, adapting to user emotions and context.

Designing Progress Indicators

Progress indicators are crucial for enhancing user experience by providing feedback on ongoing 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.

Voice and Tone in Product Design

Tone is essential for effective communication, adapting to user emotions and context.
moreuser-experience
#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.

What is claymorphism in web design? - LogRocket Blog

Claymorphism is a visually appealing and friendly UI design approach with potential for enhanced 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.

What is claymorphism in web design? - LogRocket Blog

Claymorphism is a visually appealing and friendly UI design approach with potential for enhanced user engagement.
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 just released this 5 new massive updates for 2024

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

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.

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 just released this 5 new massive updates for 2024

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

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.
morefigma
from GSMArena.com
1 month 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.
#typography

Defining process, life outside of Figma, giving better design presentations

Be cautious of trademarked design processes and find what works best for your team and users.

Principles of Typography in UI Design

Typography is crucial in UI design for readability and brand identity.

Defining process, life outside of Figma, giving better design presentations

Be cautious of trademarked design processes and find what works best for your team and users.

Principles of Typography in UI Design

Typography is crucial in UI design for readability and brand identity.
moretypography

Making more impactful design presentations

Improving public speaking skills is essential for advancing in UX, UI, or Product Design careers.

Whatsapp's UI redesign looks clean and fresh

WhatsApp has revamped its UI design with a new color palette and improved accessibility features.
[ Load more ]