Last.fm Kinect Why was it hard? Recent Stations Your Personal Stations Popular Stations Tag Stations Your Personal Stations [Name] Radio [Name] Radio [Name] Radio Last.fm Kinect Library Radio Mix Radio Recommended Radio Popular Stations Your Personal Stations Artist Radio Last.fm Kinect Last.fm Kinect Tag Stations Last.fm Kinect Artist Radio Artist Radio Artist Radio Artist Radio Artist Radio Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist icon icon icon Xbox Kinect Navigation Selecting stations Controls: User selects a tile by “holding” their hand States: Personal stations will be empty (and need a help screen) until the user has listened to x tracks; pull recent stations from user’s LFM history. Selecting these starts the staion; requires play icon Selecting these open a “folder” (should not have a play icon)
Last.fm Kinect Why was it hard? Recent Stations Your Personal Stations Popular Stations Tag Stations Your Personal Stations [Name] Radio [Name] Radio [Name] Radio Last.fm Kinect Library Radio Mix Radio Recommended Radio Popular Stations Your Personal Stations Artist Radio Last.fm Kinect Last.fm Kinect Tag Stations Last.fm Kinect Artist Radio Artist Radio Artist Radio Artist Radio Artist Radio Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist icon icon icon Xbox Kinect Navigation Selecting stations Controls: User selects a tile by “holding” their hand States: Personal stations will be empty (and need a help screen) until the user has listened to x tracks; pull recent stations from user’s LFM history. Selecting these starts the staion; requires play icon Selecting these open a “folder” (should not have a play icon)
Last.fm Kinect Why was it hard? Recent Stations Your Personal Stations Popular Stations Tag Stations Your Personal Stations [Name] Radio [Name] Radio [Name] Radio Last.fm Kinect Library Radio Mix Radio Recommended Radio Popular Stations Your Personal Stations Artist Radio Last.fm Kinect Last.fm Kinect Tag Stations Last.fm Kinect Artist Radio Artist Radio Artist Radio Artist Radio Artist Radio Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist Artist icon icon icon Xbox Kinect Navigation Selecting stations Controls: User selects a tile by “holding” their hand States: Personal stations will be empty (and need a help screen) until the user has listened to x tracks; pull recent stations from user’s LFM history. Selecting these starts the staion; requires play icon Selecting these open a “folder” (should not have a play icon)
Flexibility today Increasingly, the medium we’re designing for is not the browser. And these mediums are (at the moment) are less flexible to work with.
Recent Stations Your Personal Stations Popular Stations Tag Stations Your Personal Stations [Name] Radio [Name] Radio [Name] Radio Last.fm Kinect Library Radio Mix Radio Recommended Radio Popular Stations Your Personal Stations Artist Radio Last.fm Kinect Last.fm Kinect Tag Stations Last.fm Kinect Artist Radio Artist Radio Artist Radio Artist Radio Artist Radio icon icon icon Xbox Kinect Navigation Selecting stations Controls: User selects a tile by “holding” their hand States: Personal stations will be empty (and need a help screen) until the user has listened to x tracks; pull recent stations from user’s LFM history. Selecting these starts the staion; requires play icon Selecting these open a “folder” (should not have a play icon) The story of the shark Shark vs. my Kinect drawings?
Recent Stations Your Personal Stations Popular Stations Tag Stations Your Personal Stations [Name] Radio [Name] Radio [Name] Radio Last.fm Kinect Library Radio Mix Radio Recommended Radio Popular Stations Your Personal Stations Artist Radio Last.fm Kinect Last.fm Kinect Tag Stations Last.fm Kinect Artist Radio Artist Radio Artist Radio Artist Radio Artist Radio icon icon icon Xbox Kinect Navigation Selecting stations Controls: User selects a tile by “holding” their hand States: Personal stations will be empty (and need a help screen) until the user has listened to x tracks; pull recent stations from user’s LFM history. Selecting these starts the staion; requires play icon Selecting these open a “folder” (should not have a play icon) The story of the shark Shark vs. my Kinect drawings?
Recent Stations Your Personal Stations Popular Stations Tag Stations Your Personal Stations [Name] Radio [Name] Radio [Name] Radio Last.fm Kinect Library Radio Mix Radio Recommended Radio Popular Stations Your Personal Stations Artist Radio Last.fm Kinect Last.fm Kinect Tag Stations Last.fm Kinect Artist Radio Artist Radio Artist Radio Artist Radio Artist Radio icon icon icon Xbox Kinect Navigation Selecting stations Controls: User selects a tile by “holding” their hand States: Personal stations will be empty (and need a help screen) until the user has listened to x tracks; pull recent stations from user’s LFM history. Selecting these starts the staion; requires play icon Selecting these open a “folder” (should not have a play icon) The story of the shark Shark vs. my Kinect drawings? SHARK WINS. GAME OVER.
Investigation | Sketching, a conversation in… “Sketching is not putting pen to paper, it’s the mindset you do it in” — Bill Buxton Sketch for ‘Valley of the Wind’ building by Benny Lee, Bread Studio
Communication | The art of concept drawing Concept drawing; leaving just enough “holes”. Your Recommended Lineup (show complete lineup) Email Print P avement Your stats: 500 scrobbles, discovered 12 May 2009 You’ve seen this artist 8 times Broken Social Scene Your stats: 400 scrobbles, discovered 14 June 2006 Pierced Arrows Your stats: 320 scrobbles, discovered 20 Feb 2008 You’ve seen this artist 1 time The Clean Your stats: 215 scrobbles, discovered 3 Jan 1020 Camera Obscura Your stats: 98 scrobbles, discovered 10 May 2009 Don’t Miss: Mobile phone concept drawing from “Drawing for Designers” by Alan Pipes
Communication | The art of concept drawing Concept drawing; leaving just enough “holes”. Your Recommended Lineup (show complete lineup) Email Print P avement Your stats: 500 scrobbles, discovered 12 May 2009 You’ve seen this artist 8 times Broken Social Scene Your stats: 400 scrobbles, discovered 14 June 2006 Pierced Arrows Your stats: 320 scrobbles, discovered 20 Feb 2008 You’ve seen this artist 1 time The Clean Your stats: 215 scrobbles, discovered 3 Jan 1020 Camera Obscura Your stats: 98 scrobbles, discovered 10 May 2009 Don’t Miss: Mobile phone concept drawing from “Drawing for Designers” by Alan Pipes
Communication | The art of concept drawing Concept drawing; leaving just enough “holes”. Your Recommended Lineup (show complete lineup) Email Print P avement Your stats: 500 scrobbles, discovered 12 May 2009 You’ve seen this artist 8 times Broken Social Scene Your stats: 400 scrobbles, discovered 14 June 2006 Pierced Arrows Your stats: 320 scrobbles, discovered 20 Feb 2008 You’ve seen this artist 1 time The Clean Your stats: 215 scrobbles, discovered 3 Jan 1020 Camera Obscura Your stats: 98 scrobbles, discovered 10 May 2009 Don’t Miss: Mobile phone concept drawing from “Drawing for Designers” by Alan Pipes Drawing by Spencer Nugent, www.spencernugent.com
Communication | The art of concept drawing Concept drawing; leaving just enough “holes”. Your Recommended Lineup (show complete lineup) Email Print P avement Your stats: 500 scrobbles, discovered 12 May 2009 You’ve seen this artist 8 times Broken Social Scene Your stats: 400 scrobbles, discovered 14 June 2006 Pierced Arrows Your stats: 320 scrobbles, discovered 20 Feb 2008 You’ve seen this artist 1 time The Clean Your stats: 215 scrobbles, discovered 3 Jan 1020 Camera Obscura Your stats: 98 scrobbles, discovered 10 May 2009 Don’t Miss: Mobile phone concept drawing from “Drawing for Designers” by Alan Pipes Drawing by Spencer Nugent, www.spencernugent.com
Communication | The art of concept drawing Focus on the important parts; create rich stories around them. Architectural concept by Benny Lee, Bread Studio
Communication | The art of concept drawing Focus on the important parts; create rich stories around them. Architectural concept by Benny Lee, Bread Studio Drawing by Oscar Tusquets Blanca from “Drawing for Designers” by Alan Pipes
Validation | Our users, our characters We love looking at people. Disir character design for ‘Siege: Loki’ by Jamie McKelvie Character design for ‘Batman the Animated Series’ by Bruce Tim
The makers of things 10 years ago we were pushing “invisible pixels” around. Today we’re building products that people depend on as part of their lives.
The makers of things As product designers of a mature medium—the web—it’s time for us to break out of our silos. And to learn from and experiment with other design techniques to find our 3/4 view.
The makers of things As product designers of a mature medium—the web—it’s time for us to break out of our silos. And to learn from and experiment with other design techniques to find our 3/4 view.
Special thanks to the designers who let me interview them & those who helped along the way: Monika Wensel, Benny Lee, Matt Sheret, Matthew Ogle & Jamie McKelvie. Thanks!
han
route06
uxaustralia
ashapiro
yutaromurakami
takeshiinotsume
marumi
aicocco
bermonpainter
xinyao
kubosaya
lovchikov
marset
iamctodd
speakerdeck
lemiorhan
addyosmani
keathley
swwweet
tmm1
garrettdimon
eileencodes
kneath
chriscoyier
maggiecrowley