TROUBLE TRANSLATING YOUR IDEAS INTO GOOD UX?

Welcome to the UX Skills for Developers Course

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 Syllabus

Course topic overview

1. Improving your Implementation

How to get unstuck

Visual Hierarchy – Learning how to see

General UI best practices

2. Mapping Complexity: Drawing it Out

Diagramming and Mapping

Information Architecture

Wireframing

3. UX Research: Learning like a designer

UX Research Basics

Interviewing Users

Performing Usability Tests

4. Building your own prototype

Project 1: Data Table

Project 2: Product Dashboard

Project 3: Filtering interaction

course outline

What’s covered in this course

1. Improving your Implementation

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: How to get unstuck (diagnosing your problem), Lean usability testing (how to quickly test your implementation), Visual hierarchy (guiding the eye through an interface)  & UI best practices (colour, alignment, etc.).

Lesson Materials

  • UX ‘QA’ Checklist
  • Interaction Checklist

2. 🧠 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)

Lesson Material

  • Whimsical Wireframing Toolkit

3. 🤔 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)

Lesson Material

  • Research Report Template
  • Interview Planning Template
  • Usability Step-by-step Guide

4. 🛠 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)

Lesson Material

  • Requirements template
  • Figma toolkit
  • Design brief template

course details

What’s included and how it works

  • Video tutorials, self-paced, lifetime access
  • Masterclass webinars with the P&P team
  • Uses real life scenarios in dev teams
  • Interaction and UI implementation 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.

Pricing

Pricing Options

LIFETIME ACCESS – SPECIAL OFFER

Individual

$300 USD

Access to all our self-directed courses

Full access to all our pattern analysis documentation

Access to our Circle community and network

Join the waiting list

MINIMUM VALUE – $750

Team

$250 USD / seat

All the Individual benefits

Exclusive, tailored masterclasses

Monthly office hours with the P&P team

Contact Us

We hope the ux way of problem solving, mapping complexity and thinking about problems can help your workflow and make your life better!

Ceara CrawshawUXer @ Pencil & Paper