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