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 .

© 2022 by Emran Hossain. 

bottom of page