> ## Documentation Index
> Fetch the complete documentation index at: https://docs.claimr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# UX requirements: design guidelines for claimr campaigns

> Design checklists covering campaign structure, groups, quest cards, quests, tasks, user progress, pop-ups, and interactive components in claimr.

### The importance of UX for campaigns

* **Feature visibility:** claimr's flexibility comes with the ability to customize the look and feel of your campaigns extensively. However, without UX design, certain features may not be displayed correctly or prominently, hindering user engagement and campaign success.
* **User-friendly interface:** Intuitive navigation and clear layouts are essential for a positive user experience. Poor UX design can lead to frustration, causing users to abandon your campaign.
* **Optimized engagement:** By incorporating UX best practices, you can guide users through your campaign seamlessly, encouraging them to complete tasks, earn rewards, and ultimately achieve your campaign goals.
* **Brand consistency:** A well-designed campaign reflects positively on your brand and reinforces your message. UX design helps maintain a cohesive and professional look that strengthens your brand identity.

### Key UX considerations for your campaign

Before diving into building your campaign with claimr, take the time to plan and design the user experience. Consider the following:

* **User flow:** Map out the steps you want users to take within your campaign, from initial landing to completing tasks and claiming rewards.
* **Layout and visuals:** Ensure your designs are visually appealing, easy to navigate, and align with your brand identity.
* **Mobile responsiveness:** Test that your campaign looks and functions flawlessly across different devices, including desktops, tablets, and smartphones.

Explore the essential UX checklists to guarantee your claimr campaign looks and performs its best.

<CardGroup cols={2}>
  <Card title="Campaign" icon="flag" href="/ux-requirements/campaign-ux-requirements">
    Design elements and considerations for the overall campaign structure.
  </Card>

  <Card title="Group" icon="layer-group" href="/ux-requirements/group-ux-requirements">
    UX requirements for presenting groups of quests.
  </Card>

  <Card title="Quest card" icon="id-card" href="/ux-requirements/quest-card-ux-requirements">
    Design elements for creating effective and engaging quest cards.
  </Card>

  <Card title="Quest" icon="map" href="/ux-requirements/quest-ux-requirements">
    Design elements for building visually appealing, user-friendly quests.
  </Card>

  <Card title="Task" icon="list-check" href="/ux-requirements/task-ux-requirements">
    Requirements for presenting tasks clearly throughout their lifecycle.
  </Card>

  <Card title="User progress" icon="chart-line" href="/ux-requirements/user-progress-ux-requirements">
    How to design clear, informative displays of user progress.
  </Card>

  <Card title="Pop-ups" icon="message" href="/ux-requirements/pop-ups-ux-requirements">
    Requirements for designing effective, user-friendly pop-ups.
  </Card>

  <Card title="Interactive components" icon="sliders" href="/ux-requirements/interactive-components-ux-requirements">
    Requirements for buttons and input fields across your campaigns.
  </Card>
</CardGroup>