--- title: Best Mobile Design posts of 2024 | daily.dev description: The most upvoted Mobile Design posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/mobile-design/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/mobile-design/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Mobile Design posts of 2024 | daily.dev og:description: The most upvoted Mobile Design posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Mobile Design — 2024 1. 1 [](/posts/understanding-the-why-behind-some-basic-ui-design-practices-6holjwemv "Understanding the ‘Why’ behind some basic UI design practices") Article 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. 200 5 2. 2 [](/posts/choosing-the-perfect-font-qkpst6fxk "Choosing the Perfect Font") Article Povio · 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. 136 2 3. 3 [](/posts/the-best-ux-research-sites-for-developers-designers-inspirations-x4l7zsks3 "The Best UX Research Sites for Developers/Designers Inspirations") Article DEV · 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. 134 3 4. 4 [](/posts/practical-guide-to-icon-design-vpldmemlz "Practical Guide To Icon Design") Article UX 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. 82 2 5. 5 [](/posts/calm-tools-aem0xzugb "Calm tools") Article Community 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. 79 5 6. 6 [](/posts/case-study-whatsapp-scheduled-message-feature-wndggfcne "Case study: WhatsApp scheduled message feature") Article Bootcamp · 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. 57 4 7. 7 [](/posts/designing-an-ai-enhanced-storytelling-app-egmzgc9n8 "Designing an AI-Enhanced Storytelling App") Article Medium · 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. 56 8. 8 [](/posts/how-to-add-a-splash-screen-and-app-icon-in-react-native--gnwcbms0y "How to Add a Splash Screen and App Icon In React Native?") Article Community 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. 36 9. 9 [](/posts/how-to-create-a-better-ux-design-for-the-users-of-younger-generations-2pfa6lbfn "How to create a better UX design for the users of younger generations") Article habr · 2y 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. 34 10. 10 [](/posts/improving-search-experience-inside-the-glassdoor-app-ux-ui-case-study-xnvxiur56 "Improving Search Experience inside the Glassdoor App —UX/UI Case Study") Article Bootcamp · 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. 34 2 11. 11 [](/posts/safetynet-a-case-study-on-how-i-designed-a-personal-safety-application-that-helps-users-keep-thems-b5bipznsb "SafetyNet : A case study on how I designed a personal safety application that helps users keep themselves safe.") Article Bootcamp · 3y 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. 24 12. 12 [](/posts/get-printable-mockups-and-sketchpads-qy8jqq4oh "Get Printable Mockups and Sketchpads") Article Community 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. 22 13. 13 [](/posts/20-tips-on-how-to-improve-the-ux-of-your-application-vj0yqdi8f "20 Tips on How to Improve the UX of Your Application") Article Netguru · 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. 15 [See all Mobile Design archives](/tags/mobile-design/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/mobile-design/best-of/2024#page","url":"https://daily.dev/tags/mobile-design/best-of/2024","name":"Best Mobile Design Posts of 2024","description":"The most upvoted Mobile Design posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/mobile-design/best-of/2024#items","numberOfItems":13,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/understanding-the-why-behind-some-basic-ui-design-practices-6holjwemv","name":"Understanding the ‘Why’ behind some basic UI design practices"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/choosing-the-perfect-font-qkpst6fxk","name":"Choosing the Perfect Font"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/the-best-ux-research-sites-for-developers-designers-inspirations-x4l7zsks3","name":"The Best UX Research Sites for Developers/Designers Inspirations"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/practical-guide-to-icon-design-vpldmemlz","name":"Practical Guide To Icon Design"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/calm-tools-aem0xzugb","name":"Calm tools"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/case-study-whatsapp-scheduled-message-feature-wndggfcne","name":"Case study: WhatsApp scheduled message feature"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/designing-an-ai-enhanced-storytelling-app-egmzgc9n8","name":"Designing an AI-Enhanced Storytelling App"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-add-a-splash-screen-and-app-icon-in-react-native--gnwcbms0y","name":"How to Add a Splash Screen and App Icon In React Native?"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-create-a-better-ux-design-for-the-users-of-younger-generations-2pfa6lbfn","name":"How to create a better UX design for the users of younger generations"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/improving-search-experience-inside-the-glassdoor-app-ux-ui-case-study-xnvxiur56","name":"Improving Search Experience inside the Glassdoor App —UX/UI Case Study"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/safetynet-a-case-study-on-how-i-designed-a-personal-safety-application-that-helps-users-keep-thems-b5bipznsb","name":"SafetyNet : A case study on how I designed a personal safety application that helps users keep themselves safe."},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/get-printable-mockups-and-sketchpads-qy8jqq4oh","name":"Get Printable Mockups and Sketchpads"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/20-tips-on-how-to-improve-the-ux-of-your-application-vj0yqdi8f","name":"20 Tips on How to Improve the UX of Your Application"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Mobile Design","item":"https://daily.dev/tags/mobile-design"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/mobile-design/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```