Work / Tic Tac Toe / Wiki / Surfaces
how-to-play
Surfacecanonicalverified 2026-09-22
SURFACE.MOBILE.SETTINGS.HOW-TO-PLAYSummary
Four sections: the rules, what each AI level does, strategies, and tips.
Raw wireframe
- .context/designs/mobile/settings/how-to-play.html
Why it is drawn this way
Everyone knows the rules of tic-tac-toe. This screen exists for the two things they do not know: what the three difficulties actually do, and that Hard cannot be beaten.
"Unbeatable! Can you achieve a draw?" is the most useful sentence here. Without it, a player who loses repeatedly to an unlabelled Hard concludes the app cheats — and says so in a review.
The AI descriptions are specific, not vague. Easy is random moves; Medium is smart strategy 70% of the time; Hard is minimax. A player who knows Medium is 70% can tell a bad beat from a bug.
Tips are truncated to four with a Show all. Six bullets of advice below three other sections is where a reader stops; four plus an affordance is where they keep going.
Related
Sources
- .context/designs/mobile/settings/how-to-play.html
Every project of mine is written down like this.
Read the résumé