June 30, 2016
Implementing custom typography on the web used to be hard. We were limited to a small set of “web-safe fonts”, provided by Microsoft’s Core Fonts for the Web initiative back in 1996. They’ve stuck around and continue to be reliable fallbacks. You know the crew: Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, and Webdings.
June 09, 2016
We crafted a stunning new website for the Bay Area Video Coalition, a leading media non-profit in San Francisco.
September 18, 2015
This was supposed to be Part 3 of my Wireframing with OmniGraffle series but the trouble is, I don’t use OmniGraffle for wireframes anymore! (It is still a great tool for building site maps, however) Last year I transitioned to Bohemian Coding’s Sketch and it’s now my primary tool for wireframes and design comps. Sketch is fast, performant and renders type really well (I’m looking at you, Fireworks). These are some of the key features I find especially useful in regular use:
January 22, 2015
Berkeley approached us to not only build a website for an exciting new project but to also develop its brand identity from scratch. The project was the Berkeley Institute for Data Science (BIDS), a new initiative to provide a common collaborative space for research fellows, faculty and anyone at Berkeley working with data science in some way.
December 13, 2013
I just got back from An Event Apart San Francisco and my brain is about to burst. I’ll do my best to summarize my most significant learnings and share lots of great new (to me) tools and resources.
December 06, 2013
We finished our yearly Holiday card last week and thought: "why should mailboxes get all the fun?" We've made some festive wallpapers to adorn your mobile devices and bring a smile to your face every time you unlock your phone. Happy Holidays from all of us at Chapter Three!
October 21, 2013
As the sites we build get increasingly complicated, the wireframing phase is increasingly important. Solving high-level usability challenges early in the process is less expensive and faster for you and your clients! In this talk, I'll share the techniques and tools we use at Chapter Three to quickly produce high-quality wireframes and maintain your UX sanity.
July 22, 2013
Now that you’ve got a basic framework for your wireframes, you’re ready to dive in! You should have a fat stack of paper wireframes to work from, so the hard thinking should be done already. This is the part of the process where you can relax a bit and switch your brain to “zen-like robot mode”. You don’t need to worry about making them beautiful; this is a rare moment when you can just use Helvetica and call it a day. Savor it.
July 09, 2013
I started using OmniGraffle to produce wireframes over a year ago and haven’t looked back. I went from spending weeks creating greybox-style, perfect wireframe in Fireworks to being able to knock out 55 pages of wireframes in two days with a UX-heavy client. Disclaimer: This is my current wireframing process for desktop-only sites. We, and everybody else, are still figuring the best scalable approach for responsive wireframing, although I believe that OmniGraffle can easily serve that purpose as well.
May 08, 2013
Well, it’s not quite dead yet, but Adobe has effectively removed all life support from Fireworks, according to this recent press release. As they transition to an exclusively cloud-based system for Creative Suite, Fireworks CS6 will be included but they “are not planning any further feature development.” All of our copies of Fireworks will continue to work, of course, but at some point down the road we’ll all have to move on to the next piece of software.