UX Design for Developer Tools

Learn how to design a developer-focused tool by examining the UI in the Pixel Vision 8 game console.

If you're ready to design a dev tool, but aren't sure where to start, this course gets you on your way. Join Jesse Freeman as he explains the fundamentals of UI design and how to apply UX principles when designing interfaces. By taking a look at the design of the game engine Pixel Vision 8, he breaks down the logic behind the layout of standard components. He discusses design patterns, unification, user experience challenges, and more. Additionally, he helps you get your dev tool design started by helping you pursue the creation of toolbars, the selection of color palette, the addition of action bars, and more.

Introduction

• Welcome
• What you should know

1. Designing Dev Tools

• Dev tool overview
• Designing within constraints
• Understanding tool UI

2. Shared UX Principles

• The UI in PV8
• Creating a common UX language
• Standardizing UI components

3. Tool Design Case Study

• Working in small resolutions
• Tool bar
• Action Bar

4. Design Constraints

• Limiting UI visual language
• Limiting color palettes
• Overcoming design constraints

Conclusion

• Next steps