Skip to content
Ritesh FirodiyaGet in touch

Work / Tic Tac Toe / Wiki / Surfaces

how-to-play

Surfacecanonicalverified 2026-09-22

SURFACE.MOBILE.SETTINGS.HOW-TO-PLAY

Summary

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é