top of page

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"

Room Page (1).png

Wireframe

Room Page (2).png

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 .

bottom of page