Qoop Processbook Final

7/28/2019 Qoop Processbook Final

1/58

Entrepreneurial App Design

Prasun Sharma

Bro. Brian Memmott


2/58

Presentation

Project Overview

Project Schedule

Primary Design Process- Research- Brainstorming- Sketching

Final Design Process- Research- Specifcation

-Criterias-Personas-Scenarios

- Brainstorming- Sketches

Prototype Design- Lo-f Design- Hi-f Design

Testing-Lo-f

Design Elements

Detailed Design

Final Product

0102

03

04

05

06

07

0809

10

able o Content


3/58

Schedule

Feb 26

April 9

April 4

April 2

March 19

March 5

March 7 March 7

March 28

March 26

March 21

Idea Exploration

Fnal Idea

Research / Interviews / Sketches

Final Product

Hi-Fi Prototype esting 2

Hi-Fi Prototype esting 1

Hi-Fi Prototype Dra 1

Lo-Fi Prototype Design

Lo-Fi Prototype esting




4/58

Have you ever wanted to take a picture like this ?


5/58

Or a pictures like this ?


6/58

But ended up taking a picture like this?


7/58

And because o you lack o skill in photoshop ended up with this.


8/58


9/58


10/58


11/58


12/58


13/58


14/58


15/58


16/58


17/58


18/58


19/58


20/58


21/58


22/58

www.qoop.qassup.com


23/58

For this project we developed a smartphoneapp that solves a unique problem that we haveidentied. Our goal was to come up with anapp that doesnt exist yet but that should. Tiswas a semester-long creative project. We hadto produce a substantial amount o work tocomplete this project so everything had to onthe pre determined schedule.

Outcome:

1. o develop an understanding o all theprinciples o interaction design.

2. o give value (real and/or percieved) toan application based on usability, design,and composition.

3. o comprehensively document andsummarize the research and creativeprocess we ollowed.

Process steps:

Identiy an existing problem thatsmartphone technology could solve.

Research, conduct and document a visualsurvey o ot the app with photographs,screen grabs, scans, and/or sketching.Conduct inormal interviews with severalpeople to learn more.

Develop an appropriate and creativesolution that will solve this problem

Utilize the capabilities o smartphonetechnology and the internet

Utilize the capabilities o a tablettechnology and the internet

Utilize research and user testing techniquesto substantiate your solution

Make observations o their experience withthe product, and use their recommendationto urther rene the product.

Develop a user interace that ollows theprinciples o interaction and design

Finalize the product, with everythingworking, and test the nal product, withew other participants.

Develop an app icon or your solution

Create a presentation, and a processbook, that reects o all the work donethroughout the project, identies theproblem, and the user, and shows the resulto solved problem.

Develop a promotional website or the appto promote the app to the general public.

Project Overview


24/58

Brainstorming


25/58

Concept 1:

A camera app to connect the DSLR camera,and the mobile device. Itll be easier or thephotographer to take sel portraits, and orcedperspective pictures.

Audience:Proessional, and amateur photographers,who like to manage their content on the go,

and like to take sel portraits, and orcedperspective pictures.

Existing Problem:No such application exists to connect theDSLR camera to the mobile device.

Pros:Tere is a huge market o photographers,and there isnt any app like this in themarket right now.

Cons:Te technology to support this app doesntexist right now.

Concept 2:

Online tutoring application or all the devicesincluding a website. Tis would be likeacebook or students, but instead o wastingtime they would learn something.

Audience:Students rom anywhere.

Existing Problem:No such application or website exists, aso now. Yahoo answers is very random thisapp would be specic to a course.

Pros:Te market is too big or this app. Tereare a lot o students out there, and onlinelearning is the new big thing.

Cons:Almost nobody likes to read on a mobiledevice, tablet, and the website would be ne,but mobile wouldnt work.

Concept 3:A calorie calculating app. Which would keeprecord o your regular calorie intake, and alertyou i your going over or below your target.

Audience:Every weight conscious person who wantsto keep track o their calorie intake to live ahealthy lie.

Existing Problem:Tere is a decent app o this kind, and thereisnt any which would alert you according tothe set target.

Pros:Tere are a lot o weight conscious peopleout there who want to keep track o therecalorie intake inorder to stay healthy.

Cons:Tere are already plenty o calories relatedapps out in the market, so the competitionis too much. Also its not challenging or unto design, and develop.

Selected Concepts


26/58

Visual Research


27/58

Visual Research


28/58

Visual Research


29/58

Visual Research


30/58

Mind Mapping


31/58

Mind Mapping


32/58

Mind Mapping


33/58

Brainstorming


34/58

SPECIFICAIONS

Executive Summary:

Making the experience o photography moreefcient, simple, and aster.

Justifcation:Tis application has been designed ora specic audience i.e the proessional,and amatuer photographers. Te userneeds to own, and be acquainted with aDSLR camera to use this app. Te userinterace o the settings page is based onthe DSLR camera, so a regular user willhave no trouble guring it out. Te mainpurpose o this app is to help you take selportraits, and orced perspective pictures byprojecting the camera screen on your cellphone or a tablet. Tis will help you knowthe exact place, and position your subjectneeds to be while taking such pictures.Also this app will save users a lot o money,because they dont need to buy a triggerto shoot the picture. Also organization o

les become very easy. With the help o thelike button, users can sort all the picturethey want to spend time editing or urtherrenement. Te pictures liked will appearon the top o the list when they come backto the computer. All the picture will beavailable on all the devices so users wontlose their avorite picture easily. Also theycan use the memory o the camera to storepictures i the memory card in the camerais ull. Users will also be able to change

the settings o the camera rom theirphone without having to move the cameraposition. Also, users can control the HDRsettings, and they can see the efect o thediferent exposure.

Criteria:

Priority 1:

1. User will be able to log into theapplications, and connect the camera tothe phone or the tablet.

2. User will be able to locate all theprimary menu buttons on the homescreen at the rst glance.

3. User will be able to take picture romthe home page.

Priority 2:

1. User will be able to sort pictures in thegallery menu.

2. User will be able to use the basic editunctions on the edit menu.

3. User will be able to use the settingsmenu to change the settings othe camera.

Priority 3:

1. Users will be able to use HDR settings.

2. Users will be able to post picture totheir avorite social media sites.


35/58

USER PERSONA 1

NAME: Kevin akashita

PROFESSION: Freelance Photographer

EMPLOYER: Sel employed

EXPERIENCE: 3 Years

SYLE: Landscape / Portrait

AGE: 23

LOCAION: Hilo, Hawaii

Education:

Currently enrolled in an undergraduateCommunication program with an emphasis

on Visual Media. Also has clusters in graphicdesign, and photography.

Devices Used:

Canon T3i Computers (Mac and PC) iPad iPhone

Technology Skill Level:

Novice,Average,Advanced, Expert

Persona Description:Kevin is a reelance photographer, hegets clients mostly rom networking.He has interest in writing, and

editing pictures, and creatingposters, and advertisements. Hesalso interested in designing articles,and magazines so she has clusters inGraphic design, and Photography.

Photography:Every semester he gets a ewengagement photography jobs.Almost all the time the clients wantsome kind o orced perspective

picture with the ring, or their hands.Kevin has been having problemaligning the client to the rightposition.

Key Goals:He would like to project the viewo the camera to the client so theydknow exactly where to stand. Alsosometime while taking picture inast pace thr tripod moves, and thepicture is blurred. He wants to clickthe button remotely.

Challenges:He doesnt have money to buy, allthe gadgets or the camera, and thereis no such app or a mobile deviceavailable in the app store. Hed alsolike to sort his avorite picture rightrom the phone while hes travellingback home on the bus.

Technical Skills:

Knows how to use advanced eatureso the devices he carries with him.He likes guring out technology, andis very good at solving new technicalproblems. Eager to learn newtechnology, and their eatures.


36/58

USER PERSONA 2

NAME: Malcolm ODonald

PROFESSION: Freelance Photographer

EMPLOYER: Sel employed

EXPERIENCE: 2 Years

SYLE: Portrait

AGE: 26

LOCAION: Rexburg, Idaho

Education:

Currently enrolled in an undergraduatePhotography program with an emphasis on

Portrait Photography. Also has clusters inGraphic Design, and Business.

Devices Used:

Nikon 7000D Computers (Mac and PC) iPad iPhone


Novice,Average, Advanced, Expert

Persona Description:

Malcolm is a reelance studentphotographer, he doesnt get manyclients. He mostly shoots riends, and

amily. He has interest in creatingsel portraits. Hes also interested indesigning movie posters with himselas the main protagonist. He likes touse photoshop a lot.

Photography:

During every holidays he goes home,and take amily photos. However,there always need to be someonebehind the camera to make sureeverybody is ready, because the delaytimer hasnt been very helpul. Healso takes a lot o sel portraits withdierent props.

Key Goals:

Hed like to control the cameraremotely so that he would be able tolocate himsel to the right position,and angle while taking sel portrait.Also hed like to take the groupamily pictures together instead orunning to beat the timer.

Challenges:

He doesnt have money to buy thetrigger, and there isnt any optionavailable to project the camera viewto the mobile device so that he couldtake the sel portraits on the frst ewtries. Also hed like to manage hispictures on the go.

Technical Skills:

Knows how to use basiceatures that he needs touse regularly, and is good at solvingnew technical problems. Eager tolearn new technology, and theireatures.


37/58

USER PERSONA 3

NAME: Eva Garnett

PROFESSION: Photographer / Journalist

EMPLOYER: Channel 4 News

EXPERIENCE: 3 Years

SYLE: Real ime Events

AGE: 37

LOCAION: Hammond, Louisiana

Education:

Graduated rom Southeastern LouisianaUniversity with a Photo Journalism degree,

and emphasis on Broadcasting. She alsominored in English.

Devices Used:

Canon Mark 5D II Computers (Mac and PC) iPad iPhone


Novice,Average, Advanced, Expert

Persona Description:

Eva is a photo journalist or Channel4 News in Hammond, Louisiana.In her ree time, she also like to goto new places, and take landscapepictures. She also likes writing news,and blogs regularly. She has a decentnumber o ollowers on her blog whoollow her regularly.

Photography:

She usually takes picture or herwork, and the rest goes to her blog.She goes around town looking orstories, and gets to news venues togather the news. Teres always com-petition between News Companies toget the post the breaking news asterthan one another.

Key Goals:

o post DSLR quality breaking newsimages to Social Medias as ast aspossible. Also she wants to organizeher pictures better on the go, sothat shell save some time, and shellbe able to see the most importantpictures ready to edit, and post.

Challenges:

She always has to download thepictures to the computer, and thenedit, and ormat accordingly, beoreshe could post anywhere. She doesntwant to post cell phone qualitypictures in her news posts online, butshe has no other options.

Technical Skills:

Knows how to use both basic andadvanced eatures that she needsto use regularly, and is good atsolving new technical problems.She is always eager to learn newtechnology, and their eatures.


38/58

SCENARIOS

Scenario 1:

Kevin recently got a oer to photograph acouple or their engagement. Like almostevery other couples they want do do someorced perspective pictures with the ring,and the sun, and some hand gestures.kevins previous experience with orcedperspective has been disastrous. He alwayshas to waste a lot o time editing thepictures in photoshop to make it look likeorced perspective.

Scenario 2:Malcolm is trying to mimic the PulpFiction movie poster with his riend, andhimsel as the subject. He tried using thetimer, and rushing back to the positionto get the shot, but everytime hes gettinga blurry image, because o the motion hehas to make to postion himsel. He cannotmake the shutter speed any aster.

Scenario 3:

Eva has just taken a breaking news picture,and she wants to upload it instantly totwitter to spread the breaking news with thepicture or the proo. She has her cameraconnected to the phone, so all the picturesare already available on the phone whichcan be uploaded instantly to the twitter.


39/58

Wire rames


40/58

Wirerames


41/58

Sketching


42/58

Visual Research


43/58

Sketching


44/58

ESING LO-FI PROOYPEIntroduction:

Tis calculator was created or someonewho has previously used DSLR camera,and has a hobby or a proession inphotography. Hence, the ideal testparticipants would be someone who own aDSLR camera, and is a regular user o thecamera. Tere are three participant in thistest, and they were presented with a lo-paper prototype, and asked to identiy theeatures, and walk through the app.

Participant 1:

22 years old. Single. Works on campus.Has be been using android device, and DSLRor ew years now.

Web Design major.Has been Using Canon 3i

Participant 2:

24 years old. Married.

Has been using iPhone or ew years now.DSLR camera user or 3 years.Web Design Major.Nikon 3200

Participant 3:

45 years old. Married.Has been using smart phones including iPhone

or ew years.Regular User o DSLR CameraGraphic Design eacher

Observation:

1. All the participants were able to identiythe buttons on home screen.

2. Participants were able to log in, andwere able to connect to the camera.

3. Participants had trouble diferentiatingi it was button or not.4. Participant gured out all the

navigations.5. Participants could go back to the

previous page, because o the missingback button on all the pages.

6. Participants didnt understand the cropoption icon.

7. None o the participant asked about theedit unctionality.

8. Participants were conused betweensettings, and menu.

10. All the participant liked the design, andthe concept.

Reccomendation:

1. Make the sliders big enough or thengers.

2. Te list o cameras on the login pagedoes not look like clickable buttons.3. Solve one major problem, and dont try

to do too much.4. Put back button on all the pages.5. Keyboard is missing on the login page.


45/58

HI-FI PROOYPE

Tis is the frst screen users will see whenthey frst open the app. Tey need to toselect a camera they want to connect to inorder to use this app.

Tis is the home screen or the app, thatthe users will see once they are logged it.Te screen displays the view seen by thecamera, and it moves as the camera moves.

Tis is the enter password screen that ap-pears once they select the camera they wantto connect to. Tey cant just connect to anyrandom persons camera.

Tis is the gallery page, where all the storedimages could be ound. Tey can scrollto see all the images, like them to sort theavorites on the top, and delete unwanted.


46/58

HI-FI PROOYPE

Tis is the delete page thatll appear oncethe user hits the delete button rom the editmenu or the gallery menu. Tey can get rido the unwanted pictures.

Tis is the edit menu where they can, makequick edits to the pictures like, crop it, addtext, stylize, rotate etc. Tey can save theedited image or delete them.

Tis is the settings page where the userscan control the camera settings withouthaving to move the camera. Tey canchange shutter speed, aperture, etc.

Tis is the HDR page where the users canchange the HDR settings, and see the dier-ent exposure levels so that itll help them todecide on the bracket.


47/58

DESIGN ELEMENS

Icons:

Tie camera icon representsthe home button, and it canbe clicked to take picturerom the home screen.

Tis button is or HDRoption, itll show the HDRscreen with a diferentexposure pcitures.

Tis icon is or text option,and this will let you addtext to your images, andpost them.

Tis icon is or gallerymenu. Itll take you to thepage with all the pictures,and help you manage.

Tis icon is or stylizeoption. Itll let you chooserom the presets ordiferent styles o pictures.

Tis icon is or the editmenu. Itll let the usersuse all the basic quick editoptions on their devices.

Tis icon is or rotateimage. Users can rotate

their images to the positionthey desire.

Tis icon is or the savebutton. It can be ound itedit menu. Itll let you savethe edited image.

Tis icon is or adddescription button. It canonly be ound on the tabletversion.

Tis icon is or the settingsmenu, where you cancontrol all the settings o aDSLR camera.

Tis icon is or deleteoption. Users can chooseto delete the pictures theydont like.

Tis icon is or like optionwhich will sort youravorite pictures, and bringit to the top.

Tis icon is or shareoption. Users can chooseto hide or show the sharemenu as their desire.

Tis is the crop icon in theedit menu. Tis will let youcrop the picture accordingto your preerence.


48/58

HI-FI ESING

Questions:

1. Log into the application, and connect

the cell phone to the camera.2. ake a picture rom the home screen.3. Share the third picture rom the gallery.4. Delete the second picture.5. Favorite the picture.6. Crop the rst picture, and save it.7. Stylize the picture, and rotate is

clockwise.8. Go to the HDR Menu, and explain

what you see.9. Change the white balance settings to

cloudy.10. Change the exposure to -1.

Introduction:

Tis application was created or someone

who has previously used DSLR camera,and has a hobby or a proession inphotography. Hence, the ideal testparticipants would be someone who own aDSLR camera, and is a regular user o thecamera. Tere are three participant in thistest, and they were presented with a lo-paper prototype, and asked to identiy theeatures, and walk through the app.

Participant 1:

24 years old. Single. Senior.Has be been using android device, and DSLRor ew years now.Web Design major.Has been Using Canon 3i

Observation:

1. Participant was able to select a camera,and log in to connect it.

2. Te participants was able to identiy thebuttons on home screen.

3. Participant was able to take a picturerom the home screen.

4. Participant was able to select the thirdpicture rom the gallery.

5. Participant was able to delete thepicture.

6. Participant was able to like the picture.7. Participant was able to crop the picture.8. Participant didnt know which was

HDR menu button.8. Participant was able to change the white

balance.10. Participant was able to change the

exposure.

Reccomendation:

1. Add a label to the menus.

2. Add log out button.3. Slider header in the settings panel is not

big enough.

Video Link: http://prasunsharma.wordpress.com/2013/04/11/user-testing-videos/

Participant 2:24 years old. Married.Has been using iPhone or ew years now.DSLR camera user or 3 years.Web Design Major.Canon 60D

Observation:


2. Te participants was able to identiy thebuttons on home screen.


49/58

HI_FI ESING





HDR menu button.8. Participant was able to change the

white balance.10. Participant was able to change the

exposure.

Reccomendation:

1. Add a log out button.2. Add labels to the Menu icons.3. Make the share buttons hidable in the

gallery menu.

4. Make more space or the picture.


Participant 3:45 years old. Married.Has been using smart phones including iPhoneor ew years.Regular User o DSLR CameraGraphic Design eacher

Observation:


2. Te participants was able to identiythe buttons on home screen.





HDR menu button.8. Participant was able to change the white

balance.10. Participant was able to change the

exposure.

Reccomendation:

1. Make more space or the big picture inthe gallery, and edit page.

2. Make the slider header atleast as big as44 px.

3. Add label to the Menu icons.4. Make the login options more visible

than the logo.5. Make picture taking more obvious in

HDR menu.



50/58

Detailed Design

Tis is the gallery page, where all the storedimages could be ound. Tey can scrollto see all the images, like them to sort theavorites on the top, and delete unwanted.

Tis is the screen on the liked option.Liking a picture will prioritize the image,and bring it to the ront when opening theimages in the computer later.

Tis screen will appear i the user click onthe picture on the board. Tis will showthem options to delete, or avorite the im-age. Tey also get option to hide sharing.

Tis is the acebook sharing option. Tiswill let the users to share their picturesaster, and easier.


51/58

Detailed Design

Tis is the delete option which will appearonce the delete button is hit. Tis will openin the same screen making the app aster.

Tis is the crop option in the edit menu.Tis will let the users to crop the pictureinto the size they want.

Tis is the landscape view o the gallerypage. Tis will appear i the users doubleclick the picture.

Tis screen will appear when they click thepicture once. Tis will give them options todelete or save the image aer the edit.


52/58

Detailed Design

Tis is the rotate option. Users can rotatethe picture in the angle they like. to viewthe pictures perectly.

Tis is the settings screen. Te backgroundwas changed to give it more fnished look.I the users select the screen itll bring themdown to options on the scroll bar.

Tis is the stylize option. Users can selectrom a large set o style preset to make theirpictures look better.

Tis HDR screen will show the usersdierent set o picture rom dierentexposures. Tey can always change theexposure as they like.


53/58

Final Design


54/58

iPad Details

Te iPad version is very similar to themobile version. Te main dierence in thisgallery screen is the ancy slider. Te mainpurpose o the tablet version is to manage

the pictures on the go. Tis will save a lot otime later while editing the pictures. Teycan sort, and add details to the pictures oruture reerences.


55/58

iPad Details

Just like in the gallery o the mobile de-vices options will show up with the clickon the screen. Tey can delete or avoritethe pictures. Tey can also turn on or o

the sharing options to make more room orthe picture. Or they can just share to all thesocial media with a simple ast touch.


56/58

iPad Details

Tis is the description option thatll popup once the description button is selected.Tis will show all the details o the picturethat cant be changed like ISO, and F stops

but users can add locations, and moredescriptions or urther use. It could be usedto post on the blogs mostly.


57/58

iPad Details

Tis is the edit menu which will show allthe edit options just like the mobile ver-sion, but it has more options. Its mainlybecause with the bigger screen users can

see the changes better, and they might noteven have to make urther changes in theimages in photoshop later on.


58/58

Promotional Website

www.qoop.qassup.com

Documents

Qoop Processbook Final