Our observations and strategies for effective product design.
Quick and Easy Prototyping
How to take an idea from pencil and paper to an interactive prototype in 3 easy steps.
Helping Clients Communicate Ideas
From time to time we will encounter a client that has an idea they are desperately trying to describe. While we love hearing the concept and trying to understand the various accompanying hand-motions, they often fail to properly convey it. Rather, their ideas could be visualized in the form of basic wireframes, simple sketched-out flows or organization charts.
Wireframing an App
At its simplest, a wireframe is a visualization of how content will be displayed on a screen. Typically it is rendered in black and white or shades of grey. This is done so that the focus can be on communicating content structure and the hierarchy of information.
Fixing Poster Image Stuttering on Looping Videos
A couple of days ago I was building an html5 video element that would autoplay and loop once it loaded. The idea is that it would look kind of like those looping gifs that you see all over the internet, but it's video! WOW! The problem was that the poster image would show up at the end of every loop and give the element a jarring stutter effect.