Navigation
Topic: Design

Social sign on done right

Buffer has done an excellent job solving the social sign on problem with this clean homepage! It’s tough to show users more than one login option without it being overwhelming or confusing. Giving the login buttons tons and tons of breathing room lets this screen get away with showing all four routes without making the choice feel complicated. Also, by deemphasizing the option they don’t want, log in with email, the choice feels even more simple. Great work from the Buffer design team.

Weekends are for tinkering

Spent the weekend working on some updates to my main website and am mighty proud of these link hovers. Sometimes it’s the simple things that make a design really work, you know?

I’m in the process of rebuilding that site to run off of Middleman instead of being pure HTML. The goal is to convert the small client blurbs into full case studies over the next month, and making each case study page as it’s own static markup just seemed silly. Middleman has been scary easy to work with so far! I’m still in the middle of things but am comfortable recommending it to anyone who wants their own site and has enough development knowledge to work with Ruby gems and such.

Shout out to my pal Kari Newhouse who brought up Middleman over coffee yesterday! It totally solved my portfolio-content-management woes!

UX Techniques

UX Mastery curates this handy toolbox of UX-y things for reference. This is a great list to check out if you’re stuck on a project without enough data or can’t recall the name of that one research exercise.

UX Techniques

UX Mastery curates this handy toolbox of UX-y things for reference. This is a great list to check out if you’re stuck on a project without enough data or can’t recall the name of that one research exercise.

Using Keynote to build effective wireframes

Keynote has recently become my wireframing tool of choice over industry standard Omnigraffle. I have a pretty solid collection of graffle stencils and templates that I can use and know all the keyboard shortcuts by heart. So why switch? It came down to what wireframes are for: a way to communicate complex interactions with different members of a team. The best wireframes only last a few days, as once the design process moves forward there is little need to refer to this early document. I’ve found the best wireframes are quick, rough, and made with as much collaboration as possible.

Keep reading →