Add README.md
This commit is contained in:
@@ -0,0 +1,34 @@
|
|||||||
|
# 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:**
|
||||||
|
|
||||||
|
1. **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
|
||||||
|
|
||||||
|
2. **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.
|
||||||
|
|
||||||
|
3. **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.
|
||||||
Reference in New Issue
Block a user