Election Night Results Maps | Pixel Audit

MayaHmm. Okay. Confession, I've refreshed a results page four times since we sat down.

GrantPolls haven't even closed in most places, Maya.

MayaI know. It's a sickness.

GrantAnd what did it show you?

MayaA big map, zero zero, very confident about nothing.

GrantRight, and that's my whole problem. A big red and blue map with a zero zero scoreboard is a design failure when the honest answer is we don't know yet. Zero zero says the count started and nobody has anything. Nothing about it says the count hasn't started.

MayaHmm. Okay. I mean, come on, somebody has to draw the map. I'm defending the mapmakers today.

GrantOf course you are.

MayaSomebody's gotta. Also, quick flag for anyone just joining us, the 2026 midterms are happening today, and this is a straight follow-up to our Votegov at HealthCaregov audit.

GrantRight. Same question, different stakes. Can you trust the screen?

MayaRight. So this is UX Autopsy. I'm Maya, that's Grant, and we're putting three pages on the table.

GrantFrance 24's interactive state-by-state map.

MayaAl Jazeera's maps and charts page.

GrantAnd a bare bones table with no map at all.

MayaThat one's an archetype, by the way, not a real site. A stand-in for the table-only approach.

GrantGood, because I'd hate to roast a stranger. And the rules are simple. For each page, what comes first, what an uncalled race looks like, and how it says an early lead can move.

MayaI'll be the defense attorney for the map, you do the prosecuting, and I promise to be gentle about it.

GrantBefore we judge any of them, let's see what each page says it is.

MayaOkay, France 24 first. The page describes itself as an interactive state-by-state map of the 2026 midterms, House, Senate, and governor's races, all as the votes are tallied.

GrantAs the votes are tallied. Hold onto that phrase.

MayaOh, I'm holding it. It's a promise of motion. The map is going to change, and the page is telling you upfront.

GrantOr it's telling you the map is the product, interactive. Click a state, get a color.

MayaGrant, you haven't even clicked anything yet.

GrantI don't need to. I've bought 60-some cars off a good photo. The first image sells the whole deal.

MayaOkay, but that's the strongest case for the map, honestly. People judge in a glance, so the glance had better be honest.

GrantThat's my whole argument. The glance is the interface. Everything else is a footnote.

MayaFine. Al Jazeera then. Their page calls itself a minute-by-minute, state-by-state breakdown for House, Senate, and governor's races, with live maps and charts.

GrantMinute by minute. Huh.

MayaWhat?

GrantThat's a heavy promise. Minute by minute implies something is happening every minute on a night when half the screen is waiting for a county to report.

MayaRight, but that's the defense. Maps and charts, plural. The chart can carry the nuance the map can't.

GrantCan. Does it? That's the audit.

MayaTotally. That's the audit.

GrantAnd the third page, the table.

MayaQuick flag, because people will ask. The table-only page is not a real site. It's an archetype. The bare bones thing we're imagining, rows of states, no map at all.

GrantRight, though there is a real source in that neighborhood. Map The General says its live results come from official state files as polls close on November 3rd, with poll closing times alongside.

MayaWait, closing times on the results page? That's kind of lovely. Before anything is counted, it tells you when counting even starts.

GrantThat's a sourcing line, though. It says where the numbers come from, which matters, because a number with no origin is just a color.

MayaOkay, but see, I'd argue the table has an edge here. No map, no big blocks of red and blue shouting a winner before anyone's won.

GrantOr a table is a spreadsheet with a stiff upper lip. Accurate, and nobody wants to look at it at midnight.

MayaYou'd love it.

GrantI do love it. I keep a spreadsheet for every car I've owned. Doesn't mean I'd put it on television.

MayaHere's what I keep coming back to. Whatever the page is, it's selling you a feeling about the night, calm or urgent or in control.

GrantAnd the feeling should match what's actually known. If the page feels in control while the count has barely started, that's the mismatch I'm hunting for tonight.

MayaSo three questions. What goes first on the screen? What does an uncalled race look like? And how does the page tell you an early lead can shift?

GrantThree questions, three pages. I'll attack, you defend.

MayaObviously. Somebody has to be nice to the map.

GrantOkay, so what does the map put first, and what does it cost? Okay, so I went looking for someone smarter than me to back up the spicy take. Yale's Social Science Institute, ISPS, posted a recap of a post-2024 panel. Scholars on it, including one who works on the CBS decision desk.

MayaOh, so people who actually do this for a living.

GrantRight. Their argument is that visualizing live election results is still an unsolved problem, and that the red blue map carries very little information.

MayaVery little? Wow, okay, that stings a little. I said I'd defend it.

GrantDefend away.

MayaI will. Here's the thing. A map is fast. You land on it, you get the shape of the country in one second. Nobody wants a spreadsheet at 9:00 PM.

GrantSure, but what does a filled-in state say?

MayaThat somebody is winning it.

GrantColor says decided. The data underneath says pending. Those are two different sentences, and the color gets read first every time.

MayaHmm. Okay, but the color is orientation. It tells you where to look.

GrantIt tells you where to look and what to conclude, and only one of those is the job.

MayaI mean, come on, people aren't that gullible.

GrantMaya, you refreshed it four-- Uh, nope, I'm not using that one again.

MayaGood, because I'd say a lot of us are smart and still skim.

GrantThat's my point, though. Skimming is the use case. Election night is the most skimmed page of the year.

MayaFine, but skimming is also why the map exists. Nobody asked for a thousand rows when they're glancing between dinner and the TV.

GrantRight, and I'm not asking for rows. I'm asking for one more word on the state, decided or not yet. That's cheap.

MayaOkay, partial concession. Orientation, yes. Verdict, no. But I still think you want the map there.

GrantI don't want it gone. I want it to stop sounding sure.

MayaWhich is a design problem, not a map problem.

GrantFine. We can leave that one open.

MayaMm. Totally open.

GrantNow, here's something concrete. Al Jazeera published an explainer on election day called When Will We Know the US Midterm Election Results? It says first results will appear on its live results page.

MayaOkay, so it points you to the page.

GrantIt does, and notice that an explainer is doing the pointing.

MayaWait, so the explanation lives over here.

GrantAnd the numbers live over there. Yep.

MayaThat's a real design question, right? Where does the warning sit?

GrantExactly. Does the caution go above the numbers, beside them, or in a separate article you'd have to go find?

MayaBecause nobody clicks a separate article at 11 PM.

GrantI'm not claiming what the results page leads with. I'm asking where the framing should sit relative to the numbers.

MayaSo give me the options. If I'm designing this, where does the caution go?

GrantOption one, a banner above everything. Honest, but people learn to skim past banners the same way they skim cookie notices.

MayaSo option two, a note next to each number. That's closer. The warning travels with the figure it's warning about.

GrantWhich I like. Option three is the separate explainer, and that's the one that worries me. It's well-written, and it's nowhere near where your eyes are.

MayaAnd I'll say the explainer isn't the villain. Somebody wrote it. It's clear. It exists. The failure is only if the live page assumes you already read it.

GrantWhich a skimmer won't have. Now, the part the map can't show at all, what does not yet actually mean? Okay, so here's what a results page never says out loud. Election officials never finish counting on election night. Never. CBS News ran a piece on exactly that.

MayaWait, never? Like the count just keeps going?

GrantIt keeps going. CBS explains that mail ballots, early in-person ballots, and election day ballots can be different in composition, so the totals can look like they're shifting.

MayaShifting how, though? The votes are the votes.

GrantRight. The votes don't change. The order they get reported in does, and CBS gives the pattern a name, the red mirage.

MayaOh, that's a great name. Terrible for a UI label, but great.

GrantHold that thought because the name is the least of it. If one kind of ballot gets counted first, the first picture is lopsided by construction.

MayaMm. So the map is showing a true number that's still a misleading picture.

GrantIt's like the first few lots at an auction. A handful sell early, and if you walk out then, you'd swear you understood the whole market. You don't. You saw the early lots.

MayaAnd the map is those early lots in full color.

GrantWhich is why the NPR guide gives a concrete one. Texas this year. The Democrat could lead early because early and mail votes come first.

MayaAnd then?

GrantThe Republican would likely gain ground as county totals come in. NPR also says the counting could take days or weeks.

MayaWeeks. I refreshed this page like it owed me money, and the honest answer might be come back in November's second half.

GrantCome back later. Put that on a button.

MayaI mean, come on. Al Jazeera does say something close to that. Its explainer says mail-in results often arrive in the days after election night.

GrantIt does, and it cites about seventy-five percent of votes counted by the morning after in twenty twenty-four.

MayaOkay. See, that's a useful number, roughly three quarters, so a quarter of the picture is still missing at breakfast.

GrantA quarter is a lot of missing picture. Imagine a spreadsheet where a quarter of the rows are blank and the chart is still fully colored.

MayaMm, fair. So what does gray on the map even mean? Because that's the uncalled state.

GrantNPR spells it out. It uses AP race calls, and AP calls a race only when the trailing candidates have no path to victory.

MayaSo it's not a prediction.

GrantHmm. Fair. So what does gray on the map even mean? Because that's the uncalled state. NPR spells it out. It uses AP.

MayaNot a forecast, no. A call is a statement about what's mathematically left.

GrantWait, so a race can be called before every vote is counted? Yes. NPR says that too, which means uncalled just means no call has been made yet. It doesn't mean close. It doesn't mean broken.

MayaHuh. And most people read gray as something's wrong there.

GrantOr as nothing is there. Both wrong.

MayaSo what would you put there instead of plain gray? Give me actual options.

GrantA few. One, a label on the tile, like waiting on mail ballots. Two, a different texture so not yet no longer looks like a faded version of red or blue. Three, a plain sentence under the state name that says what's still out.

MayaI like the texture one. If it's just a lighter gray, my brain files it as less important, not unknown.

GrantRight. Unknown and not important are different states. A page that blurs them is a design bug.

MayaOkay. So where does that leave your Zero-zero scoreboard rant?

GrantUm, conceding a little. The best page isn't the prettiest map. It's the one where not yet is a real state with its own label and a plain reason. Waiting on mail ballots, waiting on county totals, not a gray afterthought.

MayaMm. But a reason on a separate explainer page doesn't cut it. Nobody clicks through at 11:00 PM with a thumb hovering.

GrantYou think the reason has to sit on the state itself?

MayaRight, on the tile. If it's one tap away, it's might as well be in another tab.

GrantFine, but a tile has about four words of room. I'm not sure a reason fits.

MayaThen make the room. That's the design job.

GrantWe'll leave that one standing. Okay. I need a palate cleanser after all this gray.

MayaSame. Time to break up the critique. Quick round, red flag, green flag. I've got a stack ready.

GrantOkay, rapid fire. First pattern, zero zero scoreboard sitting on top of a fully colored map.

MayaRed flag. Easy. I'm not even defending that one.

GrantFinally.

MayaZero zero says nothing happened. The colors say everything happened. Pick a lane.

GrantSecond one, a lead with a label that says this number is expected to move.

MayaGreen flag, big green.

GrantUh, I'll take it, but only if the label is on the lead itself. The warning has to travel with the number.

MayaTotally. Third one, table only page, no visual cue for uncalled rows.

GrantMixed, and I mean it.

MayaOoh, a straddle. Go.

GrantA table can't fake certainty with color. Good. But if an uncalled row looks identical to a called row, you've got the same lie in plainer clothes.

MayaI mean, come on, plain clothes is still honest clothes.

GrantOnly if somebody reads the column header.

MayaNobody reads the column header, Grant.

GrantSo what's the fix? A small status marker right in the row, called or not yet. No color war, just a state.

MayaSee, that I'd sign. It's plain, it's honest, and it doesn't need a map at all.

GrantOkay, one more that makes the not yet label earn its keep. NPR's guide notes that ranked choice states can prolong counts.

MayaHa. So a race can sit there longer than anyone expects.

GrantRight. A viewer who sees gray for an hour gets it. Gray for a day with no reason attached looks like a broken page.

MayaOoh, that's a good green flag for the label, actually. Still counting, and here's why it's slow.

GrantTwo jobs, one line. The page isn't broken, and here's roughly why it's slow.

MayaTotally. Short and done.

GrantAnd one more. NPR says it won't call a race because a candidate declares victory or because a candidate concedes.

MayaWait, really? Not even a concession?

GrantNot on that alone. It says it takes AP's calls.

MayaGreen flag for that. A page that won't take a candidate's word for it.

GrantSure, but here's my worry. A viewer sees a concession on TV and sees gray on the map and thinks the page is behind.

MayaOr thinks it's careful. Depends on whether the page says so.

GrantI'd bet on behind.

MayaI'd bet on careful. Honestly, we're not settling that one.

GrantLeave it on the table. Let's land this with something you can take to your own screens.

MayaPlease. I need a rule I can tape to my monitor.

GrantOkay, so the rule: before you draw anything, design the unknown state first. Say what's unknown. Say why it will move. Say what resolves it.

MayaAnd no color that implies a decision nobody's made. I'll allow that one, even as the map defender.

GrantGenerous of you.

MayaI'm a giver. But why first? Why not last like a footnote?

GrantBecause of the clock. MS now published an hour-by-hour guide, and its summary runs from Georgia closing at 7:00 PM to Alaska after midnight.

MayaWait, after midnight?

GrantAfter midnight. So a results map lives in partial information for hours, not a glitch you hit once. That's the default state for most of the night.

MayaHuh. So the thing designers treat as the edge case is actually the main case.

GrantRight. I spent years watching portfolio screens, and the ugliest hour was always the one where half the data was in. Nobody designed that hour. They designed the end state and hoped.

MayaOkay, so for a team that's building a dashboard, not even an election one, what do they steal?

GrantDraw the empty state before the full state. Write the sentence that says what we don't know yet. If you can't write it, you don't understand your own data.

MayaThat's a little rude, but yeah, totally. Walk me through one.

GrantSay a sales dashboard where today's total is still filling in. Don't show a bare number. Write, "Today's total is partial. Some reports haven't come in yet. It will rise as they do, and it's final once the last one lands."

MayaSo that's the whole rule in one sentence. What's unknown, why it moves, what resolves it.

GrantRight, and no green on target badge on top of it. That's the same trouble as a filled-in state.

MayaSo the badge waits too, pending until it's real.

GrantExactly. And it loops back to the vote.gov and healthcare.gov episode. Those were civic interfaces too. Somebody lands there stressed, needing to believe the thing in front of them.

MayaTrust is the product.

GrantExactly. A results map is the same job. Nobody's buying anything. They're deciding whether to believe a screen.

MayaOkay, so that's the rundown. Sign-off time?

GrantSign-off time. So the whole episode on one sticky note. Every live screen gets a not yet state. It says what's unknown and why it's going to move.

MayaAnd it says it on the tile. I'm still holding that line, Grant.

GrantI know you are. We never settled the tile space thing.

MayaNope. Honest people can disagree. You can fight me in the comments.

GrantAnd honestly, I'd love to be talked out of my side. Show me a reason in about four words that actually fits on a tile.

MayaHa. Challenge accepted, listeners. Grant wants proof, and I want to win.

GrantSpeaking of which, here's your homework. Screenshot a UI that bugs you, something that acts certain when it has no business being certain.

MayaTag us. We'll put it on the table for a future audit. Bonus points if it's a progress bar.

GrantOh, those are the worst.

MayaRight? Also, subscribe, so next week's audit lands on your phone without you doing anything.

GrantAnd if this changed how you look at your own designs, leave a review, even a short one. It helps more than you think.

MayaOkay, last thing. I've been good all episode. I have not refreshed once.

GrantMaya, the page is open in the other tab.

MayaFine. One more refresh. Still no call.

GrantThanks for listening, everybody. See you next week.