←back to thread

Show HN: Interactive game teaching dark patterns in UX design

(games.productartistry.com)
115 points rohandehal | 1 comments | 17 Jan 25 14:23 UTC | HN request time: 0.209s | source

I built this educational game to help people identify and understand dark patterns in digital products. It features 10 interactive scenarios based on real-world examples.

The game includes:

• Interactive pattern recognition scenarios • Explanations of psychological principles • Simulated real-world examples with guided feedback

Built with Next.js, TypeScript, and Tailwind.

I'd especially appreciate feedback on the educational approach and scenario design.

Show context
darcien ◴[17 Jan 25 17:06 UTC] No.42740423[source]▶
Nice game! Seems like someone already gave the feedback about the lack of time to read the explanation before the game progressed automatically.

BTW something on the game is making my CPU go 100%. I'm on Firefox, Linux and in the JS console I can see "Unexpected value translate(52.460687992082626%, 52.24894125700998%) scale(1.0398801892701597) parsing transform attribute." warning being printed nonstop.

replies(1): >>42741293 #
1. rohandehal ◴[17 Jan 25 18:03 UTC] No.42741293[source]▶
Thanks for helping identify my first ever hotfix! There was bound to be an issue given this is my first real solo web development project - the background animation was causing the CPU issue as I immediately suspected. I've just pushed a fix that resolves this, along with extending the completion timer to 5 seconds for better readability. This timer adjustment is a temporary solution until I can implement a more configurable system.