Best of Mobile Design2024

  1. 1
    Article
    Avatar of bootcampuxdesignBootcamp·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.

  2. 2
    Article
    Avatar of povioPovio·2y

    Choosing the Perfect Font

    Success in mobile app development is often found in the details, and fonts are a key aspect that can make a significant difference. This post provides 8 essential questions to guide you in choosing the perfect font for your app, focusing on factors like readability, accessibility, and design flexibility. Also, it offers a list of 13 recommended fonts to enhance both the aesthetic appeal and functionality of your mobile project.

  3. 3
    Article
    Avatar of devtoDEV·2y

    The Best UX Research Sites for Developers/Designers Inspirations

    Discover the best UX research sites for developers and designers to find inspiration and ideas for their projects. Explore various web and app design sites that offer templates and inspiration for layout and theming. Check out popular sites like Dribbble and Awwwards, and share your recommendations in the comments.

  4. 4
    Article
    Avatar of uxplanetUX Planet·2y

    Practical Guide To Icon Design

    Icon design balances clarity, simplicity, and visual appeal. Key UX recommendations include using icons functionally, ensuring simplicity, maintaining a uniform style, avoiding ambiguity, and testing readability at small sizes. UI recommendations emphasize aligning objects to a pixel grid, designing in multiple sizes (16x16, 24x24, 32x32 px), maintaining consistent stroke widths, respecting border radius guidelines for different platforms, simplifying smaller icons, and matching icon style to typeface. Designlab offers courses to advance your UI/UX design skills.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    Calm tools

    Gnocchi, a cooking app, is designed to be a simple tool rather than a lifestyle platform. It avoids common traps of engagement-driven development, such as notifications and endless content, focusing instead on aiding cooking tasks efficiently. The app exemplifies calm technology, respecting user intent and avoiding attention-capturing tactics. This approach ensures the tool serves its purpose without becoming another source of digital distraction.

  6. 6
    Article
    Avatar of bootcampuxdesignBootcamp·2y

    Case study: WhatsApp scheduled message feature

    This post delves into the design process and user research behind creating a scheduled message feature for WhatsApp. Inspired by a personal experience, the feature aims to help users send timely messages by allowing them to compose and schedule messages for later delivery. Key insights were gathered from informal interviews, and prototypes were created and tested for intuitive use. Future enhancements like recurring messages and templates are also discussed.

  7. 7
    Article
    Avatar of medium_jsMedium·2y

    Designing an AI-Enhanced Storytelling App

    The designed app, Wuri, leverages AI to transform traditional storytelling into an immersive, visual experience. The enhanced app replaces static texts with images, videos, and audio, allowing users to personalize and interact with stories more dynamically. Key insights from the research, including user personas and competitive benchmarking, informed the design process, focusing on seamless navigation, user engagement, and a simplified onboarding process. Future improvements could include features such as a dark theme and enhanced community interactions.

  8. 8
    Article
    Avatar of communityCommunity Picks·2y

    How to Add a Splash Screen and App Icon In React Native?

    Learn how to add a splash screen and app icon to your React Native app. This guide covers the prerequisites, setting up the environment, and using the react-native-splash-screen plugin. It provides a detailed step-by-step process for manual installation and modifying the App.js file to activate the splash screen. Finally, it shows how to run the app on an emulator and verify the changes.

  9. 9
    Article
    Avatar of habrhabr·1y

    How to create a better UX design for the users of younger generations

    Modern UX design for younger generations should focus on mobile-first strategies, concise content, social media integration, and interactive visual elements. For Gen A, designs must cater to different age groups with intuitive, engaging, and colorful interfaces. Encouragement and storytelling are also important to maintain children's interest.

  10. 10
    Article
    Avatar of bootcampuxdesignBootcamp·2y

    Improving Search Experience inside the Glassdoor App —UX/UI Case Study

    This case study delves into the process of redesigning the search filter feature in the Glassdoor app, focusing on enhancing the job search experience for users. By addressing core issues such as inaccurate job location filters, irrelevant job listings, and poor navigation, the redesign aimed to improve user retention and engagement. The process involved researching competitor apps, user interviews, wireframing, usability testing, and iterating based on feedback. Key improvements included better filter discoverability, the ability to select multiple filters, and enhanced job alert management. These changes led to increased user interaction, higher job application rates, and a more streamlined, user-friendly experience.

  11. 11
    Article
    Avatar of bootcampuxdesignBootcamp·2y

    SafetyNet : A case study on how I designed a personal safety application that helps users keep themselves safe.

    Case study on the design of a personal safety application called SafetyNet that addresses the growing concern of personal safety.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    Get Printable Mockups and Sketchpads

    3x UP Mobiles provides printable mockups and sketchpads for capturing more screen in wireframes, particularly for iPhone X.

  13. 13
    Article
    Avatar of netguruNetguru·2y

    20 Tips on How to Improve the UX of Your Application

    Improving the UX of your application can significantly impact user satisfaction and business success. Effective UX research helps in understanding users' needs and behaviors, saving money by avoiding bad ideas, and making improvements early. Methods such as desk research, expert evaluations, and competitor analysis provide valuable insights. Techniques like in-depth interviews and user testing validate the usability and effectiveness of the product. Lean experimentation supports iterative development and better product-market fit. Focus on clear onboarding, mobile optimization, and streamlined navigation to enhance user interactions across all channels.