This challenge involves researching different filtering options used on event list websites, understanding their advantages and disadvantages, and designing a user-friendly filter for an events list.
Detailed Instructions
- Research Filtering Options:
- Explore various event list websites (e.g. Eventbrite, Meetup.com) to identify different filtering options they use.
- Focus on how these filters are implemented, such as date range selectors, predefined options (Today, Tomorrow, This week, Next week), and custom date selectors.
- Document the advantages and disadvantages of each filtering method.
- Define User Needs and Scenarios:
- Create a few user scenarios to understand how different users might interact with the event filter.
- Identify the primary needs of users when searching for events.
- Brainstorm and List Filter Criteria:
- Generate a list of potential filter criteria based on your research and user needs.
- Prioritise the filter criteria based on user needs and usability.
- Sketch Filter Layout Ideas:
- Create rough sketches of different filter layout ideas on paper or using a digital sketching tool.
- Experiment with different placements (e.g., sidebar, top bar, dropdown menu) and arrangements of filter options.
- Focus on creating an intuitive and easy-to-navigate filter interface.
- Set Up Your Design File:
- Open your preferred design tool (e.g., Figma, Sketch, Adobe XD) and prepare your workspace for designing the sign-up form.
- Design the Filter Interface:
- Ensure the filter is visually appealing and aligns with the overall design of the events list.
- Include all the prioritised filter criteria and ensure each option is easy to select and modify.
- Review and Iterate:
- Review your filter design to ensure it meets user needs and provides a seamless experience.
- Seek feedback from peers or mentors and make any necessary adjustments.
- Test the filter design with a few users if possible to identify any usability issues and refine the design accordingly.
<aside>
💡 Reflection (Optional): After completing the task, spend 10 minutes reflecting on the experience. Write down what you learned, what went well, and what could be improved.
</aside>
Resources Needed
- Design tools (Figma, Sketch, Adobe XD, or any other UI design software)
- Access to event list websites for research
- Note-taking materials for research and brainstorming
- Sketching materials or a digital sketching tool
Expected Outcomes
- A comprehensive understanding of different filtering options for event lists and their pros and cons.
- User scenarios and prioritised filter criteria based on user needs.
- Rough sketches and high-fidelity designs of the filter interface.