[go: up one dir, main page]

← Dialed

Lab Studies

Design explorations, prototypes, and component studies from the making of Dialed. Everything here started as a question.

Scoring & Color
Scoring
Scoring & Color Range Study
Interactive tool for exploring the scoring curve, Delta E calculations, and color generation range.
Scoring
Current System vs CIEDE2000
Side-by-side comparison of the CIE76 sigmoid scoring vs CIEDE2000 perceptual distance. Presets for edge cases.
Sound
Design
Sound — Results Screen
Layout options for solo and multiplayer results. Names, scores, round breakdowns, head-to-head comparisons.
Audit
Sharing & SEO Audit
Comprehensive audit of every meta tag, OG image, share text, link preview, and clipboard behavior across Color and Sound. Apr 7.
Audit
Sharing Comparison (Mar 29)
Original side-by-side audit of OG images, share text, and daily share. Color vs Sound with gap analysis.
Design
Audio Gate Study
12 approaches to the "turn your sound on" overlay. Full-screen, partial, minimal, and creative variants.
Game Design
Design
Challenge Intro
A/B variants for the multiplayer challenge intro screen. Variant A won with 64.9% completion.
Design
Share Challenge Flow
Share link generation, copy UX, and the viral challenge loop design.
Design
Daily Mode — Results, Share, Leaderboard
Screen designs for daily challenge results, Wordle-style share preview, and daily leaderboard.
Growth
OG Copy & Personalization
Provocative vs competitive vs neutral copy for social sharing previews. Provocative won +5%.
Growth
Dynamic OG Image Options
Variations of the auto-generated social preview image with personalized headlines.
Growth
OG Preview Study
How the social card renders across iMessage, Threads, WhatsApp, and Twitter.
Growth
Retention Study
Analysis of return rate, session depth, and what drives players to come back.
UI Components
Component
Button Study
Primary and secondary button styles, hover states, and size variants.
Component
Button Options
Extended button explorations — outlines, ghost styles, icon buttons.
Component
Loader Study
Loading spinner options for leaderboard fetches and async states.
Component
Loader Options
12 spinner variations. Rainbow Ring (#10) was selected for production.
Component
Toast Study
Notification toast designs — success, error, info, and rainbow variants.
Monetization
Monetization
Ad Formats — Color
IAB ad size exploration for Ezoic. Compare 320x100, 300x250, 728x90 in context across results, leaderboard, and desktop placements.
Monetization
Ad Formats — Sound
Same IAB ad size exploration adapted for the Sound game. Frequency round scores instead of color swatches, Sound branding.
Monetization
Ad Formats v2 — Ezoic Final
Ezoic-approved placements with impression estimates. Results, Leaderboard, Multiplayer, Desktop — with size and position exploration.
Monetization
Consent Banner
7 consent banner options for Ezoic CMP. From invisible footer text to floating pills — all matching the dark UI. Mobile + Desktop.
Monetization
Ad Placements (Outdated)
Original Carbon Ads and AdSense mockups. Carbon was rejected. Kept for layout reference only.