Product Sense for Engineers: UI, UX and Work People Remember · Edorax
← Catalog Instructor · Dev Weekends
Product Sense for Engineers: UI, UX and Work People Remember Anyone can build an app in a weekend now, and most of those apps look the same. Learn the product sense that makes work stand out: start from the problem and the job, shape screens so the important thing is seen first, design the moments when things go wrong, build taste you can explain, remove the generic AI-made look, use AI design tools as opinions you check, and present your work in a demo and a case study people remember.
Difficulty Medium
Duration ~26 hours
Price Free
Explore the syllabus
Course curriculum 7 modules · 108 lessons. Open a module to see its lesson list.
01 Think product first 16 lessons View lessons Hide lessons 01.01 Set the scene: fourteen features, three users15 min 01.01 Set the scene: fourteen features, three users15 min 01.02 Start from the problem, not the feature25 min 01.02 Start from the problem, not the feature25 min 01.03 The job people hire your app for25 min 01.03 The job people hire your app forWhat you'll build
Redesign one of your own projects, or the provided Wasel print-shop app, from the generic look to work people remember: before and after screenshots, a critique log with a reason for every change, a case study page that passes a 10-second skim, and a 60 to 90 second demo. Then defend your changes with the AI interviewer or in writing.
25 min
01.04 Fit the scope to the time, say no to the rest25 min
01.04 Fit the scope to the time, say no to the rest25 min
01.05 Know if it worked25 min
01.05 Know if it worked25 min
01.06 Practice: a one-page product brief50 min
01.06 Practice: a one-page product brief50 min
01.07 Thinking product first12 min
01.07 Thinking product first12 min
01.08 Checklist and learning log35 min
01.08 Checklist and learning log35 min 02 See it first: hierarchy, type, space and colour 16 lessons View lessons Hide lessons 02.01 Set the scene: ten links, one morning15 min 02.01 Set the scene: ten links, one morning15 min 02.02 One thing first: visual hierarchy25 min 02.02 One thing first: visual hierarchy25 min 02.03 Type that reads on a phone25 min 02.03 Type that reads on a phone25 min 02.04 Space does the grouping25 min 02.04 Space does the grouping25 min 02.05 Colour with a job, contrast you can measure25 min 02.05 Colour with a job, contrast you can measure25 min 02.06 Practice: fix one screen50 min 02.06 Practice: fix one screen50 min 02.07 Hierarchy, type, space and colour12 min 02.07 Hierarchy, type, space and colour12 min 02.08 Checklist and learning log35 min 02.08 Checklist and learning log35 min 03 Kind to use: states, forms, access, motion and the first run 18 lessons View lessons Hide lessons 03.01 Set the scene: a blank screen on weak data15 min 03.01 Set the scene: a blank screen on weak data15 min 03.02 Empty, loading, error: the states nobody draws25 min 03.02 Empty, loading, error: the states nobody draws25 min 03.03 Forms people finish25 min 03.03 Forms people finish25 min 03.04 Everyone can use it: access and small screens25 min 03.04 Everyone can use it: access and small screens25 min 03.05 Motion with a reason25 min 03.05 Motion with a reason25 min 03.06 The first run and the moment it clicks25 min 03.06 The first run and the moment it clicks25 min 03.07 Practice: the unhappy paths of one flow50 min 03.07 Practice: the unhappy paths of one flow50 min 03.08 States, forms, access, motion and the first run12 min 03.08 States, forms, access, motion and the first run12 min 03.09 Checklist and learning log35 min 03.09 Checklist and learning log35 min 04 Taste: know average from remarkable 16 lessons View lessons Hide lessons 04.01 Set the scene: it looks fine15 min 04.01 Set the scene: it looks fine15 min 04.02 Average, good, best, remarkable25 min 04.02 Average, good, best, remarkable25 min 04.03 Why defaults look generic25 min 04.03 Why defaults look generic25 min 04.04 Study real products: collect, compare, critique25 min 04.04 Study real products: collect, compare, critique25 min 04.05 Popular rules that fail a check25 min 04.05 Popular rules that fail a check25 min 04.06 Practice: a critique log of three products50 min 04.06 Practice: a critique log of three products50 min 04.07 Judging quality12 min 04.07 Judging quality12 min 04.08 Checklist and learning log35 min 04.08 Checklist and learning log35 min 05 Make the AI slop go away 14 lessons View lessons Hide lessons 05.01 Set the scene: a shop page made in one evening15 min 05.01 Set the scene: a shop page made in one evening15 min 05.02 The generic look: defaults you did not choose25 min 05.02 The generic look: defaults you did not choose25 min 05.03 Words anyone could write25 min 05.03 Words anyone could write25 min 05.04 Real content, an editorial layout, a point of view25 min 05.04 Real content, an editorial layout, a point of view25 min 05.05 Practice: de-slop one page50 min 05.05 Practice: de-slop one page50 min 05.06 Spotting and removing the generic look12 min 05.06 Spotting and removing the generic look12 min 05.07 Checklist and learning log35 min 05.07 Checklist and learning log35 min 06 AI design tools under your judgment 12 lessons View lessons Hide lessons 06.01 Set the scene: three AIs, three opinions15 min 06.01 Set the scene: three AIs, three opinions15 min 06.02 Design skills and agents that build screens25 min 06.02 Design skills and agents that build screens25 min 06.03 AI as a critic: several opinions, then you decide25 min 06.03 AI as a critic: several opinions, then you decide25 min 06.04 Practice: a three-opinion critique50 min 06.04 Practice: a three-opinion critique50 min 06.05 Using AI design tools well12 min 06.05 Using AI design tools well12 min 06.06 Checklist and learning log35 min 06.06 Checklist and learning log35 min 07 Present the work, and capstone 16 lessons View lessons Hide lessons 07.01 Set the scene: the link nobody opened15 min 07.01 Set the scene: the link nobody opened15 min 07.02 A demo that shows the core in 60 to 90 seconds25 min 07.02 A demo that shows the core in 60 to 90 seconds25 min 07.03 A case study page that passes the skim25 min 07.03 A case study page that passes the skim25 min 07.04 Show it where people look, open in one click25 min 07.04 Show it where people look, open in one click25 min 07.05 Mixed review: which fix first?15 min 07.05 Mixed review: which fix first?15 min 07.06 Capstone, part 1: before and after, and the critique log105 min 07.06 Capstone, part 1: before and after, and the critique log105 min 07.07 Capstone, part 2: the case study page and the demo105 min 07.07 Capstone, part 2: the case study page and the demo105 min 07.08 Course checklist and your defence45 min 07.08 Course checklist and your defence45 min