Desgin Breakdown
Designing for the User
Context :
Have to design a screen where user can take a picture of the desired item in the room can be marked for "replacement or Fixtures"
Wireframe
Design
Aim :
​
1. User should be able to know which room they are in the house.
2. User should be able to do two Primary actions & two secondary actions
3. To avoid stressful interaction
Solution :
​
1. Instead of conventional header for an app, I have used bottomsheet for the Page title
which gives the content of the page more flexibility.
​
2. Primary actions are set closer to the Thumb & secondary actions are set towards top
​
3. Bottomsheet also eliminates stressful interactions by staying in the same page for more
time rather than letting the user go the next page and back and so on .