Gallery App (Mobile/Web Platform)
Gallery
Platform
Web and App
Mobile
Project description
The inspiration came through my grandma experience of using iPhone to navigate through large set of photos.
Activities
• Brainstorm
• Sketch
• Create Visual Design
• Create high fidelity prototype (Web)
Analysis
Problems
Existed solutions of image gallery is limited to one view mode.
It is time consuming to navigate through larges sets of images in the filmstrip mode only.
It is using more effort in cognitive model when the user in the grid images view mode to tap the image and expand it. Imagine doing same pattern again, again and again.
Solutions
Provide the alternate view mode to make the viewing experience of the photos in the app and web application more friendly and convenient.
Putting the patterns of user interface elements which are being used in the website and mobile application into the Gallery project to deliver familiar experience of the user and make it friendly.
Role
Visual Designer
Frontend Development
Design process
User Flow
Typography
Roboto
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890
High Fidelity
Tools
Team
Khaled Nobani
Web designer
Firas Steitiyeh
Product Manager