Video

Keynote does Material Design (Complete) from Andrew Haskin on Vimeo.

Update: The video is now complete! See below for an updated Keynote file.

I was pretty excited about Google’s debut of Material Design, especially the video they made to promote it. I took it on as a challenge to recreate it using Keynote, and I thought I’d share a side-by-side comparison.

For those of you who don’t know, I’m a huge advocate of using Keynote in my work. I think most people underestimate this what used to be $20 software (now free with Mavericks!). In my work, there’s constant discussion about which is the best and hottest new design tool to use. I’ve tried many of them, but in the end I still keep coming back to Keynote. It’s easy to learn and use, swapping assets is a breeze (using media placeholder), and most complex animations can be tested with Magic Move (the secret sauce to it all). Producing animations can span a range of fidelities; I can produce all the assets in Keynote, or I can copy out of Illustrator or drag and drop from Sketch (how seamless this works puts a smile on my face every time). As an interaction or visual designer, if you’re not using Keynote to test and bring your work to life, then I think you should start now! At least I hope this little experiment inspires you to try.

The fidelity of the animation is nothing like what After Effects would do, but it’s pretty close and definitely gets the job done. To be honest, it’s not a raw export from Keynote. I did edit it in FCP X to match Google’s version with the music (I think I actually spent more time matching in FCP X than actually producing the animations in Keynote).

The assets you see I just screen grabbed from the original video. I didn’t reproduce them, but you might begin to see how you would copy in assets from another application.

Here is the link to the Keynote file: app.box.com/s/q06fnhk09asgvx94a5gy

Video

Managing Product Development with Vertically Integrated Scopes from Ryan Singer on Vimeo.

One idea has been constant through my years of managing software projects at 37signals. In this video I explain the concept of an individual, vertically integrated scope of work. I show how to think of work in individual pieces and how to assemble those pieces into a greater whole.

Video

Adobe Primetime by You.i from You.i on Vimeo.

You.i Engine is the interface engine for TV Everywhere. It plugs into the tools used by interface designers and brings their designs to life in one codebase that quickly runs on any screen. It also integrates with your video infrastructure, including Adobe Primetime.

Text

How the BBC should practice Responsive Web Design

responsivenews:

FACT: design as a service and responsive web design are incompatible. This is an open letter to Ralph Rivera, the head of BBC FM, explaining how we should change the relationship between developer and designer. This blog post is massively inspired by (and in some places copy’n’pasted from) Trent Walton’s excellent blog post which finally placed into words how I’ve always felt but was unable to externalise. Thank you Trent :-) and sorry for copying you so blatantly.

Read More

Photoset

littlebigdetails:

Basecamp — When there is a form field error, the character on the left makes a surprising facial expression. 

/via Jakob

Loving this firm field validation ;-)

Video

UX Week 2011 | Jon Wiley | Whoa, Google Has Designers! from Adaptive Path on Vimeo.

Google is in the midst of the largest redesign in its history, with more changes to come. Many have wondered who let the designers out of their cage at Google and set them on the path of making Google’s products more focused, effortless, and elastic. You’ll be surprised at the answer.

Video
Quote
"We can divide well-done design projects into a discovery phase… an exploration phase… and a refinement phase"

Jared Spool, ‘Shifting to Disposable Personas’, 21 May 2013

We can divide well-done design projects into a discovery phase (where we explore the boundaries of the problem we’re trying to solve), an exploration phase (where we toy with different possible solutions), and a refinement phase (where we choose a direction and fill out the details). Not everyone does design projects well, but the folks who do end up following these three phases. The ones who don’t, well, they skip one or more of these stages then regret it later.

Or, as Leisa would say, “trust the process”. You won’t have all the answers at the beginning. But if you trust the process, you’ll get to them in the end.

(via sophiedennis)

Isn’t this what proto personas and Lean UX is all about?

Text

Response-ish Web Design

responsivenews:

Two BBC News codebases are not better than one. But until the responsive site is finished the desktop site can’t be retired. Read on to find out how Responsive Web Design is being used to keep both sites up to date.

Read More

Link

9-bits:

Very open and poignant article by Aza Raskin about his experience founding Massive Health. I have been considering a similar path lately, and hearing down-to-earth recounts like this is really eye-opening.

His thoughts echo those of many a design manager I’ve no doubt. Thank for sharing.