Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

UX Design for Developer Tools

via LinkedIn Learning

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
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.

Syllabus

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

Taught by

Jesse Freeman

Reviews

Start your review of UX Design for Developer Tools

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.