# Web App Huddle

> Practical guides to web application design, user experience, and interface design by Abhijit Rawool.

This publication includes design fundamentals, detailed interface patterns, a PDF book, and a free email course. Articles retain their original publication dates; historical examples and figures should be read in that context.

Each link below provides the page's main content as Markdown. The HTML page is its canonical public source. Use that canonical URL when citing a page.

## Start here

- [Design web apps people love to use.](https://webapphuddle.com/index.md): Learn web application design with practical UX and UI guides, interface patterns, a free email course, and the Step-by-Step Web App Design book.
- [A clearer path from concept to finished UI.](https://webapphuddle.com/step-by-step-web-app-design/index.md): Design a web application from requirements to finished UI with a practical PDF book, a ticket-booking case study, and regular or premium editions from $17.
- [Better web appsstart before the first screen.](https://webapphuddle.com/rapid-web-app-design-course/index.md): Learn a practical five-step approach to web application design in this free email course by Abhijit Rawool. Start with the application before the screens.
- [Web App Huddle? What Is It About?](https://webapphuddle.com/about-web-app-huddle/index.md): Meet Abhijit Rawool, founder of Web App Huddle, and learn how his experience designing enterprise applications shapes these practical UX and UI guides.
- [Better questions.Better web applications.](https://webapphuddle.com/blog/index.md): Want to learn about designing web apps? Web App Huddle’s Web Application Design Blog covers all things related to web application design.

## Articles and reference pages

- [2 Critical Questions to Ask Before Designing Any Feature](https://webapphuddle.com/2-critical-questions-to-ask-before-designing-any-feature/index.md): How many users will use a feature & how frequently are 2 critical questions that you should ask before designing any feature. Lets explore these in detail.
- [25 Things Businesses Look In Business Web Applications Before Buying](https://webapphuddle.com/25-things-businesses-look-in-business-web-applications/index.md): Here is a list of 25 things that businesses look for in business web applications before deciding to buy them.
- [40 Visually Stunning Dashboard Design Examples](https://webapphuddle.com/dashboard-design-examples/index.md): Here are 40 visually stunning dashboard design examples that you can use as inspiration for designing your own dashboards.
- [A Better Way to Design A Drop-Down Field](https://webapphuddle.com/a-better-way-to-design-a-drop-down-field/index.md): Drop-down fields can be a pain to design if they contain large list of items in them. Let me show you a better way to design the drop-down fields.
- [Abhijit Rawool](https://webapphuddle.com/author/abhijit/page/2/index.md): I am Abhijit Rawool and I absolutely hate to travel. Web App Huddle is the website where I share anything and everything about Web Application Design as I learn it.
- [Abhijit Rawool](https://webapphuddle.com/author/abhijit/page/3/index.md): I am Abhijit Rawool and I absolutely hate to travel. Web App Huddle is the website where I share anything and everything about Web Application Design as I learn it.
- [Abhijit Rawool](https://webapphuddle.com/author/abhijit/page/4/index.md): I am Abhijit Rawool and I absolutely hate to travel. Web App Huddle is the website where I share anything and everything about Web Application Design as I learn it.
- [Abhijit Rawool](https://webapphuddle.com/author/abhijit/page/5/index.md): I am Abhijit Rawool and I absolutely hate to travel. Web App Huddle is the website where I share anything and everything about Web Application Design as I learn it.
- [Abhijit Rawool](https://webapphuddle.com/author/abhijit/page/6/index.md): I am Abhijit Rawool and I absolutely hate to travel. Web App Huddle is the website where I share anything and everything about Web Application Design as I learn it.
- [An Innovative Approach to Search Box Design](https://webapphuddle.com/innovative-approach-search-box-design/index.md): Search box design is not very complicated. But you can really innovate while designing it. Here is one such example of an innovative design.
- [Are Product Managers Engineers? (Product Managers Vs. Engineers)](https://webapphuddle.com/are-product-managers-engineers/index.md): Want to know if a Product Manager needs to be an engineer? Here’s everything that you should know about Product Managers and engineers.
- [Are Product Managers Paid More Than Engineers? (Real Figures)](https://webapphuddle.com/are-product-managers-paid-more-than-engineers/index.md): Want to know if Product Managers get more salary than an Engineer? Here’s everything that you should know about their incomes.
- [Are Product Managers Paid Well? (Actual Salaries They Get)](https://webapphuddle.com/are-product-managers-paid-well/index.md): Wondering if Product Managers get paid well enough? Here’s everything that you should know about Product Manager responsibilities and salaries.
- [Are Product Managers Respected? (How To Gain Respect As A PM?)](https://webapphuddle.com/are-product-managers-respected/index.md): Wondering if Product Managers are respected? Here’s everything that you should know about Product Managers and the respect that they get.
- [Conceptual Model – The Critical Part of Web Application Design](https://webapphuddle.com/conceptual-model/index.md): Designing the Conceptual Model correctly helps to make your web application easy to learn and use. Here’s how you can correctly design the Conceptual Model.
- [Contact](https://webapphuddle.com/contact/index.md): Hi! I am Abhijit, founder of Web App Huddle. Want to discuss anything with me? Use the contact form on Web App Huddle to get in touch with me.
- [Creating Folders in Gmail – A Confusing Design Decision](https://webapphuddle.com/creating-folders-gmail-confusing-design-decision/index.md): Do you know how to create folders in Gmail? Not many people do. While designing web applications you can avoid the mistake Gmail did in its design.
- [Dashboard Design](https://webapphuddle.com/tag/dashboard-design/index.md): Articles about dashboard design.
- [Data Onboarding Design](https://webapphuddle.com/tag/data-onboarding/index.md): Articles about data onboarding design.
- [Design fundamentals](https://webapphuddle.com/category/design-fundamentals/index.md): Here’s everything that you will ever need to learn about Web Application Design fundamental. These set of articles cover everything.
- [Design fundamentals](https://webapphuddle.com/category/design-fundamentals/page/2/index.md): Practical guides to design fundamentals.
- [Design Fundamentals](https://webapphuddle.com/tag/design-principles/index.md): Articles about design fundamentals.
- [Design Fundamentals](https://webapphuddle.com/tag/design-principles/page/2/index.md): Articles about design fundamentals.
- [Designing for UX: It is Not a Good Thing Always](https://webapphuddle.com/designing-for-ux-it-is-not-a-good-thing-always/index.md): Providing the best User Experience is important but it might not always be the best thing for a user. Lets discuss when you should not give emphasis to UX.
- [Designing Notifications Feature of a Web Application – Kandan Redesign](https://webapphuddle.com/designing-notifications-feature-of-a-web-application-kandan-redesign/index.md): Designing notifications feature of a web application is not difficult. All you have to do is to keep the user in mind while designing the notifications UI.
- [Designing the Bulk Data Upload Feature of a Web Application](https://webapphuddle.com/designing-the-bulk-data-upload-feature-of-a-web-application/index.md): Designing an interface for the bulk data import feature of a web application is not a small task. Here is a case study showing how to design such a feature.
- [Designing the Create, Edit and Delete Features of Kandan Application](https://webapphuddle.com/designing-the-create-edit-and-delete-features-of-kandan-application/index.md): Continuing with our web application design case study, let us now design the Create, Edit and Delete Conversation features of Kandan web chat application.
- [Disclaimer](https://webapphuddle.com/disclaimer/index.md): This is the disclaimer of Web App Huddle. Read this thoroughly to fully understand our disclaimer.
- [Do Product Managers Code? (Yes And No, Here’s Why…)](https://webapphuddle.com/do-product-managers-code/index.md): Wondering if Product Managers need to code? Here’s everything that you should know about Product Managers and the need for them to code.
- [Do Product Managers Have Direct Reports? (Yes And No)](https://webapphuddle.com/do-product-managers-have-direct-reports/index.md): Wondering if Product Managers have direct reports? Here’s everything that you should know about the people reporting to Product Managers.
- [Do Product Managers Travel? (Why, When, And Benefits Of Travel)](https://webapphuddle.com/do-product-managers-travel/index.md): Wondering if Product Managers travel? Here’s everything that you should know about traveling as a Product Manager.
- [Do UI Designers Need To Code? Yes And No – Here’s Why](https://webapphuddle.com/do-ui-designers-need-to-code/index.md): Do UI designers need coding skills? Learn when HTML, CSS, and programming knowledge help interface designers, and when strong design skills matter most.
- [Form design](https://webapphuddle.com/tag/web-application-form-design/index.md): Articles about form design.
- [Gathering Requirements](https://webapphuddle.com/tag/gathering-requirements/index.md): Articles about gathering requirements.
- [How Choosing the Correct UI Elements Can Still Ruin A Design](https://webapphuddle.com/choosing-correct-ui-elements/index.md): Designing the UI with the correct UI elements is not always sufficient. Your design can quickly turn horribly wrong when you look at the bigger picture.
- [How I Designed the Home Page of Kandan Web Chat Client](https://webapphuddle.com/how-i-designed-the-home-page-of-kandan-web-chat-client/index.md): Lets see how to design the home page of a web chat client. I will explain all the steps I took for designing the Home page of Kandan web chat client.
- [How Long Does It Take to Learn UX Design? (Actual Figures and Facts)](https://webapphuddle.com/how-long-does-it-take-to-learn-ux-design/index.md): Here are some actual figures and facts about how long will it take you to learn UX Design and get your career started in UX Design field.
- [How To Become A UI Designer? [Beginner’s Guide]](https://webapphuddle.com/how-to-become-a-ui-designer/index.md): Do you have a passion for design and a desire to create user-friendly digital experiences? If so, becoming a UI designer may be the perfect career path for you.
- [How To Become A UX Designer With No Experience (In 3 Steps)](https://webapphuddle.com/how-to-become-a-ux-designer-with-no-experience/index.md): Here are 3 steps that you can take to become a UX Designer if you have no experience in UX Design. Just follow these 3 steps to get started.
- [How to Design Advanced Search Interface – Step by Step](https://webapphuddle.com/design-advanced-search-interface-step-step/index.md): Designing Advanced Search interface is one of the complex tasks while designing web applications. In this article we will see how to do this step by step.
- [How to Design Drag and Drop Feature the User Friendly Way](https://webapphuddle.com/how-to-design-drag-and-drop-feature-the-user-friendly-way/index.md): Here are some important things that you should keep in mind if you are designing a drag and drop feature for your web application.
- [How To Design Master Detail UI Pattern (6 Different Design Comparison)](https://webapphuddle.com/master-detail-ui-pattern-design/index.md): Here’s a detailed guide on how to design the Master-Detail UI Pattern. We will compare 6 designs to find out the best way to design this.
- [How to Design Quick Search Interface – The Complete Guide](https://webapphuddle.com/design-quick-search-interface-complete-guide/index.md): Designing quick search interfaces is extremely important when it comes to web applications. Let us see how we can make the interface useful.
- [How to Design Search Interface for Searching Multiple Objects](https://webapphuddle.com/design-search-interface-searching-multiple-objects/index.md): At some point you may want to design search interface which can search multiple objects. Let us see how you can design such an interface.
- [How to Design the Multiple File Upload Feature of a Web App?](https://webapphuddle.com/multiple-file-upload-feature-design/index.md): Here is a simple way to design the Multiple File Upload feature of a web application to upload large number and sizes of files.
- [How to Design the Saved Search Feature in a Web Application](https://webapphuddle.com/how-to-design-the-saved-search-feature-in-a-web-application/index.md): Saved Search can be a useful feature to have in a web application. Here are some design considerations to keep in mind while designing saved searches.
- [How to Properly Design Inline Edit Feature in Web Applications](https://webapphuddle.com/inline-edit-design/index.md): Learn the various ways to design inline edit feature. Inline Edit design pattern lets users edit text on same page instead of navigating to another page.
- [How to Understand the Context in Which Web App will be Used](https://webapphuddle.com/understand-web-app-usage-context/index.md): Understanding the context in which your web application will be used is extremely important and can directly influence the design of your web application.
- [Interface design](https://webapphuddle.com/category/interface-design/index.md): Here’s everything that you will ever need to learn about UI design of Web Applications. These set of articles cover everything.
- [Interface design](https://webapphuddle.com/category/interface-design/page/2/index.md): Practical guides to interface design.
- [Interface design](https://webapphuddle.com/category/interface-design/page/3/index.md): Practical guides to interface design.
- [Is Product Management Part Of R&D? (How It Differs From R&D?)](https://webapphuddle.com/is-product-management-part-of-r-and-d/index.md): Want to know if Product Management is a part of R&D? Here’s everything that you should know about how Product Management and R&D work together.
- [Kandan Redesign Case Study](https://webapphuddle.com/tag/kandan-redesign-case-study/index.md): Articles about kandan redesign case study.
- [Kandan Redesign Project Kickoff – A Web Application Design Case Study](https://webapphuddle.com/kandan-redesign-project-case-study-kickoff/index.md): Learn about designing web applications from scratch through this case study of designing Kandan web chat application.
- [Kandan Web Application Design Case Study](https://webapphuddle.com/kandan-web-application-design-case-study/index.md): This web application design case study covers all the steps I took in designing all the features and UIs of Kandan web application.
- [Keep the UI Simple – Ignore this Principle in Web Application Design](https://webapphuddle.com/keep-the-ui-simple-ignore-this-principle-in-web-application-design/index.md): Keep the UI Simple is one of the basic principles of web design. But it need not be applied always while designing web applications. Let us see why.
- [Privacy Policy](https://webapphuddle.com/privacy-policy/index.md): This Privacy Policy governs the online information collection practices of Web App Huddle website. Read it thoroughly to familiarise yourself.
- [Product management](https://webapphuddle.com/category/product-management/index.md): Here’s everything that you will ever need to learn about Product Management fundamentals. These set of articles cover everything.
- [SaaS vs On-Premise: Which Delivery Model to Choose?](https://webapphuddle.com/saas-vs-on-premise/index.md): Choosing between SaaS vs On-Premise delivery models is crucial even before you start designing your web application. Here’s how to choose the correct model.
- [Scope Definition](https://webapphuddle.com/tag/scope-definition/index.md): Articles about scope definition.
- [Search Design](https://webapphuddle.com/tag/search-design/index.md): Articles about search design.
- [Stop Creating User Personas for Business Web Applications](https://webapphuddle.com/user-personas-business-web-apps/index.md): User Profiles are a better alternative to User Personas when you are designing web applications for businesses. Here are the reasons.
- [Tags Design](https://webapphuddle.com/tag/tags-design/index.md): Articles about tags design.
- [The Beginner’s Guide to Understanding Scope Creep](https://webapphuddle.com/the-beginners-guide-to-understanding-scope-creep/index.md): Scope Creep is the most common reason for delays in product launches or project executions. Lets discuss reasons for scope creep and how to avoid it.
- [The Complete Beginner’s Guide to Dashboard Design](https://webapphuddle.com/beginners-guide-to-dashboard-design/index.md): Dashboard design for web applications is very tricky. This article goes into great detail on how you can design better Dashboards for your web application.
- [The Difference Between a Customer and a User of a Web App](https://webapphuddle.com/difference-between-customer-and-user/index.md): The customer of a web application can be totally different from the actual user of the web application. Let me explain how.
- [The First Step of Design Optimization – Its Not What You Think](https://webapphuddle.com/the-first-step-of-design-optimization-its-not-what-you-think/index.md): Do you know the first step of design optimization? You can deliver an optimal design solution by just iterating your design. Let us see how.
- [The First Step of Web Application UI Design That No One Talks About](https://webapphuddle.com/the-first-step-of-web-application-ui-design-that-no-one-talks-about/index.md): Understanding the user is the first step of web application UI design. Let me show you how an interface can change depending on the type of user using it.
- [The journal](https://webapphuddle.com/blog/page/2/index.md): Practical lessons in UX, UI, and product design.
- [The journal](https://webapphuddle.com/blog/page/3/index.md): Practical lessons in UX, UI, and product design.
- [The journal](https://webapphuddle.com/blog/page/4/index.md): Practical lessons in UX, UI, and product design.
- [The journal](https://webapphuddle.com/blog/page/5/index.md): Practical lessons in UX, UI, and product design.
- [The journal](https://webapphuddle.com/blog/page/6/index.md): Practical lessons in UX, UI, and product design.
- [The One Question You Should Avoid in Requirements Gathering](https://webapphuddle.com/the-one-question-you-should-avoid-in-requirements-gathering/index.md): Many times the reason for design rejection has got nothing to do with the design. It is because you asked the wrong question while gathering requirements.
- [The Wrong and the Right Way of Designing the Delete Action](https://webapphuddle.com/the-wrong-and-the-right-way-of-designing-the-delete-action/index.md): Delete action is really destructive. If not designed properly, all the data may be lost instantly. Here are some ways to properly design the delete action.
- [User experience](https://webapphuddle.com/category/ux-design/index.md): Here’s everything that you will ever need to learn about UX design of Web Applications. These set of articles cover everything.
- [User experience](https://webapphuddle.com/category/ux-design/page/2/index.md): Practical guides to user experience.
- [User Onboarding vs Data Onboarding](https://webapphuddle.com/user-onboarding-vs-data-onboarding/index.md): User Onboarding is an important aspect of any web application but so is Data Onboarding. Let us discuss how the two differ and how to design both of them.
- [UX and UI Designer Salaries – Stats From Multiple Different Sources](https://webapphuddle.com/ux-and-ui-designer-salaries/index.md): Here are the salary ranges of UX and UI designers collected from multiple sources to give you an idea of what you can make in these fields.
- [Web Application vs Website Design: A Fundamental Difference](https://webapphuddle.com/web-application-vs-website-design-a-fundamental-difference/index.md): Let me explain the fundamental difference between web application design and website design. It is important to understand this before starting any design.
- [Welcome to Web App Huddle!](https://webapphuddle.com/welcome-to-web-app-huddle/index.md): Welcome to Web App Huddle. Read more about what Web App Huddle is and how it is different from other websites covering web application design.
- [What Does A UI Designer Do? (The Complete Guide)](https://webapphuddle.com/what-does-a-ui-designer-do/index.md): As a UI designer, your primary responsibility is to create user-friendly interfaces that meet the needs of your clients and their target audience.
- [What is a UX Bug and Why is it More Harmful Than a UI Bug](https://webapphuddle.com/what-is-a-ux-bug/index.md): Ever wondered what is a UX bug? Here’s what it is and why it is more harmful than a UI bug. Understanding this is crucial for UX Design.
- [What is a Wireframe – The Complete Guide to Wireframes](https://webapphuddle.com/what-is-a-wireframe-the-complete-guide-to-wireframes/index.md): A wireframe is an integral part of any design process that conveys the design ideas accurately. Lets discuss in detail what a wireframe is.
- [What is Good Design?](https://webapphuddle.com/what-is-good-design/index.md): What is good design is not a simple question to answer. But if you were to define it in just one sentence, then this is how it will be.
- [What Is UI Design? [Explained for Beginners]](https://webapphuddle.com/what-is-ui-design/index.md): Discover the essence of UI design: the art of creating intuitive, engaging digital experiences. Boost your design skills today.
- [What Tools Do UI Designers Use? (The Complete List)](https://webapphuddle.com/what-tools-do-ui-designers-use/index.md): Explore the tools UI designers use for wireframes, interface design, prototyping, and collaboration, with examples and guidance on choosing your toolkit.
- [Why did Google Design a Buttonless Popup?](https://webapphuddle.com/why-did-google-design-a-buttonless-popup/index.md): Buttonless popups are not usual in interface designs. So why did Google design one? Let us try to figure this out.
- [Why Mental Models Are Essential In Web Application Design](https://webapphuddle.com/why-mental-models-are-essential-in-web-application-design/index.md): Here’s why it is so critical to consider mental models of your potential users before you start designing your web application.
- [Why You Need Tags Feature in Web Apps & How to Design It](https://webapphuddle.com/design-tags-feature-in-web-apps/index.md): Designing tags feature in a web apps is not difficult but deciding on why & when to have the tags feature is difficult. Let us discuss this in more detail.

## Feeds and discovery

- [XML sitemap](https://webapphuddle.com/sitemap.xml)
- [RSS feed](https://webapphuddle.com/feed/)