App Design Lab

A hands-on UI/UX workbook app · iPhone

Every lesson has five steps

1. Try it: open a sample app at full size and get a task. The screen you use here breaks a guideline on purpose.
2. Write it down: before you see the answer, note what felt strange.
3. See why: your notes sit next to the rule, along with the decision, the reasoning behind it, and what breaks if you flip it.
4. Compare: switch between the broken screen and the fixed one in the same spot and see the difference.
5. Write what you learned: save a sentence you can reuse next time. Notes can be copied as text or exported as a Markdown file.

Three tabs

• Learn: a course of 23 lessons, one design decision each, such as bottom compose buttons, swipe to delete, grouped toolbar items, search placement, and how many tabs to use.
• Notes: everything you wrote during lessons, in one place.
• Library: browse 68 topics, including toolbars, text, tab bars, sheets, and menus, as illustrations. Tap any part of a picture to see its rule and the reasoning, and open a working example for every topic.

Who it is for

• Developers and designers building apps who want a reason behind every layout choice
• Anyone who has read the guidelines but found that little of it stuck

No sign in is required, and everything is built into the app, so it works offline. Your progress and notes are stored only on your device.

Free and Pro

Try 3 lessons, 10 mistakes, the toolbar lab, and the first quiz chapter for free. The 68 topics, 7 principles, and your notes are always free. A weekly or monthly subscription, or a lifetime purchase, unlocks every lesson and resource. Cancel a subscription anytime; the lifetime purchase is paid once. Terms of Use

If you installed the app with version 1.0.2 or earlier, you keep everything with no purchase.