Milestone 1 - Image Diary (Temp name)

Table of Contents

1. Overview
2. Product Spec
3. Wireframes
4. GIFS (Work in Progress)

Overview

Description

Users can take and save pictures in an online diary where they can write diary entries related to those pictures.

App Evaluation

• Category: Lifestyle
• Mobile: Mobile is necessary because the user have to use their camera to capture a moment/experience. The users can use geolocation to specify where did they take the picture (a way of remembering).
• Story: An image diary to keep track of all the moments you have throughout your lifetime.
• Market: The user base would be very large because journaling/diary keeping is a very popular past time. Especially if you add the images that go along with it, we could have a user base of young to old, though probably more on the younger side because they are the ones more likely to want an online diary vs a paper one.
• Habit: The users can use this app on a daily basis to write about their day. They are more likely to add images that goes with their diary entries, as a way of looking back at the moments captured in those images.
• Scope: V1 would allow users to take and save photos in their diary and write a diary entry to go along with it. It would show it in a list format from recent to older. V2 would include a calendar view with the images in the specific days so you can look back on your entries. V3 would have a geolocation feature so that you can have a map and see where your images were taken.

Product Spec

1. User Features (Required and Optional)

Required Features

• [ ] User can take a picture
• [X] User can create a new diary entry
• [X] User can view a list of their past diary entries
• [X] User can choose a picture from saved photos on their phone

Stretch Features

• [ ] User can view past diary entries in a calendar view
• [ ] User can include audio/sounds in their diary entries
• [ ] User can use geolocation to see where they took their photos
• [ ] User can filter their diary entries by tags
• [ ] User can customize their diary (ex. colors).

2. Screen Archetypes

• Login Screen

  • Users can login to the App

• Register Screen

  • Users can register for the App

• List Screen

  • Users can scroll through their past diary entries
  • They can click on the add button to add a new picture and story
  • They can click on past diary entires to view them
  • They can click on a diary entry to view more details

• Diary Entry Screen

  • Users can view images related to diary entry
  • User can view text diary entry

• Picture Entry Screen

  • Users can take pictures

3. Navigation

Tab Navigation (Tab to Screen)

• List View Screen of Entries
• Diary entry screen
• Picture entry screen
• Optional: Calendar View
• Optional: Map screen
• Optional: Profile

Flow Navigation (Screen to Screen)

• Login Screen / Register Screen

  • Go to the main list screen

• Main list screen

  • Click to expand and see more info
  • Click add to switch to the diary entry screen

• Diary entry Screen:

  • Picture entry screen (Once take picture button is clicked)
  • Main list screen (Once create button is clicked)

• Picture entry screen:

  • Diary entry screen

Wireframes

[Add picture of your hand sketched wireframes in this section]

[BONUS] Digital Wireframes & Mockups

[BONUS] Interactive Prototype

GIFS (Work in Progress)

Progress

Progress Part II