YoVDO

UX Design for Developer Tools

Offered By: LinkedIn Learning

Tags

User Experience Courses Design Patterns Courses Color Palettes Courses

Course Description

Overview

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

Related Courses

Computing: Art, Magic, Science - Part II
ETH Zurich via edX
Web Application Development: Basic Concepts
University of New Mexico via Coursera
Web Application Development: The Presentation Tier
University of New Mexico via Coursera
Técnicas Avançadas para Projeto de Software
Instituto Tecnológico de Aeronáutica via Coursera
Programmation objet immersive en Pharo
Inria (French Institute for Research in Computer Science and Automation) via France Université Numerique