Best of UXMay 2024

  1. 1
    Article
    Avatar of logrocketLogRocket·2y

    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.

  2. 2
    Article
    Avatar of uxplanetUX Planet·2y

    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.

  3. 3
    Video
    Avatar of communityCommunity Picks·2y

    The Easiest Way to Build Websites

    Learn the easiest and fastest way to build powerful websites with proper design, repeatable design, and tips for delivering an exceptional user experience.

  4. 4
    Article
    Avatar of asayerasayer·2y

    Bento Box: A Refreshing Layout Approach for Websites

    Discover Bento Box Design, a refreshing layout approach for websites that brings order, clarity, and fun to website design. Improve user experience, increase engagement, and create an adaptable design. Learn about the origins, core principles, and examples of Bento Box Layouts. Explore case studies and a practical guide for implementing Bento Box Design on your own website.

  5. 5
    Article
    Avatar of medium_jsMedium·2y

    5 extra packages to use with Flutter 3.22 in 2024

    Discover 5 extra Flutter packages to use with Flutter 3.22 in 2024 that can help make great apps and keep code clean and organized. These packages include Gap, Skeletonizer, toastification, linkfy_text, and flutter_native_splash. Each package serves a different purpose in enhancing UI and user experience.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    Recruitment App UI Design

    Designing a user-friendly interface is crucial for a successful recruitment app. Consider important elements, impact on user experience, and follow best practices.

  7. 7
    Article
    Avatar of medium_jsMedium·2y

    Case Study: Music application

    A case study on a music application that offers features such as recommended music based on genres and artists, user account creation and customization, live streaming, music exploration, and messaging.

  8. 8
    Article
    Avatar of medium_jsMedium·2y

    5 Best Practices for the Sign-up Flow (with examples!)

    Tips for designing a better sign-up flow: Keep it simple, provide social login methods, give instructions for the password field, allow users to make the password visible, and provide clear error messages.

  9. 9
    Article
    Avatar of devtoDEV·2y

    My new freelance era!

    A personal story about transitioning to freelance work, including challenges, lessons learned, and the value of being a freelancer.

  10. 10
    Video
    Avatar of communityCommunity Picks·2y

    The Easiest Way to Build Websites

    Learn the easiest way to build profitable websites by focusing on design and proper implementation. Discover tips for delivering a superb user experience without writing excessive code.

  11. 11
    Article
    Avatar of lambdatestLambdaTest·2y

    How to Implement The Mobile First CSS Approach

    Learn about the mobile first CSS approach, its importance in website development, and the advantages it offers for optimizing user experience on mobile devices.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    How To use Skeleton Screens in React and React Native

    Learn how to implement skeleton screens in React and React Native applications using community options like react-content-loader and react-skeletor.

  13. 13
    Article
    Avatar of asayerasayer·2y

    Skeleton Screens vs. Loading Screens -- A UX Battle

    This post compares skeleton screens and loading screens as strategies for improving user experience during content loading. It discusses the problems of poor loading time, types of skeleton screens, best practices for implementing skeleton screens, types of loading screens, and best practices for implementing loading screens. By understanding the concepts, benefits, use cases, and limitations of each strategy, users can effectively adopt them to improve the overall user experience.

  14. 14
    Article
    Avatar of hnHacker News·2y

    The Worst Website In The Entire World

    A post describing the author's experience with what they consider to be the worst website ever created, highlighting the user-hostile design and frustrating patterns. The author expresses their frustration with the Broadcom Support website and suggests that it should be shut down.

  15. 15
    Article
    Avatar of uxplanetUX Planet·2y

    5 New Amazing UX/UI tools and updates for UX designer

    Discover five new amazing UX/UI tools and updates for UX designers, including Spline Design's AI 3D Generation, Meta's Meta Horizon OS, Penpot 2.0 with CSS grid and component system, Canva's new tools, and Sketch 100's advanced prototyping features.

  16. 16
    Article
    Avatar of communityCommunity Picks·2y

    8 Easy Ways to Improve Your Website Typography in Under 30 minutes

    Learn eight easy ways to improve your website typography in under 30 minutes, including increasing color contrast, tightening heading spacing, and using system fonts for inputs.

  17. 17
    Article
    Avatar of lambdatestLambdaTest·2y

    The Ultimate Guide to CSS Padding

    Learn about the CSS padding property, its importance in web design, how it affects the appearance of a website, and the difference between padding and margin.

  18. 18
    Article
    Avatar of communityCommunity Picks·2y

    The Shape of AI

    AI is accelerating change. Companies must prioritize design and understand the emerging patterns of interaction, affordances, and heuristics in an AI world. The post discusses visual cues for AI features, extending prompts to multiple inputs, and managing the flow of information.

  19. 19
    Article
    Avatar of logrocketLogRocket·2y

    Enhance CSS view transitions with Velvette

    Enhance CSS view transitions with Velvette, a library that simplifies view transition implementations and helps mitigate CSS and JavaScript boilerplate code, element state management, and accessibility challenges.

  20. 20
    Article
    Avatar of medium_jsMedium·2y

    Understanding and Addressing the Grey Screen in Flutter

    Learn how to understand and address the grey screen in Flutter production apps by customizing the error screen and implementing error handling best practices.

  21. 21
    Article
    Avatar of medium_jsMedium·2y

    Psychology to UX design Part 1 — a guide to human experience

    A guide to human experience in UX design, exploring concepts such as Fitt's Law, banner blindness, labor illusion, picture superiority effect, and Occam's Razor.

  22. 22
    Article
    Avatar of codemotionCodemotion·2y

    Gamification Frameworks in AI: Strategies for Creating Engaging User Experiences

    Gamification frameworks in AI employ gaming strategies in non-gaming platforms to create engaging user experiences. It has shown significant impacts in various fields such as insurtech, education, and programming education. Designers need to carefully manage the gameplay, content, and rewards to avoid consumer dissatisfaction. Gamification techniques personalize interactions by aligning services with user goals. Designers should avoid pitfalls such as manipulation and building a game. Strategies for successfully gamifying the system include understanding the audience, aligning AI features to user goals, and tailoring the structure for all stakeholders.

  23. 23
    Article
    Avatar of smashingSmashing Magazine·2y

    Decision Trees For UI Components — Smashing Magazine

    Design teams can use decision trees for UI components to avoid never-ending discussions, confusion, and misunderstanding. Examples of decision trees for UI components are provided by Doctolib, Workday, Lyft, NewsKit, and Nucleus.

  24. 24
    Article
    Avatar of asayerasayer·2y

    Web Typography -- The Impact of Variable Fonts

    Variable fonts revolutionize web design by reducing font file size, enhancing design flexibility, and improving website performance.

  25. 25
    Article
    Avatar of wpWordPress·2y

    How to Add Smooth Scrolling Anchor Links to Your Website

    Learn how to add smooth scrolling to anchor links on your website, improving the user experience.