Name of App

Brianna Holt Kayla Shaw Application Deisgn

Interface Design Scott Mansfield Spring 2011

Case Study

Competition
Font Combos
Attributes: Merrying fonts based on specifics such as: - x-heights - widths - contrast in serifs/sanserif Vast data base. Learning aid. User Comments: Poor Navigation. - added list with scrolling application Limited Features. - needs Save Favorites - needs shake Randomize feature

What we take from this.... Keep the abilities of the iPad in mind. Just like a website we need breadcrumbs and nav bar. Specifics need to be specific. Personalization options.

Competition
Font Combos
Attributes: Merrying fonts based on specifics such as: - x-heights - widths - contrast in serifs/sanserif Vast data base. Learning aid. User Comments: Poor Navigation. - added list with scrolling application Limited Features. - needs Save Favorites - needs shake Randomize feature

What we take from this.... Keep the abilities of the iPad in mind. Just like a website we need breadcrumbs and nav bar. Specifics need to be specific. Personalization options.

Competition
WhatTheFont
Attributes: Identifies font within a picture taken by user. Linked with MyFonts- ability to download on the spot. Snap or upload photos. View font details. Email results. User Comments: MyFonts.com doesnt download free fonts. Needs to save pictures in specific folders. Needs Recently Used or Recently Found feature. Needs to save fonts.

What we take from this.... Keep the convenience factor in mind. Free fonts, Similar fonts. Add a Photo Library. Vast memory capability. Art Board details. {Specifics on fonts, colors being used}.

Competition
ColorSchemer
Attributes: Browse by set, or color, or search HEX values. Favorite Colors list. 541 colors. Color Info includes Name, Set, HEX value, and RGB value Automatically discovers similar colors. User Comments: Currently No Reviews.

What we take from this.... Colors automatically exporting into Adobe programs. Group colors into sets.

Competition
Palette Schemer
Attributes: Easy to use color-picker. Take a picture and choose colors within.

User Comments: Currently No Reviews.

What we take from this.... When using picture application, supply lighter tone, highest ratio tone, and darker tone. Ability to add color with sliders.

Competition
Palettes Pro
Attributes: Grab color from photo or website. Import/Export palettes to/from Adobe Programs and via email. Backup directly to computer. RBG, HSV (HSB), HSL, CMYK, Grayscale. Color Schemes. Blending. User Prefences. User Comments: Love the ability to use the main color schemes but make cutsom schemes as well. Idenitifying a color on a single pixel level. Needs Pantone Color Books. Best Color App out there.

What we take from this.... Add Pantone colors. Use as many of the same features without it being too overwhelming.

Competition
Palettes Pro
Attributes: Grab color from photo or website. Import/Export palettes to/from Adobe Programs and via email. Backup directly to computer. RBG, HSV (HSB), HSL, CMYK, Grayscale. Color Schemes. Blending. User Prefences. User Comments: Love the ability to use the main color schemes but make cutsom schemes as well. Idenitifying a color on a single pixel level. Needs Pantone Color Books. Best Color App out there.

What we take from this.... Add Pantone colors. Use as many of the same features without it being too overwhelming.

User Personas
Ryan Spencer
25 years old 2nd year Intern Tether Creative Belltown, Seattle

Biography 1986
Ryans artistic passions are birthed.

Ryan Noah Spencer is born.

2004

Ryan graduates high school.

Ryan wants to be an artist when he grows up. {after much debate}

2008

Ryan attends AI Seattle.

Ryan is a tutor at AI. Ryan joins AIGA.

2009

Ryans 1st day of interning for Tether.

Ryan starts freelance work. Ryan meets Mike in the Culinary program.

2010
Ryan graduates with a BFA in Web Design.

Now . . . {2011}
Ryan is fluent in: Illustrator. Photoshop. InDesign. Dreamweaver. Flash. . . . . . and is a coding master. Ryan is involved with: Potential job at Tether Creative. Identity system for Mikes resturant. Blogging {Tumblr}. Studying Print Design/Screen Printing. Collaborating with oversea designers.

In the future . . . {2011+}

Ryan wants to: Own a loft studio to work from home. Create such a blog fan base that allows him to create his own firm. Hire on enthusastic bloggers like his present self as teammates in his firm.

User Personas
Aisha Robins
29 years old Project Manager Smart Design San Francisco, CA

Biography 1982
Aishas father pushes her to be a business woman.

Aisha Nicole Robins is born.

2000

Aisha graduates high school. {with honors}

Aisha studies business at Stanford University.

2004

Aisha graduates with a BA in business. {minor in Art History}

Aisha is unhappy in the job market her degree offers. Aisha works at an Art Gallary.

2007

Aisha considers attending the Academy of Art in SF.

Aisha falls in love with graphic design.

2010
Aisha graduates with a MFA in Graphic Design.

Now . . . {2011}
Aisha is fluent in: Illustrator. Photoshop. InDesign. Microsoft Programs. PC. Mac. Aisha is involved with: Co-managing designers at Smart Design. Pitching concepts to clients at Smart Design. President of AIGA, SF branch. Board of San Franscisco Annual Art Walk. Produces Fine Art out of her home.

In the future . . . {2011+}

Aisha wants to: Find more efficent ways to run the firm. Be a consultant to Adobe to improve programs and enhance program tools. Be more involved in the business side of Smart Design.

User Personas
Mark Foley
43 years old Creative Director Engine Creative Vancouver, B.C.

Biography 1968
Marks sense of humor and quick wit spirals him into an advertising focus.

Mark James Foley is born.

1993

Mark has graduated with a BA in Advertising and a MFA in Graphic Design.

Mark interns at multiple firms in the Seattle area while working part-time jobs.

2003

Now . . . {2011}
Mark is fluent in: Illustrator. Photoshop. InDesign. Flash. Mac. Sarcasm.

Mark is promoted from Junior Designer to Senior Designer at Fitch.

Mark gets married and starts a family. Mark accepts a part-time teaching job at the Art Institute of Seattle.

2006

Mark moves to Vancouver to accept a job as a Creative Director.

Mark devots the firm to being ecofriendly

2010
Mark becomes a central figure in the Vancouver design world.

In the future . . . {2011+}

Mark wants to: Open another branch of the firm in Hawaii. Improving the Vancouver branch to be the go to firm for Interactive Media. Have more children and evenutally own a place in Hawaii when the second branch opens.

Mark is involved with: His 3 year old sons {Gavin} love for dinosaurs. Active member of AIGA and sponsor. Race for the Cure design team. Work showcased in Communication Arts. Vancouver Snow Sports club.

App Production

Initial Production
Brainstorming
Attributes of our App: Designer Central. Color Matching: CMYK, RGB, PMS. Typography: matching and merrying. Photo/Web Based: take a picture and app matches it. Art board use- all basic tools but geared towards logo creation. Sponsored by Adobe.

Specs: 1024px X 768px @ 132 ppi. iPad use. {iPhone On-The-Go sister app}

Initial Production
Application Statement
List of Features: Typopgraphy Creating typefaces. Type research.
Seeing typefaces/fonts and wanting to know the specifics Type vocabulary (serif/san serif, etc)

Manipulating Type. Comparing Typefaces. Font Management. Color Applying color to thumbnail sketches. Digitizing drawn thumbnails. Pantone Matching System library access. Creating Color Themes. Unifying color systems (CMYK, RGB, PMS). Color Research.
Taking a picture of a color and best color match Creating Color Comparisons Application of Color and Color Affects

Design Basics Digitizing drawn thumbnails. Design Research. Linking Design to Computer Software.

Initial Production
Application Statement
Our Users: are graphic designers or have interest in design are interior designers like to draw meet with clients out of their office find inspiration from everyday life can never remember an idea or design without keeping notes appreciate others design know the difference between Pantone, CMYK and RGB colors know the difference between a font and a type family constantly designing in their heads need convenient, specific, and reliable answers to simple tasks that can be time wasting.

Initial Production

For designers who are constantly being inspired by the world around them and wanting to grasp those inspirations and produce them in a productive and convenient fashion. Designers ready to design at a moments notice.

Initial Production

Initial Production

Initial Production

Icons

Splash Page

Capture a Picture

Type logo in selected typeface

Initial Production

Features: Specific matching + Similar Fonts, etc.

Layout

Wireframing

search

USERNAME

72x72

PASSWORD
630x216

630x60

SIGN IN

630x60 72x72

CREATE ACCOUNT
72x72 72x72 72x72

1024x35

search

START FROM SCRATCH

219x58

START WHERE YOU LEFT OFF 219x58 logo project 1 logo project 2 business cabinet 1 business cabinet 2
219x245

219x58

START FROM INSPIRATION upload image image 1 image 2 image 3

letter tabloid envelope business card

219x264

other

219x245

1024x35

search

YOUR DOCUMENT

FONT LIBRARY
219x58

COLOR LIBRARY
219x58

UPLOAD THUMBNAIL
219x58

1024x35

search

FIND A FONT
219x58

SAVE PROJECT 219x58

SANS SERIF SERIF THEME TYPE FAMILY MY FONTS

Book Antiqua ITC Bookman Bookman Old Style

mary had a little lamb

219x58

DESIGN

APPLY COLOR 219x58

KEY BOARD

1024x318

1024x35

search

FIND A COLOR
219x58

CMYK PANTONE RGB HEX #

1024x35

search

1024x120

CMYK
C M Y K % % % %

696x 396

pantone match

RGB match

186x61

SAVE COLOR
186x61

DESIGN

1024x35

search

thumbnail

image

mary had a little lamb

57x516

1024x522

font: book antiqua CMYK: 0, 100, 100, 0

174x40

change font change color upload file

174x40

save design email design

174x40

174x40

174x40 1024x181

Sources
Competition
Font Combos - http://bonfx.com/font-combinations-app/ WhatTheFont - http://new.myfonts.com/WhatTheFont/iPhone/ Color Schemer - http://www.colorschemer.com/touch_info.php Palette Schemer - http://itunes.apple.com/us/app/palette-schemer/id436308088?mt=8 Palette Pro - http://itunes.apple.com/us/app/palettes-pro/id293249989?mt=8 All Customer Reviews taken from - iTunes Application Store

User Personas
Ryan Spencer - Getty Images #83286948; Claran Griffin; http://cache3.asset-cache.net/xr/83286948.jpg?v=1&c=NewsMaker&k=3&d=F16831
85B4CC78098F03D8244DF3F37F64A8B5E7EC59BF61A5A184FBDBA38321 Aisha Robins - Getty Images #dv1258042; Digital Vision; http://cache1.asset-cache.net/xt/dv1258042.jpg?v=1&g=fs1|0|DV|58|042&s=1 Mark Foley - Getty Images #75674697; Stockbyte; http://cache1.asset-cache.net/xt/75674697.jpg?v=1&g=fs1|0|STK|74|697&s=1

Production Tools
iPad Template - http://www.teehanlax.com/downloads/ipad-gui-psd/ Typography - http://fontsinuse.com/ Color - http://artention.ch/resources/26-beautiful-handpicked-color-palettes/

BACK

search

thumbnail

image

mary had a little lamb

KEYBOARD

1024x318