Project: Climate Awareness Nudging
Interactive Mocks
These are interactive HTML prototypes demonstrating the proposed UI nudges. Open them to try the interactions directly in your browser.
Leaf Indicator ↗ A prompt complexity hint displayed next to the send button. The leaf icon changes color (green → yellow → orange) as you type, giving real-time feedback on estimated resource usage. Try typing in the input field to see it change.
Session Cost Ticker ↗ A running CO2 estimate in the chat header that updates after each message. Hover over it to see a detailed breakdown of tokens, energy, and everyday equivalences. Use the simulation buttons to see how it scales over a conversation.
Usage Dashboard ↗ A personal usage dashboard showing weekly stats, daily bar charts with spike detection, model breakdowns with efficiency tips, and a preference picker for choosing your preferred equivalence unit (kettle boils, toast, shower minutes, etc.).