26
guidelines

Navigation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#
222
Make Categories Clickable for Easy Navigation
Enhances Usability
Improves Accessibility
Increases Conversions
context

If category labels are not clickable, users may get frustrated trying to tap subcategories or navigate backward. This adds unnecessary friction and slows down the shopping experience.

view guideline
#
221
User Experience, Technical Performance
Reduces Confusion
Improves Navigation
Increases Conversions
context

When collection and product links look the same, users may struggle to differentiate between browsing a category and selecting a specific product. This can lead to frustration and an inefficient shopping experience.

view guideline
#
220
Add a Primary Action in Mobile Navigation
Improves Navigation
Reduces Hesitation
Increases Conversions
context

On mobile, users may feel overwhelmed by multiple navigation options, leading to indecision and drop-offs. If they can't quickly determine where to go next, they may abandon the session entirely.

view guideline
#
219
Use Visual Elements in Mobile Navigation
Enhances Engagement
Improves Clarity
context

On mobile, text-only navigation can feel overwhelming and hard to scan. If users can't quickly grasp what each link leads to, they may hesitate or drop off.

view guideline
#
218
Optimize Mobile Dropdowns for Quick Access
Enhances Usability
Reduces Friction
Improves Navigation
context

On mobile, opening all dropdowns by default creates a cluttered, overwhelming experience. But if everything is closed, users may not realize what's available, leading to frustration.

view guideline
#
217
Maintain a Clear Visual Hierarchy in Mobile Navigation
Enhances Clarity
Reduces Frustration
Improves Usability
context

If your mobile navigation lacks a clear structure, users will struggle to find what they need. Poor visual hierarchy leads to confusion, frustration, and increased drop-offs.

view guideline
#
216
Add a "Shop All" CTA for Easy Browsing
Boosts Conversions
Reduces Friction
Increases Product Discovery
context

Some users may not know exactly what they want or might struggle to choose from the categories provided. If they don't see a clear all-in-one shopping option, they may leave instead of exploring further.

view guideline
#
215
Upgrade to Branded Mega Menus
Improves Engagement
Enhances Navigation
Increases Conversions
context

Traditional dropdown menus can feel dull, overwhelming, or hard to scan. If your navigation lacks visual appeal and organization, users may struggle to find what they need and leave.

view guideline
#
213
Keep Navigation Branded for a Lasting Impression
Strengthens Brand Recall
Builds Trust
Enhances Engagement
context

Navigation isn't just functional—it's an opportunity to reinforce your brand. A generic or plain navigation menu misses the chance to remind users who you are and what you stand for.

view guideline
#
212
Nest Links Under Dropdowns to Reduce Clutter
Enhances Usability
Reduces Distractions
Improves Navigation
context

A long list of links on mobile can overwhelm users, making it harder for them to find what they need. Cluttered navigation leads to frustration and higher bounce rates.

view guideline
#
211
Add Descriptions to Navigation Dropdowns
Enhances Product Discovery
Improves Clarity
Increases Conversions
context

If users only see category names in your navigation without context, they might not fully understand what's inside each collection. This can lead to hesitation, unnecessary clicks, or users abandoning the search.

view guideline
#
210
Use Collections as Main Navigation Dropdowns
Simplifies Navigation
Improves Product Discovery
Increases Conversions
context

If your store has a large number of SKUs, listing individual products in dropdowns will overwhelm users and make navigation cluttered. This slows down browsing and creates decision fatigue.

view guideline
#
209
Make Categories Clickable for Easy Navigation
Enhances Usability
Improves Accessibility
Increases Conversions
context

If category labels are not clickable, users may get frustrated trying to tap subcategories or navigate backward. This adds unnecessary friction and slows down the shopping experience.

view guideline
#
208
User Experience, Technical Performance
Reduces Confusion
Improves Navigation
Increases Conversions
context

When collection and product links look the same, users may struggle to differentiate between browsing a category and selecting a specific product. This can lead to frustration and an inefficient shopping experience.

view guideline
#
207
Get Creative with Product Collections
Enhances Engagement
Improves Product Discovery
Increases Conversions
context

Standard category-based navigation can feel rigid and may not always align with how users think about their needs. If products are only grouped traditionally, some users may struggle to find what's most relevant to them.

view guideline
#
206
Prioritize Primary Shopping Links
Improves Navigation
Reduces Friction
Increases Conversions
context

If all links in your navigation look equally important, users may struggle to find the main shopping paths. When primary and secondary links compete for attention, it creates confusion and slows down decision-making.

view guideline
#
205
Streamline Navigation by Limiting Links
Improves Clarity
Reduces Distractions
Increases Conversions
context

A crowded navigation bar can overwhelm visitors, making it harder for them to find what matters. Too many options create decision fatigue, leading to frustration and higher bounce rates.

view guideline
#
204
Keep Promo Banners Relevant & Actionable
Grabs Attention
Drives Conversions
Reduces Distractions
context

A promo banner is prime real estate, but if it's filled with vague, irrelevant, or generic messaging, it becomes noise rather than a conversion driver. Visitors will ignore it or get distracted from the main offer.

view guideline
#
203
Keep Desktop Navigation Clean for Large SKU Catalogs
Reduces Clutter
Improves Navigation
Enhances Usability
context

If you have a large number of SKUs, adding images to your desktop navigation can create visual overload, slowing down the browsing experience and making it harder for users to find what they need.

view guideline
#
202
Always Include a Primary CTA on Desktop
Guides User Action
Reduces Friction
Increases Conversions
context

Without a clear and relevant Call-to-Action (CTA), visitors may not know what to do next. A missing or weak CTA leads to confusion, hesitation, and lost conversions.

view guideline
#
201
Keep Navigation Clean with Dropdowns
Reduces Clutter
Improves Usability
Increases Conversions
context

A cluttered navigation bar overwhelms users and makes it harder for them to find what they need. Too many options can create friction, leading to frustration and drop-offs.

view guideline
#
179
Make Collection Pagination Easy to Use
Improves Browsing Efficiency
Reduces Frustration
Increases Product Discovery
context

If pagination is clunky or hard to navigate, users may struggle to explore beyond the first page, leading to missed products and lost sales. Poor pagination can create friction and lead to abandoned searches.

view guideline
#
165
Add Quick Links to Other Collections
Improves Product Discovery
Reduces Bounce Rates
Increases Engagement
context

If users don't find what they need in one collection, they might leave instead of exploring other options. Without clear paths to other collections, you risk losing potential conversions.

view guideline
#
163
Organize "All Products" by Categories for Better Browsing
Reduces Overwhelm
Improves Findability
Increases Conversions
context

"All Products" collections can feel overwhelming, especially if users are scrolling through hundreds of products with no structure. Without organization, they might struggle to find what they're looking for.

view guideline
#
161
Enable Sorting for Better Product Discovery
Improves Findability
Enhances User Control
Increases Conversions
context

Without sorting options, users are forced to scroll through products in a default order that may not match their preferences. This can feel inefficient and drop-offs, especially in large collections.

view guideline