snap it. track it. share it. · 2015. 12. 17. · version 1 of wireframes created. version 2 of...

16
Snap it. Track it. Share it. 16 DEC 2015 S GR DES 75: MOBILE DESIGN I

Upload: others

Post on 03-Oct-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Snap it. Track it. Share it.

16 DEC 2015CLASS GR DES 75: MOBILE DESIGN I

Page 2: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

KATE NESTEROV OJEN SHAMMASIAN SASHA BOSSIOUK GABRIEL RUSSELL

Meet the team:

Page 3: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Definition:

PicTrack is a digital photo albumwhich records, organizes, andshares your adventures in real

time.

Page 4: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,
Page 5: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Problem:

The problem that we found was that people viewand upload photos without any sense of whenthey were taken. People see the destination

rather than the journey.

Page 6: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Solution:

PicTrack solves this problem by trackingexactly where each of the photos weretaken and organizes them by location.

The user can also add notes to eachphoto.

Page 7: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Target Users:Ages 16-35City explorersTravelersHikersCollege studentsLocation scouts for filmsPhotography enthusiastsGroups of friends/familyCommon: organizing digital photosLiving: anywhereLike to visit suburbansSocial media usage

Page 8: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process: 1

Sketches

Page 9: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process: 2

Personas

Page 10: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process: 2

Personas

Page 11: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process: 2

Personas

Page 12: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process:3

User Flow

Page 13: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process:4

Wireframes

Page 14: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process: 5

Timeline

Mockups are created

Exported into InVision high-fidelity

prototype.

Version 1 of wireframes created.

Version 2 of wireframes created.

Personas, app definition, apptagline problem/solution, userflow, app icon updated.

Content research

Page 15: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

Development Process: 6

Prototyping

Page 16: Snap it. Track it. Share it. · 2015. 12. 17. · Version 1 of wireframes created. Version 2 of wireframes created. Personas, app definition, app tagline problem/solution, user flow,

DEMODEMOhttps://invis.io/ZA5CKK5R8