IdeaWell

Project ideas from Hacker News discussions.

Laws of UX

Original Article

Hacker News Discussion

📝 Discussion Summary (Click to expand)

Prevalent Themes in ThisHacker News Discussion

  1. Presentation overload

    "It's a bit ironic the laws of UX is presented this way with gaudy graphics that are cumbersome to scroll through."
    — arikrahman

  2. Questionable usefulness of the “Laws of UX” list

    "There's an infinity of bullshit sites with a two‑line explanation of this and at most an acknowledgment that there exists a study from the 1980s..."
    — marcosdumay

  3. Desire for concrete UI pattern resources

    "you could just check out shadcn, coss, base ui etc. they have component libraries to study."
    — try‑working

🚀 Project Ideas

Click Stabilizer Browser Extension

Summary

  • Prevents UI elements from shifting after a click, preserving user intent and reducing frustration.
  • Provides configurable reaction‑time tracking for smoother interactions.

Details

Key Value
Target Audience General web users, power users, and teams dealing with dynamic ad/skip links
Core Feature Captures clickable element position and state, locks it for the configured delay before allowing movement
Tech Stack Chrome/Firefox extension (JavaScript/TypeScript), background service worker, local storage for user settings
Difficulty Medium
Monetization Revenue-ready: Freemium with premium analytics and enterprise API

Notes

  • Directly addresses the “don’t reflow or move clickable UI” complaint (Rygian) and the “skip ad link moving as mouse moves” frustration (bryanrasmussen).
  • HN users often discuss UI stability — offering a practical solution will spark discussion and adoption.

UX Laws AI Checker#Summary

  • AI‑powered web app that evaluates UI screenshots or prototypes against a curated list of UX laws.
  • Generates actionable recommendations and auto‑generated mockup fixes.

Details

Key Value
Target Audience UX designers, front‑end developers, product managers seeking quick compliance checks
Core Feature Upload image or prototype → AI highlights violations, suggests specific law‑based improvements, can output revised mockups
Tech Stack React front‑end, Node.js/Express API, OpenAI GPT‑4 API for analysis, TailwindCSS for UI
Difficulty Low‑Medium
Monetization Revenue-ready: Subscription model ($12/mo per user, team plans)

Notes

  • Many commenters request “a skill for agents” or a reliable reference (fsckboy, try-working). This tool fulfills that need.
  • Promises to turn abstract “laws” into concrete UI feedback, highly valuable for the community.

UX Laws Design System & Poster Kit

Summary

  • Open‑source design system that implements the UX laws as reusable component patterns and provides printable poster assets.
  • Offers searchable, citation‑backed visual references to replace the bloated “30 laws” page.

Details

Key Value
Target Audience Designers, developers, educators looking for a clean, citable resource on UX principles
Core Feature Component library (buttons, cards, modals) each annotated with relevant law; downloadable posters with proper references
Tech Stack Next.js + Storybook for components, TailwindCSS, Markdown documentation, GitHub Pages for publishing
Difficulty Medium
Monetization Revenue-ready: Paid commercial license for enterprise use, $49 per developer seat

Notes

  • Solves the complaint about “30 irrelevant pictures” and poor study effectiveness (lawxls) by providing a concise, searchable system.
  • Appeals to HN users who want a “set of laws” they can actually apply, not just decorative posters.

Read Later