2.20.2013

app design strategies


Expanded from the Taco hunter idea to be broadened and geared toward a Spanish native away from home. Can be for tourists, new-to-towners, or just people interested in getting more into their culture. Will be offered in English and Spanish language. This could be a gateway app and if it goes well it could be branched out for other cultures, non-English native. 


FEATURES

Geolocation feature to find nearby things
  • Carnicerias
  • Spanish grocery stores
  • Restaurants
  • Churches
  • Hospital- spanish speaking
  • Bank

-add new location if not available

Events
ESL/Citizenship class dates
Favorites- save places you've been



USERS

Spanish speaking users
Students from out of the country (or just out of town)

Prefer to go to a butcher shop for meat
Need specialty seasonings or grocery products
Prefer to speak spanish (native language)
Likes the neighborly feel of market- like sales places
Interested in participating in cultural events
On the go, needs to be able to find services they need easily and comprehensively
Looking to keep their culture alive in new home
Likes familiar things
Interested in learning or broadening knowledge of English language and culture



APP DEFINITION STATEMENT

Bringing your culture home. 
Culture Connect.



WHAT DO WE NEED

Some sort of backing company (be it a local cultural center or ?) to update event and els course lists
Geolocating is pretty self sufficient, but will have the option to add a new place if it is not listed





app design brainstorm

Taco Hunter
This application will utilize the gps/locater and direct it's user to the nearest Mexican food place! Realistically, it wouldn't be a great app if it was sponsored by one specific group, so I'd probably have to find a local city paper (like The Stranger) to sponsor it. Possible in app links could be a "nearest place" page, "my favorites" where you can save your favorite spots, "search" for a specific mexican food item, and "restaurant" pages that describe where it is, their phone number, some blurb and the menu.


Seattle Pet Adoption
A locally sponsored app, maybe by Seattle Humane Society. Basically, I have been recently looking into adopting a dog (while I'm at work, thus on my phone)  and am constantly sent to non-mobile-optimized websites that are insanely difficult to navigate, as well as see their options. I would like to create a fun app that really helps get animals adopted. I imagine it will be really fun, with bios and pictures of animals available to adopt.


Museum Tour
Virtual tour guide for a local Seattle Museum. Will include information on the the featured gallery, walk through maps, and potentially links to finding and buying artwork or prints? Probably has been done, but I imagine it could be a useful app if you are so inclined to LEARN about the art you're seeing. If you're even going to museums.


The Stranger's Bar A Day
Sponsored by Seattle's The Stranger Magazine, this app would be maybe a one time a year app that suggests a bar to go to every day. The app would open with the (potentially sponsored) bar of the day. It would contain information about why it was chosen, when it's hours are, location, etc. Could potentially become a deal offering app, where the on the day for a bar it would have specials? This idea came to me because I know that Seattle is a huge city with tons of options as far bars and I personally always try to explore new places. This would be a great way to get people out!

2.06.2013

book promotional website: wireframe sketches


idea 1

idea 1

idea 2

idea 2

idea 3

idea 3


book promotional website: site map

Asterios Polyp book promotional website pages:
The Book: describes the book and potentially convinces the user to purchase the book by showing reviews.
Characters: talks about the interesting characters.
Author: talks about the author and his other works as well as offers a place where the user can purchase the book.
Events: lists events such as upcoming releases and touring options.

book promotional website: moodboard & type/color choices

Asterios Polyp Mood Board




Color Scheme: Possibly the most inspiring part of this book is way that colors are used. Being a graphic designer it is really fun to have the chance to work with this book because it uses the over printing process. To choose colors I simply pulled from the most prominent colors in the book.

Texture: Texture is used in this book to convey the differences between the characters. Hana is sensitive and emotional and the lines that are used for her are complex and curvilinear. Asterios on the other hand is very serious and logical and the lines that are used for him are greatly geometric, architecture-like shapes.

Typography: I would really like to incorporate some funky, chunky, and geometric feeling type. The book title uses a very squared typo choice with various overprint shapes to create something visually interesting. I have chosen a variety of typefaces that I think would compliment the book cover without completely stealing from it. I am definitely leaning towards the idea of using a big chunky decorative font with an almost utilitarian, sci-fiesque compliment. 

Asterios Polyp Typography & Color Choices

book promotional website: project statement


JOB: BOOK PROMOTIONAL WEBSITE
CLIENT: DAVID MAZZUCCHELLI & PANTHEON BOOKS
ITEMRS: PROMOTIONAL WEBSITE FOR GRAPHIC NOVEL ASTERIOS POLYP



PROJECT DESCRIPTION:
Create a website to promote the graphic novel, Asterios Polyp. Website needs to be visually similar, but not the same as the book cover. It should offer a link to purchase the book or other books by the same artist as well as an event page that shows tours and upcoming releases. 

TARGET AUDIENCE:
Men ages 24-40, interested in graphic novels as well as intricate stories
Women ages 22-30, likes romantic stories as well as comics
The target audience is a more mature group as far as age goes, since this graphic novel is not a traditional children’s comic. I would suggest upper to mid twenties for men and lower twenties to early thirties for women. Being a graphic novel and not a comic, it has a storyline that can be be romantic or dramatic. There might as well be an older following of people that follow all of the author’s works that can be considered a secondary target audience. 

PURPOSE:
The purpose of this website is to allow users to read about the novel, characters, and see snip-its from the story as well as to get them to purchase the novel and potentially others by the same author. It will also promote the author’s book tours. 

OBSTACLES:
Keeping the site mature enough for the audience while still using the overall feel and graphic nature of the novel. Convincing the user to purchase the book by showing excerpts without giving it away. Creating a webspace that can be revisited to follow upcoming releases and touring information. 

STYLE & TONE:
Follow style and tone of book cover. Color scheme found in book as pink, blue, yellow, and purple. Utilize strong, geometric typefaces that compliment but do not duplicate the cover title. Experiment with transparency and overprint techniques. Geometric strong shapes meet emotional squiggly shapes. Line drawing. Overall tone should feel logical and straightforward, similar to the tone of the voice in the main character. Architectural and mathematical. 

ABOUT THE BOOK:
This graphic novel follows Asterios Polyp, who might be described as logical, rational, and cold. He has his way with woman, leaving a trail of broken hearts behind him. 
The story moves between the past and the present and shows the reader the true character of Asterios. We meet Hana, who changes everything.

The triumphant return of one of comics’ greatest talents, with an engrossing story of one man’s search for love, meaning, sanity, and perfect architectural proportions. An epic story long awaited, and well worth the wait. 

Meet Asterios Polyp: middle-aged, meagerly successful architect and teacher, aesthete and womanizer, whose life is wholly upended when his New York City apartment goes up in flames. In a tenacious daze, he leaves the city and relocates to a small town in the American heartland. But what is this “escape” really about? 

As the story unfolds, moving between the present and the past, we begin to understand this confounding yet fascinating character, and how he’s gotten to where he is. And isn’t. And we meet 
Hana: a sweet, smart, first-generation Japanese American artist with whom he had made a blissful life. But now she’s gone. Did Asterios do something to drive her away? What has happened to her? Is she even alive? All the questions will be answered, eventually.

In the meantime, we are enthralled by Mazzucchelli’s extraordinarily imagined world of brilliantly conceived eccentrics, sharply observed social mores, and deftly depicted asides on everything from design theory to the nature of human perception. ”1

ABOUT THE AUTHOR:
David Mazzucchelli has been making comics his whole life. Known chiefly for his collaborations - with Frank Miller on seminal Batman and Daredevil stories, and with Paul Karasik on an adaptation of Paul Auster's novel, City of Glass - he began publishing his own stories in 1991 in his anthology magazine, Rubber Blanket. Since then his short comics have been published in books and magazines around the world. Asterios Polyp is his first graphic novel. 1

REVIEWS:
For decades, Mazzucchelli has been a master without a masterpiece. Now he has one. His long-awaited graphic novel is a huge, knotty marvel, the comics equivalent of a Pynchon or Gaddis novel, and radically different from anything he's done before. Asterios Polyp, its arrogant, prickly protagonist, is an award-winning architect who's never built an actual building, and a pedant in the midst of a spiritual crisis. After the structure of his own life falls apart, he runs away to try to rebuild it into something new. There are fascinating digressions on aesthetic philosophy, as well as some very broad satire, but the core of the book is Mazzucchelli's odyssey of style—every major character in the book is associated with a specific drawing style and visual motifs, and the design, color scheme and formal techniques of every page change to reinforce whatever's happening in the story. Although Mazzucchelli stacks the deck—few characters besides Polyp and his inamorata, the impossibly good-hearted sculptor Hana, are more than caricatures—the book's bravado and mastery make it riveting even when it's frustrating, and provide a powerful example of how comics use visual information to illustrate complex, interconnected topics. Easily one of the best books of 2009 already. (June) 
Copyright © Reed Business Information, a division of Reed Elsevier Inc. All rights reserved.

“Mazzucchelli manages to combine breathless formal experimentation and read feeling into a story where every line, color choice, and panel arrangement builds toward a cohesive whole, lending an air of epic proportions to what would otherwise be a simple tale.” –Library Journal

 “This is an epic, emotionally rich, symbol-laden work that promises to redefine the graphic novel...David Mazzucchelli has made a beautiful, elaborate construction that coyly juggles style and content in a way few cartoonists are capable of.” –Globe and Mail

“This brazenly original and complex work is easily one of the year's best novels, graphic or otherwise…Brilliant. Absolutely brilliant.” –San Jose Mercury News

“David Mazzucchelli's boldly ambitious, boundary-pushing graphic novel is remarkable for the way it synthesizes word and image to craft a new kind of storytelling, and for how it makes that synthesis seem so intuitive as to render it invisible…Asterios Polyp is a fast, fun read, but it's also a work that has been carefully wrought to take optimum advantage of comics' hybrid nature — it's a tale that could only be told on the knife-edge where text and art come seamlessly together.” –NPR’s The Five Best Books to Share with Your Friends

“As ever, Mazzucchelli keeps both the visual and storytelling fireworks coming…This is a work that demands to be read, re-read, analyzed, and discussed.”—Comics Bulletin

“Formally daring yet stylistically self-assured, Asterios Polyp is a bona fide masterpiece and the early frontrunner for best graphic novel of the year…It’s the presentation— the use of narrative symbolism, color and visual metaphor—that truly sets the book apart. Much like he did with Year One over 20 years ago, Mazzucchelli has once again raised the bar for his entire artform.” –Chicago Sun Times

 “This is a comic for artists, and it plays with space and color in ways that maybe only artists will understand, but it is a story for everyone, and Asterios Polyp is easily among the best graphic novels ever made. Go read it, and read it twice.” –Providence City Paper

 “Mazzucchelli experiments with numerous art styles and pushes the envelope with challenging digressions into philosophy, religion and mortality throughout Polyp's tale. The engrossing effort culminates with a bombshell that will leave readers reeling.” –Toronto Star

“In Asterios Polyp -- the best of the summer's new releases -- Mazzucchelli employs spotlights, coloring schemes, knitting, Aristophanes, an identical twin who died at birth and the wide array of secretions from a woman's body to lead us into the self-centered world of the title character even as the center implodes…. Asterios Polyp is a primer for both the fervent possibilities and the rich rewards of the graphic novel.”—Portland Oregonian

“Now, after a decade-and-a-half, he has re-re-emerged with Asterios Polyp, an epic, emotionally rich, symbol-laden work that promises to redefine the graphic novel. Published by Pantheon Books (home to master-class cartoonists such as Art Spiegelman, Chris Ware and Dan Clowes), Asterios Polyp is Mazzucchelli's first graphic novel. It is also happens to be his masterpiece, the culmination of 25 years of promise….Mazzucchelli has made a beautiful, elaborate construction that coyly juggles style and content in a way few cartoonists are capable of.”—Globe and Mail (Canada)

“The beauty of Asterios Polyp is that its core tenet, the need to pay attention to life as it happens, is so well reflected in the book itself—in its lush paper tone and rough-hewn, elegant design—and in the way all the formal devices serve the story. As such, it rewards attention and even devotion.” –Bookforum 

“The more you study Polyp, the more there is to discover. This is a book that stands with works by Updike, Roth, and other giants of American literature. It is undoubtedly one of the best novels of the year.” –The Stranger

“Asterios Polyp is a perfect marriage of words and pictures. Every drawing, color choice and panel layout is pregnant with meaning.” –Columbus Dispatch

“Mazzuchelli is using color to convey ideas in a way not attempted by most graphic novelists. The book is all about style, design and visual language, and Mazzuchelli is moving the discussion of all of these forward with Asterios Polyp.” –Matt Price's best graphic novels of 2009

Asterios Polyp will cause comic-book buffs to swoon, sure, but the narrative — after a fire, an arrogant architect slowly begins to rebuild his own life — makes it much more than a pretty picture book.” –Modern Tonic 

“What Mazzucchelli accomplishes, though, with remarkable clarity and a jazzy pop-culture eye, and which the written word has a tougher time with, is portraying silence, moments between something said and something to come -- even thought itself. That sticks; those last pages are as tender and heartbreaking a portrait of lost time as I can recall, and no less powerful for being nearly wordless” –Chicago Tribune

“Critics have decried the modern graphic novel's focus on form at the expense of content. With "Asterios Polyp," Mazzucchelli has put paid to that charge: It's funny, it's warm and it's beautiful. Go read it.” –Newsday.com

“It contains a relatively simple story (and probably a deceptively simple one), but told in a dazzlingly stunning array of comic book techniques not possible in other mediums. Mazzucchelli is a genius of the form.” –Forbidden Planet

“Each panel is a moment in the story that when connected to other panels becomes part of a scene or sequence that is rich in storytelling and fertile with ideas, inquiry, and themes.” –ComicBookBin, A+ review

“Visually, Asterios Polyp is the lushest comic of the year--maybe of the last the 10 years, a decade not exactly thin on astounding cartooning. Mazzucchelli's work has all but abandoned the realistic musculature and architecture that made him stand out from his superhero peers. Asterios Polyp feels like three or four cartoonists working in concert, often on the same page, all of them firmly working on the "stylized" end of comics' spectrum.” –Baltimore City Paper

“This fan of the novel is an ever bigger fan of the magic that happens in comics, and only in comics, when text and art work together to create something wholly, wonderfully new. In books like Jimmy Corrigan -- and the just released ASTERIOS POLYP by David Mazzucchelli, it happens on every. Single. Page.”—NPR.ORG

“This absorbing, idiosyncratic tale of love, ambition and opportunity marks the return of one of the modern masters of graphic storytelling.”—Miami Herald

 “You’ll be in awe of how perfect it is and certainly envious of it if you are a writer. What a beautiful, staggeringly brilliant piece of literature.”—Contra Costa Times

‘The book is a satirical comedy of remarriage, a treatise on aesthetics and design and ontology, a late-life Künstlerroman, a Novel of Ideas with two capital letters, and just about the most schematic work of fiction this side of that other big book that constantly alludes to the ­“Odyssey.”…. “Asterios Polyp” is a dazzling, expertly constructed entertainment, even as it’s maddening and even suffocating at times. It demands that its audience wrestle with it, argue with it, reread and re-examine it. Isn’t that the ultimate purpose of style?’—Douglas Wolk, NYTBR

“Heady with philosophical and mythological references, Asterios Polyp vaults Mazzucchelli into the top rank of graphic artists. It’s a sweeping, provocative book that blends the richness of the traditional novel with the best modern art. Mazzucchelli’s style - effortless and so versatile that you can’t imagine Asterios in any other medium - is sweeping in every sense.”—Boston Globe 

“It's a remarkable, bravura achievement - funny, harrowing and thought-provoking.”—San Francisco Chronicle

"A dazzling expertly constructed entertainment...that is a satirical comedy of remarriage, a treatise on aesthetics and design and ontology, late life Künstlerroman, a Novel of Ideas with two capital letters..." –The New York Times Book Review

“Asterios Polyp reads like an intricately designed and heartfelt work of metafiction, juggling design theory, philosophy and sly nods to other cartoonists to create a dryly funny masterpiece.”—Time Out New York

“It's as if John Updike had discovered a bag of art supplies and LSD. Elegant, deceptively simple line work and nearly subliminal color symbolism make everything go down like candy. The narrative comes back to earth for a profoundly satisfying climax, but you'll want to keep turning pages - all the way back to the beginning, for another read." 
Entertainment Weekly

“Haunting and beautiful.”—Los Angeles Times

book promotional website: cover options

OPTIONS:

Locke & Key (they already have a pretty cool site, I would basically just spruce it up)




Confessions of an Ugly Stepsister (I love how Gregory Maguire takes on the other side of the story)




Asterios Polyp (this is a beautiful graphic novel that ties heavily into graphic design)




White Oleander (a story about a girl trying to find a home- full of drama and vivid imagery to pull from)





The Girl With The Dragon Tattoo




INSPIRATION:

Harry Potter
Kinsey And Me
No One Belongs Here More Than You
Lion Of War

Dark Places
The Brief Wondrous Life of Oscar Wao
Warm Bodies



2.03.2013

unit eight reading

READING SUMMARY

Chapter ten really reiterated good design that functions on a level that we have come to know and expect. Usability as a common courtesy really made me think of my "annoying" web finds. For example, when paying on Seattle City Lights website, they have the "continue" button on the left and the "exit" button on the right. Since I am used to sequentially pressing the right button for "next" I often exit and have to re-enter my payment information. Enter immediate frustration.
Some ways that "diminish goodwill" or piss off users are: hiding information they want to see, punishing them for not doing something your way (ie- no spaces between credit card numbers vs having boxes that contain 4 numbers), asking for unnecessary information, using filler words (your time is valuable to us- yeah right), showing them an amateur looking site, and time consuming animation. I can think of a plethora of times I've gone through each of these issues. The problem with them, besides frustrating your user is that it might keep that user from coming back.
There are ways to "increase goodwill" as well, like: making the most desirable thing to do on your site easy, give users information they want to know, save steps (think use billing address as shipping address button), put effort into the site, know what questions the user might have and have readily available answers, printer friendly pages, recover from errors with ease, and APOLOGIZE! Let's be humans here and understand that we will make mistakes. But mistakes are (usually) easily forgiven when an apology takes place.

Chapter eleven really was eye opening to me. I can honestly say that I have never really thought about web accessibility. I'm going to go over the main things that can be done to make your page accessible to those who may have disabilities. First, you need to fix all usability problems that are typically effecting everyone. This means that if your tested group is continuously clicking on the end button instead of the next, maybe its time to switch those buttons locations. Seattle City Lights could save me a lot of time and frustration with moving one simple button. Secondly, it is good read about usability and accessibility. There are articles and books dedicated to the subject, and it wouldn't hurt to get more informed of good ways to get used to working through accessibility problems. Third: CSS- cascading style sheets. Now that I know about css I can't imagine coding page designs via html alone (think bold tag, color, etc). CSS gives formatting control, flexibility, and consistency. It also allows for easy text resizing and sequential order to your content. Finally, do the most important stuff: alt text for images, making forms work for screen readers, skip to main content link at the beginning of a page, keyboard accessible, use client side site maps, and avoid using javascript unless you have a great reason for it.

ADDITIONAL RESOURCES

Common Web Annoyances
10 Biggest Web Annoyances
Usability Accessibility
How To Conduct Usability Studies for Accessibility



2.02.2013

unit seven reading

READING SUMMARY

What The Heck Is Responsive Design Anyway?
This was a really cool and informative website. What I love the most about it, though, was that it did what it was explaining. It pretty much follows the basic rule of graphic design, which is if you have to explain it, it has likely failed.
Before reading this website, I already knew what responsive design was. In taking my classes backwards, I have also already learned how to code for responsive design. It might not be pretty, but it actually makes a lot of sense. My best advice is to utilize your rusty math skills. The way that responsive websites are coded is through a system of percentages. One of the coolest parts about responsive design is that it's all coded in the same document, so stylistically you aren't changing much, just sizes.
Okay, back to the article. Responsive design literally responds to its environment. If you take a browser window and shrink it, a responsive site will rearrange items to fit better depending on the size of the browser. Why is this important? We have become the land of many sizes, from tablets, to phones, to computer screens. Wouldn't it be nice if your site looked just how you wanted it to from any of those platforms? Responsive design helps showcase your website the right way from many different platforms. It is important to consider time and money, browser support, performance  content and app versus website when thinking about responsive design. Responsive designing really is the future of web design. Don't shoot yourself in the foot by minimizing it's importance.

ADDITIONAL RESOURCES
The Importance Of Responsive Design
One Website to Serve Them All
2013- The Year Of Responsive Web Design
Responsive Tester *** Really cool way to check your own page
Awesome Examples of Responsive Design

2.01.2013

unit six reading

READING SUMMARY

How To Create Your First iPhone App
This article really focused on the important, prerequisite steps for app development. It really reminds me of how we work in graphic design. Before you can have an awesome restaurant with red plates and mirrors everywhere, you need a concept.
The first step in designing an app is to realize your goal. This is not simply, "I want to make $1,000," but rather forces you to think beyond the scope of what you hope to make. You must think of all of the elements that your app will need, for example, someone to answer customer questions, someone to update the app, developers, etc. This is just a broad spectrum of the project for you, so you can have realistic expectations. Speaking of expectations, money is not promised. It depends on a variety of things, like production costs, popularity, and management.
As you might expect, another very important part of this process is to have your idea evaluated. You can and should have it evaluated by multiple sources, including marketing professionals, developers, and personal connections. Some things to question: does it solve a unique problem? Is it serving a niche crowd? Does it make people laugh? Are you improving on the wheel? Is it highly interactive? Knowing these things will help you put together your marketing plan.
Now that you have a better idea of what the app does, your goal, and what you need to keep it running, you can begin putting together a monetization and marketing plan. Thinking about how much you are willing and need to spend to get the app off the ground is very important. Next, you will have to sign up with an Apple Developer account for $99 annually. This ensures that your app goes under your name and brand. Now it's time for sketches. You don't need to have perfect sketches in order to get your idea across, but the more clear they are to other people, the better chances you will have with working with a developer and getting things right in the early stages. At least one sketch per page is necessary. The next step is to identify your outsourcing needs. This usually covers a designer, developer, and promotion and marketing person. Find out what you need specifically, and then find those people to work with and hire them.

I felt like this was a really interesting article because I never really thought that this much insight and background went into app design. If these steps help an app become successful, I can only imagine how many apps have been left on the chopping block. Some apps still make it, and I hardly believe they were approved (I have a knock on wood app- it's just a vector art screen that looks like wood that does nothing).


iPhone App Icon Design: Best Practices
This article focuses entirely on creating a successful app icon. This is imperative to understand, as you have a 57x57 pixel square to work with. To find great looking icons, I would suggest looking at the top downloads from the app store. You will find items like facebook, instagram, and google. I have found that the most unsuccessful app icons usually are for games; they are unsuccessful because they are doing the age-old ten pounds of shit in a five pound bag.
How can you avoid having a bad app icon? Keep these things in mind: don't use words, keep it simple, don't use Apple's standard gloss feature, consistency is key, and stand out! This might sound like a huge laundry list, but really there are great reasons for this.
Words tend to get pixelated, or are so small that they are rendered unreadable. Overcomplicated app designs also make it hard to understand what the point is. This is not always applicable to game apps, because if someone knows it is a game app, it probably doesn't need to get the "what does this do" idea across. Usually game apps use a character. Apple's gloss feature can change the readability of an app, but the purpose to is create a consistency in the look of multiple apps on a device. Since it is not necessary, it almost seems silly to add it if it may hinder your design. Below I've grabbed some examples from the app store to look at.


app as viewed in app store.


app as viewed icon size.

simple, clean, easy to understand app.

the app glare makes this app harder to see.

simple icon.

interesting icon.




ADDITIONAL RESOURCES

Apple App Guidelines
40 Inspiring App Icons
What Do Top App Icons Have In Common?
App Design Templates
How To Make A Top Selling App With Great Design
App Design Trends