# Do: UX/UI Best Practices

The following best practices help ensure a **consistent, usable, and maintainable UX/UI** when designing pages and forms using ONEWEB UI and Page Designer tools.

***

#### Provide a Consistent Experience Across Devices

Users may access your application from desktops, laptops, tablets, or mobile devices.\
A key UX principle is ensuring that users receive a **similar experience regardless of the device** they are using.

Design your pages so that:

* Core functionality is accessible on all screen sizes
* Layouts adapt gracefully without hiding essential content
* Navigation and interactions remain predictable

A seamless multi‑device experience increases usability and user confidence.

***

#### Use Clear and Intuitive Navigation

Users interact with your application to **find information or complete tasks quickly**.\
Navigation should guide users naturally to their destination with minimal effort.

Good navigation design:

* Is easy to recognize and easy to scan
* Uses clear labels and logical grouping
* Minimizes the number of clicks required to reach key content

Well‑designed navigation reduces confusion and improves task efficiency.

***

#### Make the Most Important Content the Visual Focus

Users tend to **scan screens rather than read them line by line**.\
Effective UX/UI design uses **visual hierarchy** to guide user attention.

Ensure that:

* Page titles, primary actions, and key content stand out
* Important elements are visible without excessive scrolling
* Secondary information does not compete for attention

A strong focal point helps users understand what to do next at a glance.

***

#### Ensure All Links and Buttons Work as Expected

Nothing frustrates users more than:

* Broken links
* Buttons that look clickable but are not
* Actions that lead to unexpected results

Best practices include:

* Ensuring every link navigates to its intended destination
* Making clickable elements visually distinct
* Avoiding decorative elements that resemble interactive controls

Reliable interactions build trust and reduce user frustration.

***

#### Let Users Control Their Experience

Avoid design choices that **take control away from users**, such as:

* Auto‑playing videos
* Forced navigation or scrolling
* Unexpected UI behavior

Instead:

* Allow users to choose when and how to interact
* Respect user pacing and focus
* Keep interactions predictable and reversible

User‑controlled experiences feel more natural and less intrusive.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.onewebstack.com/building-apps/ui-page-designer/best-practices-for-ux-ui/do-ux-ui-best-practices.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
