Welcome to the Design SOS Course for Developers

Helping developers everywhere improve their implementation by upping their UX design game.

Find out more

Signs you need this course

Recognize any of these things in your work?

Surprise scope creep on your stories

Things aren’t well defined, and you’re discovering UX gaps

Taste does not equal your end result

Your implementations aren’t matching your expectations

Your UX knowledge feels stale

It’s been a while since you brushed up on your design skills

You want to level up & get compensated better

Becoming a design oriented developer rounds out your skillset

course outline

What’s covered in Design SOS

screenshot from course showing example problem

1. Diagnosing UX, UI & Interaction Issues

We start off with high impact & actionable steps to help you immediately by the end you’ll be able to sniff out ‘UX weirdness’ and make improvements right away.

Includes sections:

  • Introduction
  • Overall Reflection
  • Diagnosing UX, UI & Interaction problems
Learn more at P&P Labs
Course screenshot showing visual hierarchy demo

2. 🧠 UI Best Practices

A good UI can support your digital product’s sense of professionalism, usability & overall enjoyment for users. In this section, we learn to ‘see’ in an entirely new way.

Includes sections: Visual hierarchy, Alignment, Colour, typography

Lesson Material

  • Visual hierarchy checklist, Alignment checklist, Colour palette checklist, Typography styles checklist
Learn more at P&P Labs
screenshot of course showing success feedback

3. 🤔 Improving interaction

Interactions are hard and essential to creating a sense of cooperation with users. As we delve into this topic, we take a pragmatic approach to building up excellent interactions and gauging the appropriate ‘level’ of communication we want to achieve.

Includes sections: Errors, Success, Status and warnings

Lesson Material

  • Errors audit checklist
  • Success audit checklist
  • Status checklist
  • Warnings checklist
Learn more at P&P Labs

🧠 Mapping Complexity:
Drawing it Out

Step away from the code, learn how to take a step back and map out the complexity in a visual way, in order to see the problem from a ‘whole system’ perspective. Armed with this knowledge, you can immediately stop churning on the same problem for hours at a time and build out your implementation with maximum reusability and efficiency.

Includes sections: Diagramming and Mapping (capturing complexity visually), Information Architecture (navigation, organizing information & crafting language), Wireframing (rough drawings of screens)

🛠 Building prototypes

Time to flex your UX & UI knowledge building prototypes of your own. You’ll be able to do it yourself, then you’ll watch ‘over the shoulder’ as we translate requirements and use cases into flows and wireframes – then finally to high fidelity clickable prototypes. Whether you adopt high fidelity design into you workflow or not, you’ll understand the thought process that goes into it – this will help you work out your own designs and interpret other’s designs.

Projects in this section: Data Table (IA, complexity focused), Product Dashboard (flow focused), Filtering interaction (micro-interaction focused)

🤔 UX Research:
Learning like a designer

Ever wondered how UX people validate their hypothesis’? Want to integrate gathering external data into your workflow? Whatever the case, learning the ins and outs of user testing will unlock a new world (and huge learning potential for your side projects and your main gig). We teach you the basics and how you could formulate your own research (quickly and effectively).

Includes sections: UX Research Basics, Interview a user (guided steps for how to run an interview), Perform a usability test (guided steps for how to run a usability test)

course details

What’s included and how it works

  • Video tutorials, self-paced
  • Uses real life scenarios in dev teams
  • Handouts & checklists
  • Pro-tips on mastering Figma and Whimsical

Stay in the loop

👉If you’d like to get more information…

Subscribe to our newsletter – you’ll be the first to hear about early bird pricing, course content snippets, freebies & registration details 🎉.

improving your workflow

How learning UX skills can benefit developers

UX/devs are creative problem solvers – why not borrow from the UX workflow to inform your coded masterpieces?

We think the UX workflow can help make things smoother, more efficient and more enjoyable.

Download syllabus

Join other devs and dev teams in learning UX fundamentals with the Design SOS course!

Ceara CrawshawUXer @ Pencil & Paper