Wednesday, April 28, 2010

Info Arch P2: The Collection | Final Design Comp

Here is a look at my final design comp for my collection website...it takes into heavy consideration navigation and usability in that respect.











Monday, April 26, 2010

P3: The Poetic Experience | Mock Up + User Test 02


Mock-up 02 | User Test 02
Based upon the feedback from the first user test I made some revisions to hopefully correct some of the initial issues. I am still mostly focusing on content and imagery at this point, the look and feel is still being developed and I hope to integrate it soon. With this second round I made some revisions to imagery and content, focusing on withholding the abstract nature but still keeping the context/environment in consideration.

From the second user test it appears that I have resolved some of the imagery issues as things went very smoothly. Except it seems that the tulips I photographed are no longer there, they are simply stems and leaves. Looks like someone wasn't too keen of me photographing them, hopefully the grow back! There is still some work to be made in finding the right crops through the view finder as well as for the entire image. However, both users seemed to enjoy the enrichment the abstract, puzzling images brought to the experience. I also inserted some color images (only in consideration of cost) into this mock up and the definitely make the difference.

 user evaluation, highlighted with the main points taken into consideration for further revisions and development. (above)

a look at some of the revisions taking place regarding imagery (above)
a few of my artfully crafted "eye spy" limericks (above)


A special thanks to Bethany Ediger for being 'victim #2' in my poetic experience.

P3: The Poetic Experience | Mock Up + User Test 01

Mock-up 01 | User Test 01
Here is a look at the first mock up layout for my poetic approach to finding the Shuttlecocks at the Nelson. My approach does not directly reference a map; however, the landmarks act as check points and a visual map to the Shuttlecocks even though they are not directly linked to each other.

Based upon the user feedback I got from this first approach there is some work to do revising imagery and the addition of introduction text. Some of the imagery seemed to be too abstract to the point that it was taken out of context. I plan on revisiting these ones to imply more context/environment without losing the abstract nature.

user evaluation, highlighted with the main points taken into consideration for revisions. (above)



A special thanks to Kate Morr for being 'victim #1' in my poetic experience.

Sunday, April 25, 2010

T4 Conference | Final Artifacts + Statement


The Theme:
Typelab this year is themed with electrical, synthetic components juxtaposed with organic, natural matter like plants, twigs and flowers. The logotype is built this way to show the inspiration which can come from immersing oneself in the created order plus collaborating with others in the busyness of technological 21 century living. Time at the conference will be broken up into times of quiet outside and times of busy experimenting. As abstract as it is, the themed logotype is poetic and persuasive.

Visual Identity:
The visual identity for Typelab was developed through the culmination of type experiments created earlier in the semester by Tom and I. Given the theme of our conference the two styles work well together in creating the visual identity. The contrast of the two experiments supports the theme and its two sided nature. This is reinforced by the geometric subtraction and the organic free flowing negative type which withholds the digital versus analog character of our conference. It is further reinforce in the analog constructed logotype of electronics and natural, organic matter.





Typelab Animation:
The main "trailer" promoting the conference consists of the logotype rendered in electronic parts and wires contrasting leaves, vines, and twigs; it also features the keynote speakers and date of the conference. The animation is constructed in a stop-motion fashion further emphasizing the analog development and nature of the conference. Although highly persuasive in nature, it also plays a poetic role in playing out what the conference is all about. The animation was created to be used on multiple platforms; websites, blogs, and emails, it can also be altered to be shown at the conference.




Keynote Speaker Lecture Intros:
The looping lecture introductions feature elements from the main animation; utilizing the name entrance and establishing a tighter, unique crop of the frame. The title of the lecture also appears on the animation in a clear fashion. This piece serves a practical purpose as it acts not only as an intro but also a way-finding device, although the poetic aspects play secondary.

The Journal (Tom)
A 104 page book for writing thoughts, notes, and ideas. The Journal is extremely practical giving a home to the conference schedule, a map of the conference center and questions for reflection.



Conference Poster (Tom)
This would be printed for the conference only and be delivered to the event. It would be sold at the event to raise money for the event and is purely poetic as a collectors piece for the conference attendees.


Style Guide:

T4 Conference | Criticism

Friday, April 23, 2010

Info Arch P2: The Collection | Design Progress

I have been reworking my design with a focus on aesthetics and functionality, and a big part of that goes towards the navigation. I am playing off the scoreboard/stats motif and I am working to better establish that relationship both in creating functional navigation and aesthetically effective elements. With this I have come to a solution that splits my three sorting methods, basically they can be sorted from beginning to end or end to beginning. I have also reworked the 'clunky-ness' of the top nav and I am definitely getting close to having that established. Also, I have worked with finding a workable rendering method, one that creates more dimension to the flat cards...its coming along.

nav progress (above + below)

Here I am trying to work with the old/vintage scoreboards which had numbers and words manually placed into, essentially, cut-outs. The more difficult part is trying to give it that look without giving the appearance of layered shapes...I may explore some texture there. (above)

Working with other variations for rendering, I am making progress but not yet sure if I have found a solid solution, Although, I do like the front and back propped out and facing each other...could play with scale here as well. (above)

T4 Conference | Typelab Stop Motion Development

Well, here is a look at the beginning of our stop motion, we worked in a crop that connects to 3 sides of the image and creates a pretty dynamic frame. We had a mishap with the camera lens falling down (zooming in) while we shot but we think it may be a happy mistake. As of now it is working and I am in the process of laying out the rough stop motion and will begin to make tweaks.

Thursday, April 22, 2010

T4 Conference | Logotype + Stop Motion Shoot 2

Tom and I took another stab at the logotype and stop motion, this time working to get a really good quality image and strong contrast. In this round we definitely achieved this, the various greens of the leaves and a strong contrast to the rigid gray/blue parts and pieces. I am really satisfied with this shoot as we came up with some very clean images that emphasize the logotype.

We have constructed storyboards for the stop motion, with this we plan on featuring the speakers, when, and where. This will act as a trailer or 'teaser' for our conference and could be very versatile in its placement (i.e. website, email, digital screen, etc.). These other elements will take the form of vector type but they will imitate the form/path the various objects take within the stop motion. Tom and I are also exploring the use of these elements and crop of these elements in our journal and other conference material. If time allows we are also considering implementing the logotype into poster form. This sort of discovery we arrive with this idea is quite nice and I am very excited about it, it really speaks to our conference concept and what it is all about.


some of the other elements we are considering for the journal and such...

Wednesday, April 21, 2010

Info Arch P2: The Collection | Design Comp




This direction takes the design and the collection beyond their form, working with how the trading cards are displayed as well as the context/environment they are within. The interface design plays off the statistics/scoreboard motif and the 3 sorting views play into the scoreboard with consideration that there are 3 periods in a hockey game. Not sure how relevant the numbers should be, at this point they are only to emphasize the scoreboard motif; however, they could play an integral part in the collection I just haven't explored how. I am still trying to nail down color palette, although I do like the black and white contrast with the ice image and collection.