My Thoughts

Tabular data, lots of it around.

Seems like I’ve been working with a lot of this lately.

image

All Posts

Lorem Ipsum generators

Lorem Ipsum is a variation on a Latin text that is used in design layouts so that the user focuses more on the overview than the details. You don’t want the user to actually read the text, you just want them to consider the general design. It is rearranged to be nonsensical for this very reason.

Over the last few years people have begun to produce this type of filler text with various themes. Of course, this somewhat defeats the purpose of Lorem Ipsum, but the results can be quite funny.

http://mashable.com/2013/07/11/lorem-ipsum/

All Posts My Thoughts My Work

An Event Apart

stephen eighmey, jeffrey zeldman

An amazing 3 day conference. An Event Apart presents web design thought leaders sharing their ideas. Inspiring, informative, and engaging. Did I mention that I also met Jeffrey Zeldman?

All Posts My Thoughts

“In doing, there is knowing.”

50 Design Problems In 50 Days: Real Empathy For Innovation (Part 1)

http://uxdesign.smashingmagazine.com/2013/05/27/50-problems-50-days-part-1-real-empathy-innovation/

I love the crowded train solution, but I really want to observe the results.

All Posts My Thoughts

Focused design

Students Design 22 Playful Wooden Toys For Kids

http://www.fastcodesign.com/1672647/students-design-22-playful-wooden-toys-for-kids

A wonderful example of creativity in the service of design.

All Posts My Work

High fidelity interactive wireframes

high fidelity interactive wireframe   high fidelity interactive wireframe media page

This design shows a home page and media page for a project I worked on a few years ago. The existing site no longer reflected the brand and the information was outdated and unorganized.

We needed a cleaner layout that let the user easily find information, so visual elements and whitespace were carefully considered. It’s much easier to understand content when it’s presented in a well balanced layout.

The mock-up was built fairly quickly using a grid based presentation layer. The HTML, CSS, and JavaScript were reusable chunks of code from my code library that needed only slight modifications for this project. This allowed me to iterate the design quickly once I received results from my user testing.

All Posts My Thoughts My Work

Color palettes in black and white

color palette   color palette greyscale

I’ve developed a number of color palettes for clients and one thing I always consider is how they look in greyscale. Why? Because I always consider color in user experience design primarily as an aspect of balance and hierarchy, and once you take away the focus on color you can better see the visual weight of each color element.

Color can mean different things both contextually and culturally, but greyscale shows you visual weight and order. This is also important to consider regarding accessibility. A user who is color blind might not see the color you intended, but they will most likely get a sense of meaning and intent from the balance of the layout. That’s why wireframes are generally shown without the use of color so the focus stays on the layout and organization of content. A key element to good design is to use color in the service of supporting content.