Play by Play: User Interface Design with Kyle Neath

In this course, master designer Kyle Neath designs a prototype for a theoretical feature at PeepCode: a bulk video download system.
Course info
Rating
(100)
Level
Beginner
Updated
May 15, 2012
Duration
1h 46m
Table of contents
Description
Course info
Rating
(100)
Level
Beginner
Updated
May 15, 2012
Duration
1h 46m
Description

Kyle Neath was the first designer hired at GitHub. He has had a hand in most of the projects shipped during that time (the website, GitHub Issues, GitHub for Mac, and others). Kyle is a master of his tools and takes a practical approach to design. Rather than focusing solely on aesthetics, he considers the context of the existing site and thinks through how his designs fit into the average user's workflow. In this course, he designs a prototype for a theoretical feature at PeepCode: a bulk video download system. Kyle will walk through: thinking through a UI problem, using aesthetic and workflow context when designing a new feature, using small tools together for collaborating on designs (Skitch, Campfire, Preview, Photoshop), designing just enough detail for the first iteration of a feature, educating users about new features, finding the sweet spot between functionality and simplicity. Kyle spends most of his time in Photoshop and the Webkit web inspector. Both designers and developers will benefit from watching how he works.

About the author
About the author

Kyle was the first designer hired at GitHub. He has had a hand in most of the projects shipped during that time (the website, GitHub Issues, GitHub for Mac, and others).

About the author

Geoffrey founded PeepCode and has created numerous courses on Ruby, JavaScript and Shell.

More from the author
Play by Play: React and Falcor with Brian Holt
Intermediate
1h 51m
Oct 15, 2015
More courses by Geoffrey Grosenbach
Section Introduction Transcripts
Section Introduction Transcripts

Introduction
[Autogenerated] It's People Code. This play by play features Kyle Neath designer It Get Hub. I've known Kyle for several years. I was excited about the task I had from the work on. It turned out to be a perfect match for his skills and a great playground to show his proficiency in problem solving. Look for how Kyle quickly adapts to the existing design of the site while introducing new ideas. I had a hunch for how this would turn out, but he arrived in a completely different solution that addressed several problems I'd never considered. His fluency and photo shop is impressive to watch. The best designers and developers I know have taken time to master a tool, and you can see that cow's thoughts flow straight onto the canvas without impeding his thought process. Calls. Task was to solve a real world problem. We have here a peep code. We make it possible to download one video at a time. But what if you want to download all JavaScript related videos or all ruby related videos, or even build a bundle of your own? What would a user interface to accomplish this look like this is a peep code play by play. You're watching a master at work. We won't stop to explain much, but do pay attention to Kyle's thought processes and the questions he asks himself along the way. Even at a developer focused company like Get Hub, great applications start with designing a great user experience.