pro practice::portfolio website

Got all the code up and running, just need to drop in the portfolio pieces now.

A very close version of the wireframe I made in Multimedia Experience, except some of the navigational elements were moved around, and I changed the sorting method from years to media type.

dp::small group notes

User Incentives:

• Personalized space
• comparison to others
• new content / updates
• what is important
• connect to similar people
• matching users? potential friends
• home profile page
• sharing facts
• what they can do to grow
• pair brand literate with someone who isn't
• embrace what they like
• encourage dialogue between opposites.

Personality Test Drive / Mentality

• Subjective validation
• Narcissistic personality inventory
• Most personality quizzes are only roughly 50% accurate.
• Many users don't answer honestly; fear of a negative 'score.'
• Popular at end of the year (New Year's resolutions?)

Quiz/Test Motivations:

• Self interest / Self discovery
• How can they fix what's wrong with them?
• How can they get along better with people?
• Entertainment
• Comparison

mousepath::day 003

Day 03: Pro Practice, Degree Project

Some more workin' in Illustrator today. About ten minutes after I started the app.

Progression throughout the day. Did a number of small group critiques today, hence the denser collection of dots.
Apparently the application I click most often on my dock is iTunes. Hmm.

adobe photoshop COOK ::find+share

Adobe Photoshop Cook from Lait Noir on Vimeo.

What if Photoshop could be used to cook? An awesome stop-motion video of cookies being made in Photoshop.

dp::initial icon sketches + interactivity wires

Critique Notes:

• What keeps the user(s) interested?
• What could make it more than a one-time experience?
• Longer life span?
• Working towards something else?
• Educated the users, now what?
• Is there a call to action?
• SO WHAT? and LONGEVITY
• Encourage change and commitment
• Brand literacy

Interface/User Experience Notes:

• Develop visual indicators
• Size of circle = priority
• Play up interactions
• Immediate user feedback
• Make it interesting/fun to fill out
• Shows off users' skills?
• Different iterations
• Toggle between self, friends and others
• Sorting

Other Considerations

• Facebook/Myspace quizzes
• WHY do they take these quizzes?
• Self interest
• More visual
• IQ Tests
• Self discovery?
• Iterate, innovate

mousepath::day 002

Day 02 - Spatial Experience, Degree project

8:49am

Progression throughout the day:

Do I really rest my mouse that much? And here I thought I was constantly in motion.

dp::a visual prototype

Interactive model, used information from surveys I distributed to my target audience.

See online version.

Some notes from critique:

Revise:

• Research question
• ICONS

• Where do I want to be?
• Interactivity of the circles? (Draggable?)
• Customization, more levels
• Plug in your own info, affects the infographics
• You vs. general masses

Icons:

• Individuality
• Unique icon set
• Appropriate connotations
• Attributes
• Attitude

• fun vs. generic
• Broader functionality?
• Break down more?
• Strategy?
• Plotted vs. general public.
• Educate

mousepath::day 001

A small experiment I'm starting on the side. Using Anatoly Zenkov's mousepath code, I'm tracking my mouse's movements throughout the course of the day. (There's a link above to the script, if you want to try it for yourself!)



Day 01: pro practice, lunch, degree project

(Note: large black dots indicate points where the mouse rested for a period of time. So the larger the dot, the longer the duration.)

(9:25am - 12:02pm)

Lots of movement to the upper right corner! Most likely because of expose'.

pro practice:: three surprises (web design)

1.) Motion graphics may be billed as high as $10,000 per on-screen minute.

2.) When pitching to design a website, a designer may need to hire consultants on creative deliverables such as mood boards, Photoshop comps, or Flash files and determine if a style guide is needed.

3.) Usually pays around $50 an hour.

dp::timeline + media literacy

How can an interactive web-based community empower high school students to break from commercial mass production and develop their own unique visual identities?

High school students are my primary audience for this project, but can include  college freshmen as well. Students in this grade range are developing their own sense of identity, specifically who they are, their likes and dislikes, etc.  Regardless of whether or not we admit it, we are all influenced by something. But all people these days are influenced by one main force: the media. Teenagers are often their main focus because they're still developing their own ideas and are slowly allowing those thoughts to steer their lives in the direction of their choice. ("Virgins of thought" some call them.) One major example of media manipulation is the idea of "having a right look."

During my initial round of surveys, I asked high school students: "What does identity mean to you?" and "What do you associate with identity?" OR "What are you favorite brands?" and "WHY do you buy the brand names you do?"

A majority of their responses were often directed towards material objects that they desired: Louis Vuitton purses, Gucci accessories, clothing, etc. Acquiring these name brands seemed to be an important goal for them. A survey of magazines and/or blogs they subscribed to consisted of numerous fashion publications, etc. The problem here seems to be a lack of media literacy. Media literacy is the process of analyzing and evaluating messages in their wide variety of forms. It helps to encourage people to ask questions about what they watch, hear, and read. More importantly, an understanding of the media can help students critically analyze messages to detect propaganda, censorship and bias.

So how can design help to teach teenagers about media manipulation and encourage them to become more visually literate? In order to achieve this, I plan on developing an interactive community which can help to educate teens about the media, and encourage them to forge their own identities. I want this to be more than just a collection of educational articles though. I want the final artifact to facilitate dialogue between its readers, and encourage the exchange of independent ideas.

dp::more prototyping

A quick prototype worked up for one of my user experiments.

pro practice::dream job

Writing down my "dreams" in life has always been a difficult thing to fully articulate. 

A lot of my interests and desires often differ from season to season, but perhaps the most important thing I hope to avoid is being stuck doing the same thing. I don't want to be designing the same type of projects, until the major I'm interested in becomes nothing but a chore. But in regards to graphic design, I'm very interested in web and interactive graphics, and would love to end up with it as the focus of my career. With room for other things, of course. That's one of the things that drew me to graphic design in the first place, it's versatility. When we think about it, what ISN'T design?

As far as my own geographic location goes, I've always wanted to move towards the coast. (East or west is fine) Since my stay in Boston a year ago, I've become enamored with dense cities and their transit systems. Especially they're transit systems. Whereas native Bostonians often dreaded the morning commute, I enjoyed the simple act of traveling around. Although I suspect if I were to reside there, it would grow old quickly.

Also, the Museum of Science in Boston has a design internship program I wanted. But apparently, I need more "of a background in science." Okay.

I once came upon a small store that was literally FILLED with books. Nothing but endless piles of them, stacked into aisles, obscuring the single employee and cash register; a bound paper kingdom. If nothing else, I want to fill my apartment with books like that.

For now, I've compiled a list of things I enjoy, and hope that they are part of my future. (Well, some are a given.)

• earl grey tea
• scarves
• subways
• vinyl toys
• paint
• actionscript
• css
• maps
• keys
• museums
• flea markets
• travel
• tiny books
• web design
• food
• vintage watches
• snails
• trains
• books