TROUBLE TRANSLATING YOUR IDEAS INTO GOOD UX?
Welcome to the Design SOS Course for Developers
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 outline
What’s covered in Design SOS
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
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
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
🧠 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
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
