Creating usable experiences

Compound Time Redesign In Progress

Below is a quick scaled down image of the new interface design for compoundtime.com. I am working with Michael Haddad on creating a more refined experience for aspiring musicians.

compound time interface design

Here is a photo of some of the work that goes into refining a logotype.

compound time logo design sketching

Philly ETE Shirt Logotype

Philadelphia ETE Shirt Logotype

Below is the front t-shirt design.

Philadelphia ETE Shirt front design

Below is the back t-shirt design featuring Chariot Solutions, the host of Philly ETE.

Philadelphia ETE Shirt design back

The littlest details make the biggest differences. I found the neatest typeface that had defects in it. It gave the type so much more character than some plain old out-of-the-box gothic font. I was “designing for mistakes” as they say.

Philly ETE logotype design cropPhilly ETE logotype design details

Designing Mobile Web Experiences

 Designing Mobile Web ExperiencesView Slide Deck on SpeakerDeck.comPresented at General Assembly in New York City

This introductory session is for designers and developers looking to create their first mobile web experience. We will introduce you to many of the tools and tactics you need to create a usable mobile web experience.

First we will start with outlining mobile web as a platform versus app creation. We will cover the basic considerations in creating a mobile web experience, user context, how human factors play into mobile designs, and mobile usability heuristics.

Next we will go over the methods and tools available to help you bring your mobile web experience from fragile ideas, to paper, to then to pushing pixels around in Photoshop. We will be sure to cover how to navigate all the different displays in mobile, their resolutions, and making sure to outline tactics to take advantage of the iPhone Retina display.

At the end we will have 20 minutes to go over any questions, or review designs from participants.

Unifying Agile and User Experience with Live Style Guides

Live style guideView Slide Deck on SpeakerDeck.com

On January 25, 2012 I contributed to a talk with a few other colleagues about live style guides in rails applications. Case Commons and Pivotal Labs members showed off their live style guide they created for Casebook. I showed off the live style guide we created for Efficiency 2.0.

The talk was held at Pivotal Labs NYC. Their offices are just south of Union Square. Below is the snippet from the Meet-up event description:

One of the many emergent Agile UX tools enabling teams to more effectively design while building is the Live Style Guide.

It’s a great example of applying Agile thinking to UX practice. Here, instead of documenting UI patterns in a traditional static document, the style guide is built using the actual production technology, making it a living and continuously evolving bridge between design and development.

During this session, members of Case Commons, Pivotal Labs, and Efficiency 2.0 will demo implementations of this technique, discuss practical considerations, and compare and contrast their various approaches. We’ll follow their presentation with a panel-style Q&A.

We hope you can join us!

Agenda: 6:30 to 7:00pm - Space opens, meet & greet. 7:00 to 8:30pm - Presentation, discussion.

Reviews

  • anders ramsay

    Anders Ramsay
    Lots of practical info and insights about a concrete technique for integrating design and development.

  • Josh Seiden

    Josh Seiden
    Best one yet. Great topic. Knowledgeable speakers. Good mix of concept and details. Nice job all!

  • daniel

    Daniel
    I love the fact that this meetup was guided by cutting edge practitioners - rather than theorists. Examples were all concrete. Excellent.

  • Giff Constable

    Giff Constable
    Good topic + speakers did a good job talking at the high level and also drilling into practical specifics.

Over 100 people attended the talk!

We had a great turnout with lots of healthy discussions after the live style guide talk. Thank you to all who attended and contributed!

Live style guide crowdLive style guide speakers grant andy and steve