DEWA
4 Shots • 3 Attachments
Material components and interactions
molham.ae/projects/dewa-interactionsbookmark
August 28, 2018
The material snack-bars provide brief messages about app processes at the bottom of the screen. In this case, I've placed at the top, as it's closer to the user's signifier. The background uses cognitive and visual contrast between the d...
Select & Edit card
August 28, 2018
The material card has excellent use as a mental frame for users, to be used in this design as a list of different accounts, the price set as the focal point for more natural and quicker scanning information.
1 attachment
Color blind accessibility - Inclusive Design
August 28, 2018
The majority of Dubai houses and apartments uses DEWA to provide water and electricity services. The UI design has to have an accessibility to all different color blinds. "By some estimates, up to 10% of the male population of the world ...
1 attachment
Affordance & Feedback tooltip
August 28, 2018
These little 3 dots are affordance, because users are not familiar with this conceptual model yet. Using signifier for a dropdown menu with list of options.