Best of UX — 2025

1
Article
Hacker News·35w
Why our website looks like an operating system
PostHog redesigned their website to function like an operating system, featuring window management, keyboard shortcuts, and multitasking capabilities. The design addresses the common problem of managing multiple tabs on technical websites by allowing users to open and arrange multiple pages simultaneously within a single browser window. The implementation includes OS-inspired UI elements like file explorers, PowerPoint-style presentations, and spreadsheet layouts, built using TypeScript and Tailwind CSS with a JSON-driven content architecture.
856
73
2
Article
UX Planet·1y
UI Design with ChatGPT 4o
ChatGPT 4o can now generate sophisticated UI designs with real text by using detailed prompts. Although it may not produce an exact pixel-perfect design, it is useful for quickly experimenting with different ideas. The post provides a step-by-step guide on how to use ChatGPT for UI design, the importance of detailed prompts, and recommendations for refining designs using tools like Figma.
497
9
3
Article
Community Picks·1y
Find inspiration for your next project!
DevMeetsDevs allows users to explore over 1,000 website designs organized by category, providing ample inspiration for your next project. The platform invites users to discover diverse and creative website design ideas efficiently.
344
27
4
Article
Lobsters·36w
You Don't Need Animations
Animations should serve a clear purpose rather than being added for decoration. Key considerations include frequency of use (high-frequency interactions should avoid animations), speed (UI animations should stay under 300ms), and user goals. Examples demonstrate how purposeful animations can explain features, provide feedback, or improve perceived performance, while unnecessary animations can slow down workflows and frustrate users.
287
16
5
Article
Hacker News·26w
Pikaday
Most forms don't need JavaScript date pickers. Native HTML date/time inputs handle accessibility, performance, and internationalization automatically. For better usability, consider separate inputs for day/month/year, select dropdowns for limited options, or masked inputs with validation. Complex calendar widgets lead to more errors and accessibility issues. Keep forms simple by using native browser features and basic HTML elements that are easier to use and test.
279
15
6
Article
daily.dev Changelog·31w
You can stop begging now - the emoji panel is here
daily.dev has launched an emoji panel feature that allows users to quickly insert emojis by typing ':' followed by characters, similar to Slack and Discord. The autocomplete functionality provides instant emoji suggestions in comment boxes, eliminating the need for OS keyboard shortcuts or manual pasting.
264
168
7
Article
Medium·46w
14 logic-driven UI design tips to improve any interface
A comprehensive guide presenting 14 practical UI design principles based on logic rather than intuition. Covers essential topics including proper spacing using 8-point grids, WCAG accessibility contrast ratios (3:1 for UI elements, 4.5:1 for text), button hierarchy and target sizes, typography best practices, and visual consistency. Demonstrates these principles by transforming a poorly designed profile page interface, addressing issues like inadequate contrast, confusing navigation, poor spacing, and accessibility problems. Emphasizes that good UI design follows structured guidelines rather than artistic instinct.
253
9
8
Article
daily.dev Changelog·42w
We improved readability on daily.dev
Daily.dev implemented several typography and readability improvements including better font sizing, improved heading hierarchy, balanced line heights, wider reading areas, and faster font loading with smoother fallback handling. These incremental changes aim to create a more comfortable reading experience and reduce eye fatigue for users consuming content on the platform.
244
31
9
Article
Medium·1y
Duolingo Just Ended The Term “UX Design”
Duolingo has announced a shift from using the term UX design to PX (Product Experience) design, reflecting their product-focused approach. This change has sparked varied responses from the design community, with some seeing it as a smart move and others considering it a marketing strategy. The evolution of design terminology continues with concepts like Developer Experience (DX) and Agent Experience (AX) also emerging. Despite the evolving terms, the core principles of UX and UI design remain vital.
243
30
10
Article
Paul Vasile·35w
RAM is for the entire computer not just for your shitty app
A critique of developers who justify excessive RAM usage in applications by claiming "RAM is meant to be used" or "RAM is cheap." The author argues that RAM is a shared system resource, not exclusively for individual applications, and calls for common-sense optimization rather than resource-heavy solutions. The piece criticizes the trend of unoptimized code and poor user experience driven by cost-cutting development practices.
205
39
11
Article
The Miners·28w
The 5 UI fundamentals a developer must know
Five essential UI design principles that developers should understand: color theory and application, typography fundamentals including typeface selection and spacing, visual hierarchy through size and contrast, contrast for emphasis and accessibility, and proper alignment for order and readability. Each principle includes practical tips and guidelines for creating better user interfaces without formal design training.
195
4
12
Article
UX Planet·33w
Hero Images are Dead. These Solutions are Replacing Them.
Traditional full-width hero images are becoming ineffective for modern websites. Three better alternatives are emerging: half-page heroes that balance imagery with actionable text, anti-hero designs that prioritize clear CTAs over visuals, and search-first approaches for high-intent users. These solutions improve conversion rates by reducing cognitive load, enhancing mobile performance, and providing clearer user pathways. The key is matching the hero style to user intent and business goals rather than following generic design trends.
194
5
13
Article
daily.dev Changelog·37w
The end of notification hell
Daily.dev has completely redesigned their notification system, replacing broad toggles with granular controls that let users choose exactly what notifications they receive and how (in-app, push, or email). The new system covers all aspects including comments, upvotes, mentions, creator metrics, and Squad activities, with specialized controls for admins and moderators. This major refactor unified years of patched notification logic into one centralized, user-controlled system.
178
13
14
Article
Javarevisited·1y
7 Major Mobile App UI Design Trends for 2025
In 2025, major mobile app UI design trends include minimalist yet functional designs, dynamic gradients, personalized UX, dark mode dominance, responsive designs for wearable tech, neo-brutalism, and AI-powered features. Designers can use various mobile app templates from services like MonsterONE to quickly implement these trends.
178
15
Article
UX Planet·1y
7 Best Landing Page Design Practices to Boost Conversions
Optimize landing pages for higher conversion rates with strategies on content creation, user experience design, form optimization, and continuous testing. Emphasize alignment with ad campaigns, compelling headlines, mobile responsiveness, fast loading times, and personalization. Use high-quality visuals, concise copy, clear CTAs, and A/B testing to improve performance.
172
1
16
Article
Work Chronicles·38w
(comic) User needs vs. career goals
A workplace comic exploring the tension between prioritizing user needs and pursuing personal career advancement. The comic highlights common workplace dynamics where individual career goals may conflict with user-centered decision making in product development and design roles.
162
4
17
Article
Hacker News·22w
The f*** off contact page
A 'fuck off contact page' is a deliberately friction-filled contact page used by large SaaS companies to discourage support inquiries and push users toward self-service options. This design pattern is fundamentally inappropriate for service-based agencies that need to cultivate leads and demonstrate helpfulness. The author shares a client story where misaligned goals, discounted pricing, and lack of trust led to implementing this anti-pattern despite knowing better. Success in client work requires educating clients on the design process, establishing proper value perception through pricing, and building trust through clear communication of expertise and values.
155
25
18
Article
CSS-Tricks·23w
Prevent a page from scrolling while a dialog is open
Chrome 144 introduces a fix for preventing page scrolling when modal dialogs are open by extending overscroll-behavior to work on non-scrollable containers. By setting overscroll-behavior: contain on both the dialog element and body, and making the dialog a scroll container with overflow: hidden, developers can now solve this long-standing issue without JavaScript workarounds that previously required fixing body positioning.
151
5
19
Article
UX Planet·39w
I Opened My Credit Card App While on a Call, & This UX Surprised Me
Robinhood's credit card app demonstrates excellent context-aware UX design by showing a security warning only when users are on phone calls. The bright yellow banner warns users that Robinhood isn't calling them, helping prevent phone scams. This just-in-time design approach is more effective than constant warnings because it appears exactly when the risk is highest, avoiding alert fatigue while building user trust through thoughtful security communication.
147
7
20
Article
UX Planet·32w
Gamification in Education
Traditional education systems already use game mechanics like levels (grades), points (marks), and leaderboards (ranks), but current digital gamification efforts focus on superficial changes rather than addressing core issues. The real problems are uniform pacing, overemphasis on competition, and reliance on extrinsic rewards. Effective gamification should prioritize curiosity over grades, collaboration over competition, adaptive pacing, and storytelling to create intrinsic motivation for learning.
131
2
21
Article
daily.dev Changelog·20w
We fixed duplicate posts in your feed
daily.dev has implemented a deduplication system to prevent the same post from appearing multiple times in your feed when it's shared across different Squads. The system uses a dedup key to track interactions across all versions of the same content, ensuring that once you've seen, upvoted, or interacted with a post, you won't see it again regardless of where it's reshared.
126
15
22
Article
UX Planet·23w
How India’s Largest Payment App Fixed a Problem with Just a Plus Button
Paytm solved a common friction point in payment flows by adding a plus button directly to the amount entry screen, eliminating the need to switch between apps for calculations. The case study demonstrates how identifying micro-frictions in user behavior and addressing them with minimal interface changes can significantly improve user experience. The article explores potential extensions of this concept and emphasizes the importance of observing where users pause or break their workflow.
123
9
23
Article
Frontend Masters·29w
The Two Button Problem – Frontend Masters Blog
Explores a common interface design flaw where two buttons with different visual styles make it unclear which one is currently active or will be activated next. The problem is especially pronounced on devices without cursors (TVs, game consoles) where keyboard or remote navigation is required. Solutions include using consistent button styles with additive indicators for the active state, directional arrows, CSS media queries to detect input methods, and pressed/unpressed visual states for toggle buttons. The key principle is making the active state obviously distinct rather than relying on arbitrary style differences.
123
6
24
Article
LogRocket·1y
3 examples of great login screen designs
Login screens, while often overlooked in UX design, play a vital role in user experience and security. Examples from Adobe Creative Cloud, SoFi, and Spotify show how effective login screens provide multiple access options, offer a balance between security and usability, and maintain brand identity. Designing a successful login screen involves following UX principles like clarity, accessibility, and consistency, while also accommodating various user types.
120
1
25
Article
daily.dev Changelog·41w
New search filters just dropped
New search functionality includes sorting options by relevancy, date, upvotes, or comments, content type filtering for tutorials and videos, and timeframe restrictions for recent content discovery. These enhancements aim to improve content findability based on user feedback.
116
7

See all UX archives