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.
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
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.
BUILD REUSABILITY
The ‘whole system’ perspective can help you plan ahead (code fewer things)
GET IDEAS OUT OF YOUR HEAD
New ways to think through problems and capture ideas
CAPTURE EDGE CASES
Capture edge cases by using mapping/diagramming skills
INCREASE DESIGN AUTONOMY
Capture edge cases by using mapping/diagramming skills
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
MINIMUM VALUE – $750
Team
$250 USD / seat
All the Individual benefits
Exclusive, tailored masterclasses
Monthly office hours with the P&P team
