Design with Bravery

March 1, 2011 | Tags: , , ,

At Interaction 11, Bruce Sterling gave an amazing closing keynote. Out of the hundreds of nugests of wisdom, one thing in particular stuck out to me. Bravery. I’m not sure entirely how Bruce spoke of it, but he reminded us to be more brave when we design. Something about this phrasing stuck with me as very inspirational. In fact, this phrasing helped change and re-shape my capstone project for the better. So, thanks Bruce!

However, the inspiration did not stop there. A couple of days after the conference, a new re-phrasing came to mind, “Design with Bravery”. To me, this spoke to the heart of Bruce’s phrasing while reminding me to continue to push myself and my designs into new directions. With this in mind, I created a poster to hang on my wall, where it now sits reminding me to be design with bravery.

Design with Bravery

The above image links to a full size screen quality graphic. Contact me for a print quality version.Creative Commons License

Design with Bravery by John Wayne Hill is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. Based on a work at www.vectorportal.com.

‘Brave’ Sketches

February 15, 2011 | Tags: , , , ,

After Bruce Sterling‘s ending keynote for Interaction 11, I knew my capstone could not continue has it had before. Tonight I decided to go back and sketch more designs, while trying to be ‘braver’. I also attempted to take to heart two other Interaction 11 speaker notes by looking at how I handled complexity within the interface, and how I might use the information itself as the interface.

My desk as I was sketching
JW desk while sketching

Overall, I’m very happy with these new sketches and I’ll continue to explore new designs for critique.

simple and easy interface possible technology I could use show live edit tools inside a panel a full screen type mode with panels that pop-over the image questions and thoughts I had while sketching exploring side panels to hide complexity side panels then overlay the image for control and information text based buttons hide complex actions a panel could then appear for more complex actions using the information itself as the interface control slides could take the place of the appropriate text controls could overlay one at a time for precision

Have thoughts, comments, or feedback? I would love to hear it.

Announcing HCID Connect 2011

January 18, 2011 | Tags: , ,

hcid connect

Get Inspired Together. March 9-10, 2011.

Experience students’ design process through a live design competition. Meet the makers, speed dating style. Explore designers’ work and studio.

Each year we invite kick-ass companies to our annual HCID Connect event. This is a two day event where employers get to work directly with over 30 exceptional designers who are looking for internships and full time positions. This is an excellent chance for employers to find amazing designers.

Visit hcidconnect.soic.indiana.edu for details and registration information.

Give a Crit Iteration 5

January 13, 2011 | Tags: , , , ,

In this iteration, I’ve added some toggle buttons that allow for viewing the title, description, category, and exif information for a given photograph. This information appears as an overlay on the image directly, and is always ‘at-hand’ during a critique.

5th Design Iteration

Explanations

I’m looking for feedback from photographers and designers. For background information on this design, please see http://www.johnwaynehill.com/blog/category/capstone/, the first post has some good information.

Brian Oppenlander

January 9, 2011 | Categories: Photography

Location: Bloomington, Indiana

Camera and Lens: Nikon D80, 70-300mm f/4.0-f/5.6 lens

Creative Process: Brian wanted some photographs on a white background. I set the lighting up and brought him over. I had him bring in some props for fun, and he had this great hat. Once he put on the hat we were both cracking up and I was able to create this photograph.

Post Production: Basic photo edits and a little cropping.

If you want to find out more about Brian, visit his website and portfolio.

Lee Beckwith

January 9, 2011 | Categories: Photography

Location: Bloomington, Indiana

Camera and Lens: Nikon D80, 50mm f/1.8 lens

Creative Process: Scouting for locations, Lee and I found a park bench in the middle of campus. I had Lee site for about 2 minutes while I took photos from multiple angles.

Post Production: Basic photo edits, nothing more.

Location: Bloomington, Indiana

Camera and Lens: Nikon D80, 35mm f/1.8 lens

Creative Process: Inside the HCID Design Studio I had Lee grab a pen and some paper and start sketching. This allowed him to take his mind off of being photographed, and gave me a good opportunity to take some natural looking shots.

Post Production: Basic photo edits and a little cropping.

If you want to find out more about Lee, visit his website and portfolio

HCID Portraits

December 20, 2010 | Categories: Announcements, Photography

portrait of John Wayne Hill

for HCID students:

Want a kick-ass portrait for your portfolio? Let me help you out. Between now and Jan 5th, I’ll shoot your portrait for free (actually in exchange for a critique).

Details

You bring the idea, and appropriate props if needed. I’ll bring the photo stuff. Email me to set up an appointment. We can shoot in just 15 minutes, or for a couple of hours if you want. I’m totally open to make this work. Portraits are a great way to show your personality and professionalism. You must set up an appointment via email at least 24 hours in advance. I have 3 colored backgrounds (white, black, and red), and plenty of lights. We have a great space in the new studio to shoot, but I’m open to almost any location.

What you need

Yourself. Props as needed. Some time. An idea! I’m also requesting that everyone that I photograph provide me with a critique of my website (portfolio), business cards, or branding in exchange for my time and services. This critique can be of any length and in any format excepting face-to-face (written, audio, video, dance, play, etc).

Examples

Check out some examples of other designers:

Designing for Quality Critical Discourse

December 13, 2010 | Categories: Class Assignments

Yesterday I submitted my final paper for my Interaction Culture class. About five minutes later I came up with a better title, but oh well. I thought it would be great to share and get some feedback from people outside of the class.

Title: Designing for Quality Critical Discourse

Abstract: Critique is important in many fields, including art and interaction design. In this paper I will look at two sources that allow for photography critique; Deviant Art and Flickr. I argue that specifics of Deviant Art allow for and foster quality critical discourse. I argue that certain formal characteristics along with use qualities create a particular style. This style is then affected and made sense of through social structures such as photography culture. This style fosters better quality critiques, even though it has weaknesses. I end by presenting six principles for designing for quality critique.

Full Paper: Hill, John Wayne. 2010. Designing for Quality Critical Discourse. http://goo.gl/oZ94O

Overall, I’m very happy with my paper. While I don’t generally enjoy writing, I did enjoy the emergent thought and sheer usefulness of the pre-writing activities that Jeff Bardzell taught us. I think I most enjoyed laying out an argument and using theories that I had never before touched. This allowed me to be confident in what I was thinking and arguing. What scared me the most was the while writing I ended up defining Interaction Style, and was not confident at all in doing so. In an upcoming post, I will devote some time to this definition. Overall, this paper has greatly affected how I view critique interfaces, and has had a huge impact on my capstone. I hope others will share their papers as well!

An Analysis of Critique Content

December 2, 2010 | Tags: , , , ,

In an upcoming paper, I will argue that Deviant Art provides for a better quality critical discourse. I argue that certain formal characteristics along with use qualities create a particular style. This style is then affected and made sense of through social structures such as photography culture. This style leads to better quality critiques, even though it has weaknesses.

What makes for a quality critical discourse?

According to Carey [1] a quality photography critique talks about both objective elements, such as exposure and composition, as well as subjective elements such as artist intention and expression. Whittington [2] says that effective critiques talk about some formal elements of the photograph, unity, rhythm, balance, and communication. Abrahmov [3] talks about common criteria for a quality critique saying that quality critiques should talk about the focal points, the quality and direction of light, composition, depth of field, as well as the relationship between the foreground and background. So, according to these authors a good photography critique should talk about both formal elements of a photograph (those intrinsic to the photograph itself), as well as subject elements of a photograph. By providing both objective and subject elements in a critique, a criticizer can talk about the technical elements of a good photograph while still discussing the viewers aesthetic and emotional response to particular elements within the photograph.

What makes for a weak critical discourse?

When quality critiques talk about formal and subjective elements of a photograph, they quite usually discuss elements in a fashion of good elements, elements that need improvement, and usually conclude in talking about the overall affect of the photograph. So then, weak critiques would talk about either just formal elements, just subjective elements, or neither. I’m leaving out ‘critiques’ that simply demean or put down a photograph without talking about good elements within that photograph or with mean spirited comments about what needs improvement within that photograph. In fact, I’m not counting this type of commentary as a critique at all, as they provide no real discourse to the subject.

When a critique focuses on only formal elements within the photography, they fail to address the interpretation and intentions of that photograph and photographer. As photography is used for many different purposes, it’s important to speak to the artist’s intention to understand how a particular photograph will be used. Similarly, focusing only on subjective elements leaves no real basis for objective comparison between photographs. This style of critique tends to be an “anything goes” critique and normally fails to add to the discourse of photography. Furthermore, this style of critique normally fails to provide elements of improvement for the photographer. In simply saying “This photograph is beautiful” or “This stinks”, a criticizer isn’t saying much about the photograph at all, but rather speaking of their own personal opinions. When adding discussion about particular elements, such as “the exposure, light, and shadow of this photograph work well to create a beautiful composition” a criticizer is speaking to what creates, helps, or hinders their aesthetic experience.

Content Analysis

In determining what makes a quality critique, I looked at two large photography websites that allow for some sort of critique; Deviant Art and Flickr. I conducted a content analysis of both sites using 70 photographs from each respective website. Each photograph was picked at random. Comments and critiques were read and then coded. These coded results were then grouped according to the type of element being discussed or the type of discussion happening. For each site I grouped my analysis according to artist expression, color, composition, detail, emotion, exposure and lighting, and focus. While Deviant Art allows for 4 ratings to be given to a photograph, I also looked at how criticizers referred to or used those given terms within their textual critique. Within Flickr, comments are used for critique but also for leaving praise and awards to artists from the community (which is a form of critique itself).

What kind of critique is given on Deviant Art?

In looking at Deviant Art, I found that over half of all critiques talked about compositional elements (perspective, background, foreground, framing, etc) as well as exposure elements (lighting, contrast, tones, shadows, highlights, etc). Furthermore about half of these critiques also referred to the artists intention and the emotional affect of the photograph. About twenty-one percent of critiques also talked about Deviant Art specific keywords (Vision, Originality, Technique, and Impact) giving meaning and discussing how they interpreted these keywords within the photograph and critique.

What kind of critique is given on Flickr?

In looking at Flickr, I found some very interesting results. Overall, ninety-seven percent of photographs I studied contained comments simply offering praise or praise in the form of ‘awards’ (graphic icons stating greatness). Within these Flickr comments as critiques, only 30 references to formal elements were made, compared to 145 references on Deviant Art. Furthermore, only 4 references to subjective elements such as artist intention or emotional affect were made, while 32 such references were made on Deviant Art. It’s clear then that most of these comments were praise only not talking about any formal or subjective elements of the photograph. So, what did these praise only comments talk contain if not talking about formal or subject elements of the photograph? Most of these were contained of small three to five word phrases like “I love it”, “gorgeous”, or “this is the best!!!”. Exalting comments like may help the photographer feel better, but they do not provide a quality critique.

Why does this matter?

In all arts, critique is important in that it provides discourse and learning opportunities. Photography critique brings forth a discussion of what makes for quality photography in a non-arbitrary fashion. This provides knowledge and learning opportunities for other photographers.

Above I have discussed what makes for a quality critique, and what makes for a weak critique. I have shown how that Deviant Art has quality critical discourse, while Flickr offers a mostly praise only environment. In coming posts (and in my paper), I will show that the interaction style of Deviant Art is what allows for these quality critiques. By teasing out the details of the interaction style of Deviant Art, I will bring forth principles for designing for critique.

  • 1. Cary, Rick. 1985. A Structure for the Critique of Student Photographs. In Annual Meeting of the National Art Education Association.
  • 2. Whittington, J. 2004. The process of effective critiques. Computers & Graphics 28, no. 3 (June): 401-407. doi:10.1016/j.cag.2004.03.007. http://linkinghub.elsevier.com/retrieve/pii/S0097849304000330.
  • 3. Abrahmov, Shlomo Lee, and Miky Ronen. 2008. Double blending: online theory with on-campus practice in photography instruction. Innovations in Education and Teaching International 45, no. 1 (February): 3-14. doi:10.1080/14703290701757385. http://www.informaworld.com/openurl?genre=article&doi=10.1080/14703290701757385&magic=crossref||D404A21C5BB053405B1A640AFFD44AE3.

Give a Crit – 4th Iteration

November 16, 2010 | Tags: , , ,

In continuing work on my capstone design, Give a Crit, I present the fourth iteration.

Expert Review and Critique

After my last iterations, I decided to have other designers look at my work and provide a review and critique. They gave me some great feedback that lead to more whiteboard sketching.

Designing through sketching

After a critique session by fellow designers, I headed up to a fantastic whiteboard room in our design studio. I went to work by sketching larger than life versions of my design. By sketching out my design in a larger-than-life fashion, I was able to notice patterns and details that I might have missed out by sketching in a small notebook. I was then able to pair these sketches, find similar elements, and find interesting deviations. This in turn sparked many new ideas which I promptly sketched as well. Furthermore, I had now read and reviewed multiple literature sources and theories that I was able to use in my designs. This helped inform my decisions and hopefully had lead to a better iteration.

4th Iteration

In this iteration I have pulled some interaction styles from Adobe’s Lightroom and Photoshop, with which most photographers are familiar. The screen shown below shows a critique in session. On the top right you can see a criticizer recording video and audio of his thoughts. Furthermore, this design allows for a criticizer to ‘edit’ photos in order to show what might work better for a particular photograph. There are selection, drawing, and note taking tools on the bottom right had side that allow criticizers to directly annotate particular features of a photograph in order to better explain their thoughts. A criticizer is also able to pull up two photos for side-by-side comparison or pull up ‘before edit’ and ‘after edit’ versions of the photograph being critiqued. My intention is to allow for easy and powerful critiques that the photographer or other’s can learn from and converse about.

Give A Crit - iteration four

Weaknesses

I think some potential weaknesses in this iteration could be non-scannable critiques (critiques take considerable more time to digest here), too little conversation between the criticizer and the photographer, and no real comparison of a set of photographs (besides the strip of thumbnails along the bottom of the screen). Furthermore, the design doesn’t really allow for a photographer’s intention to show through, which I’ve recently found through user research can be very important.

I would love further comments and feedback on this iteration, especially from photographers.