Skip to content

Feature Mockups

jadmalek edited this page Apr 13, 2018 · 25 revisions

The following will include the mockups of the features for the 3 releases.

Sprint 2 (Release 1)
Sprints 3 and 4 (Release 2)
Sprint 5
Sprint 6 (Release 3)

Sprint 2 (Release 1)

On This Day Share Button

Share Button

On This Day Notification Toggle

Notification Toggle

On This Day Notification Drawer

Notification Drawer

Sprints 3 and 4 (Release 2)

These are the mockups for the Trip Planner and Share Reading List features.

For an interactive view of the prototype for the trip planner, check out the following: Mockup for UI Trip Planning Setup.

Trip Planner Feature

Dashboard Initial Design of the Trip Planner Screens

TripOverall

Screen by Screen View of Trip Planner

Trip1


Trip2


Trip3


Trip4


Trip5


Potential Alternative View for Departure Screen

Trip6


Trip7


Trip10


Trip9


Share Planned Trip (will go to similar screen as share reading list depicted below)

Share1


Share Reading List Feature (Functionality Workflow)

ShareReadingList1


ShareReadingList2


ShareReadingList3


Sprint 5

Article Translation Workflow

Article Translation - select text


Article Translation - view translation


State Tracking + Note Taking

Test out an animated version here!


Select Add Note Option


Write and Save the Note


View Previously Saved Notes


View, Edit or Delete Note


Private Browsing Mode

Enable private mode in settings


Search for an article


View an article in private mode


View selected tabs in private mode


Sprint 6 (Release 3)

Search By Image Workflow

Search By Image - icon


Search By Image - open with


Search By Image - select image

Finalization of Trip planner

The mockups shown above, during sprints 3 and 4, will be used as a basis for the completion of this feature.