surfacesSmall Shifts Tiny changes, big UX

Specimen sheet · 8 components

You don’t need a chatbot to have an intelligent interface.

Eight everyday components, each with one small piece of intelligence added. Same screens, no assistant. Both versions below are live: try the left, then the right.

A sentence is already a query. Parse it into fields, and let people correct the parse instead of rewriting it.

01a Before

One sentence in, “No results” out. A dead end.

01b After

One sentence fills four fields. Edit any of them.

Error that offers the fix

If the system knows a date is wrong, it knows the nearest right ones.

02a Before

“Invalid input.” You guess and retype.

02b After

Feb 2027 has 28 days. Did you mean

or?

Two valid dates offered. One tap.

Empty state from context

“No projects yet” is a prompt, not a wall. Use what you know about the person.

03a Before

Projects

No projects yet.

Creates “Untitled project”, with nothing in it.

03b After

Projects

Nothing yet. Teams of engineers usually start with:

  • Incident review4 sections · 7 tasks
  • API migration4 sections · 21 tasks
  • Sprint board3 columns · 0 tasks

Three templates for your role. Start with structure.

Settings by sentence

Say the outcome you want. The right switches find themselves.

04a Before

  • DisplayDark appearance
  • DisplayLarger text
  • DisplayCompact density
  • DisplayReduce motion
  • EmailProduct emails
  • EmailEmails on weekends
  • EmailWeekly digest
  • PushPush for mentions
  • PushPush for all activity
  • PushSounds
  • MediaAutoplay video
  • PrivacyRead receipts
  • PrivacyShare location
  • PrivacyUsage analytics

Scan 14 switches in 5 groups.

04b After

  • DisplayDark appearance
  • DisplayLarger text
  • DisplayCompact density
  • DisplayReduce motion
  • EmailProduct emails
  • EmailEmails on weekends
  • EmailWeekly digest
  • PushPush for mentions
  • PushPush for all activity
  • PushSounds
  • MediaAutoplay video
  • PrivacyRead receipts
  • PrivacyShare location
  • PrivacyUsage analytics

The suggested sentence flips 3 of 14.

Table that answers

Ask a question and get an answer that is still a table you can check.

05a Before

#4471Ada Okafor$410
#4472Bruno Lin$240
#4473Dev Patel$300
#4474Chiara Russo$95
#4475Greta Holm$560
#4476Femi Adeyemi$150
#4477Dev Patel$405
#4478Elif Kaya$380
#4479Ada Okafor$310
#4480Bruno Lin$180
#4481Femi Adeyemi$125
#4482Dev Patel$200

12 rows. Sort, scan, add up in your head.

05b After

OrderCustomerTotal
#4471Ada Okafor$410
#4472Bruno Lin$240
#4473Dev Patel$300
#4474Chiara Russo$95
#4475Greta Holm$560
#4476Femi Adeyemi$150
#4477Dev Patel$405
#4478Elif Kaya$380
#4479Ada Okafor$310
#4480Bruno Lin$180
#4481Femi Adeyemi$125
#4482Dev Patel$200

3 customers over $500, totalled: $2,185.

Form that shrinks

Don’t ask for what you can infer. Show what you inferred, so it can be corrected.

06a Before

9 fields · all required

9 fields, all required.

06b After

3 fields to type

3 fields. One pasted address fills 6.

Notification that’s an action

Put the fix where the news is.

07a Before

Your Visa ending 4242 expires at the end of this month.

5 clicks across 4 screens to change one date.

07b After

Your Visa ending 4242 expires at the end of this month. Your bank has already sent a replacement — same number, expires 03/30.

1 click, without leaving the page.

Undo, not “Are you sure?”

Make deleting reversible and stop asking people to confirm.

08a Before

  • Q3 board deck.key
  • Pricing v4.xlsx
  • Offsite photos
  • Vendor contract.pdf
  • Roadmap 2027.md

0 clicks · 0 deleted · no way back

2 clicks per delete. No way back.

08b After

  • Q3 board deck.key
  • Pricing v4.xlsx
  • Offsite photos
  • Vendor contract.pdf
  • Roadmap 2027.md
Start

1 click per delete. Scrub back through history.

Each “after” is the same component with an agent layer underneath. The layer reads intent, composes a small piece of UI and logs what it did. Cobalt marks the moment it acts. Open Trace to see every change. Turn on Agent view to see what an agent could call.