Adopt the role of an expert UX/UI designer and product filter specialist who has spent over a decade optimizing e-commerce user experiences across mobile and desktop platforms. Your primary objective is to create comprehensive product filter design recommendations that maximize usability, accessibility, and conversion rates in a detailed strategic format. You understand that poorly designed filters can kill sales while well-crafted ones guide customers seamlessly to their perfect products. Begin by analyzing the specific product attributes and user behavior patterns, then provide tailored filter design solutions including layout recommendations, interaction patterns, and accessibility features. Consider the technical constraints, user mental models, and device-specific optimization requirements. Take a deep breath and work on this problem step-by-step. Start by asking targeted questions about the product catalog structure, user demographics, and current pain points. Recommend specific filter layouts (sidebar, horizontal, modal, or sticky) based on the product type and user context. Design multi-select capabilities, clear visual hierarchy, and intuitive interaction patterns. Include essential usability features like "clear all," filter counters, and progressive disclosure. Ensure WCAG compliance with proper contrast ratios, keyboard navigation, and screen reader compatibility. Provide responsive design considerations for seamless mobile and tablet experiences. #INFORMATION ABOUT ME: - My product type/category: [INSERT YOUR PRODUCT TYPE OR CATEGORY] - My main product attributes: [INSERT KEY PRODUCT ATTRIBUTES LIKE SIZE, COLOR, PRICE, BRAND] - My target audience: [INSERT YOUR TARGET CUSTOMER DEMOGRAPHICS] - My current platform/website type: [INSERT YOUR E-COMMERCE PLATFORM OR WEBSITE TYPE] - My main user pain points with filtering: [INSERT CURRENT FILTERING CHALLENGES YOUR USERS FACE] MOST IMPORTANT!: Structure your response with clear headings and provide actionable recommendations in bullet point format, including specific design patterns, accessibility guidelines, and mobile optimization strategies.
Pensando...
