Best of UX — 2024
- 1
- 2
DEV·2y
50 Best Websites for Web Design Inspiration and Ideas
Discover a curated list of 50 best websites offering web design inspiration and ideas. These resources cater to various needs, from business and ecommerce to portfolios and landing pages. Sources are categorized into multipurpose, focused, and niched inspirations, including both free and paid options. Special mentions include award galleries and website builder showcases.
- 3
- 4
LogRocket·2y
Neumorphism: The new trend in UI design
Neumorphism is a UI design trend blending minimalism and realism to create modern, user-friendly interfaces with depth using shadows and highlights. It merges the simplicity of flat design with the realism of skeuomorphism, offering a balanced approach. While it provides aesthetic appeal and consistency, it poses accessibility challenges that need addressing to meet Web Content Accessibility Guidelines (WCAG). Designers can use strategic visual cues and minimal color schemes to enhance usability and compliance.
- 5
asayer·2y
HTML5 Input Types You May Not Be Using
HTML5 introduces new input types that enhance user experience and provide built-in validation for various data formats, reducing the need for external scripting. These include types like color, date, datetime-local, month, week, time, range, search, tel, and url, each with specific implementations and use cases. Ensuring browser compatibility and providing fallback options are crucial for consistent user experience across different platforms.
- 6
- 7
16 practices for good web design
Learn 16 design practices for good web design, including optimizing the first impression, focusing on clarity, using visual hierarchy, and addressing user doubts. Also, understand the importance of mobile-first design and the principles of conversion rate optimization.
- 8
Hacker News·2y
Collection of Dark Patterns and Unethical Design
Explore various dark patterns commonly found in web and app design, categorized to help understand deceptive practices. Examples include bait and switch, confirmshaming, disguised ads, hidden costs, misdirection, nagging, privacy zuckering, roach motel, sneak into basket, and trick questions. Each category includes typical cases and specific examples.
- 9
- 10
UX Planet·2y
Hover Effect in UI Design: Tips & Tricks
Hover effects in UI design enhance interactivity and provide feedback to users. Use them to highlight interactive elements, offer contextual information, and reinforce brand identity. Opt for subtle animations, maintain uniform effects for similar elements, and ensure the timing is just right for smooth transitions.
- 11
Community Picks·2y
How Airbnb Became a Leader in UX Design
Airbnb's success is heavily attributed to its focus on user-centered design, guided by co-founder Joe Gebbia's background in Design Thinking. Notable milestones include the development of their first mobile app, the pivotal 'Bélo' logo redesign, and the establishment of their own innovation studio, Samara. In 2020, Airbnb further cemented its design-forward approach by hiring Jony Ive's design studio, Lovefrom. The company continually integrates innovative design elements such as 3D illustrations and AI-powered features to enhance user experience.
- 12
- 13
daily.dev Changelog·2y
Comment Sorting
Users can now sort comments on post pages by either newest first or oldest first. The default sorting is oldest first, but this can be changed with a button click. The button updates dynamically to show the current sorting option, allowing users to control their interaction with conversations.
- 14
- 15
Understanding Debouncing in JavaScript
Debouncing in JavaScript is a technique to limit the rate at which a function is executed. It helps optimize performance, enhance user experience, and reduce unnecessary network requests. Learn how to implement debouncing in JavaScript for better control of event triggers.
- 16
- 17
Why you stopped using Notion?
Notion is a productivity tool that may not work for everyone due to its complexity and lack of proper guidance during onboarding. The product appeals to people who are willing to invest significant effort into mastering its functionalities. However, to widen its audience, Notion could improve onboarding processes and value communication.
- 18
Nue 1.0 (Beta)
Nue 1.0 (Beta) introduces an intuitive web framework designed for UX developers. It simplifies web development, reducing reliance on extensive JavaScript and complex frameworks like React. Key features include a global design system, improved CSS theming, seamless view transitions, and easier setup. The latest release also includes extensive documentation and various enhancements to streamline building professional websites quickly and efficiently.
- 19
Bootcamp·2y
Understanding the ‘Why’ behind some basic UI design practices
Understanding fundamental UI design practices helps in creating visually appealing and user-friendly interfaces. Key practices like maintaining consistent padding, using multiples of 8 or 4 for spacing, avoiding decimals, keeping line height to auto, and using a 24px frame for icons enhance design consistency and functionality. Ghost buttons serve as secondary call-to-action elements enhancing visual hierarchy.
- 20
- 21
Best UX Practices for Designing a Sidebar
Sidebars are crucial for navigation in modern web applications, organizing and presenting content in a structured way. Following best practices in designing sidebars enhances usability, efficiency, space optimization, accessibility, and flexibility, which significantly improve user satisfaction and productivity. Key elements include optimal sidebar width, dynamic navigation, easy account switching, expandable sub-items, space for updates, dark/light mode toggle, highlighting active sections, prioritizing essential information, adjustable widths, quick search features, targeted actions, and secondary sidebars for quick access. Testing with real users ensures continuous improvement.
- 22
Corner Radius of Nested Elements in UI design
Using the same corner radius for both parent and child elements in UI design can lead to inconsistent visual gaps. To achieve better visual balance, consider using a slightly smaller corner radius for child elements and apply the formula: Outer radius = Inner radius + Padding. It is also important to use visual judgment to spot any imbalances.
- 23
AI Tools Every UX/UI Designer Needs to Try!
Explore a variety of powerful AI tools designed specifically for UX/UI designers, from creating animations and illustrations with LottieFiles, to practicing design interviews with Google's Interview Warmup. Learn how tools like Miro AI and Maze AI can assist in organizing ideas and research work, and discover platforms like Skill AI for enhancing your skills. Lastly, find out how AI tools like Relume and Wegic can simplify website building for designers who aren't familiar with coding.
- 24
- 25
Substack·2y👵 Use boring sign-up screens
Functional sign-up screens, which emphasize practicality and usability, outperform delightful designs that aim for emotional engagement. Experiments with companies like Ring, Alltrails, Nextdoor, and Spotify show that simplistic designs lead to higher user sign-ups. Distracting elements like videos and illustrations can reduce effectiveness by diverting attention from CTAs and increasing app download sizes in regions with slower internet speeds.
