Designing cropped for Mikhail

16
Designing an app for Mikhail ”Cropped”

Transcript of Designing cropped for Mikhail

Page 1: Designing cropped for Mikhail

Designing an app for Mikhail

”Cropped”

Page 2: Designing cropped for Mikhail

Getting to know Mikhail

Page 3: Designing cropped for Mikhail

Understanding Mikhail’s problem• Interviewing Mikhail•User persona•User story

Page 4: Designing cropped for Mikhail

As Mikhail, I would like to:• upload my images more quickly so that I can spend more time

improving my creative skills

• eliminate the mundane parts of the of the image-enhancing process so that I can improve the quality of my sketches.

• see intelligently suggested improvements for my sketches so that I can feel more confident about the quality of my images.

Page 5: Designing cropped for Mikhail

Mikhail’s main pain points•Uploading sketches separately•Using lasso tool to select relevant sketches in

document•Differences in image quality require more work•Compiling them into a a single page for client• Time-consuming process

Page 6: Designing cropped for Mikhail

Solution•Moving lasso tool to the front of the process, in

camera screen•Cropping takes place as first step of process rather

than last• Images are already cropped to appropriate selection:

easier to combine

Page 7: Designing cropped for Mikhail

Designing a user flow for Mikhail’s app

Getting feedback from Mikhail

Page 8: Designing cropped for Mikhail

Sketching out screens for Mikhail’s app

Page 9: Designing cropped for Mikhail

Finalizing screens and functionalities

Page 10: Designing cropped for Mikhail

Home screen (1)• Choice to upload image or access old

images in account• Settings button• Close button

Page 11: Designing cropped for Mikhail

Upload screen (2a)• Uploading new image using lasso tool on

screen• Toggles for HDR and flash

Page 12: Designing cropped for Mikhail

My uploads (2b)• Folders for different projects• Camera roll option, also: date/subject• Upload a photo

Page 13: Designing cropped for Mikhail

Edit image (3a)

• Editing the image• Uploading another image immediately• Discarding image selecting cancel

Page 14: Designing cropped for Mikhail

Suggested edits page (4aa)• Suggested edits to ensure consistent image

quality• Reverting back to original

Page 15: Designing cropped for Mikhail

New image (5aa)• Rename image• Edit in Photoshop• Go to folders• Previous page

Page 16: Designing cropped for Mikhail

Cropped comes to life

Link to final project on marvelapp (try it out yourself!):

https://marvelapp.com/47dcibg

For further details see ”Designing Cropped for Mikhail”

http://bit.ly/1RXRR6A