UX Design Task
Context:
You are provided with a Figma file containing the design of a digital forum. While the forum's design has been executed with attention to detail, it requires refinement to meet higher usability and aesthetic standards.
Task:
Your task is to redesign the text input field used in the forum’s search function. Currently, the search field is functional but lacks visual appeal and does not adhere to modern UI design principles.
Instructions:
-
Reference Style Guide: Use the Material Design guidelines for text fields as your reference. You can find the guidelines here: [Material Design - Text Fields] https://m2.material.io/components/text-fields
-
Design States: Your redesigned search field should include the following states:
- Default State: How the field looks when not in use.
- Active State: How the field looks when selected/clicked on.
- Filled State: How the field looks with user input.
-
Deliverables: Present the redesigned search field in all three states. Ensure your design is consistent with the Material Design guidelines. Provide your design in a format that can be easily reviewed by providing us the figma link in the input box below
Evaluation Criteria:
- Adherence to the Material Design guidelines.
- Creativity in applying the guidelines while maintaining the forum’s overall aesthetic.
- Attention to detail in the different states of the component.
- Clarity and professionalism in presenting the redesign.