Skip to content

khairiq.online

Resources

Practical guides: writing a brief, accessible forms, preparing for store review, humane HR interfaces.

Guide 1

How to write a one-page brief

Start with people: who opens the tool and at what point in their day.
Describe the current way: spreadsheet, chat, paper form. What annoys people about it?
Name one testable success metric: “a new hire finds their schedule unaided”.
List constraints: systems to integrate, security requirements, dates.
Mark what is definitely NOT in version one.

Guide 2

Accessible forms: 8 checks

Every field has a visible label, not just a placeholder.
Required fields are marked in text, not only colour.
Errors appear next to the field and explain the fix.
After a failed submit, entered data is preserved.
Tab order matches visual order.
Correct types: email, tel — for the right phone keyboard.
Submission confirmation is announced to screen readers (aria-live).
The form works at 200% text zoom.

Guide 3

Humane onboarding: first-day copy

Use the person’s name and explain “why”, not just “what”.
Split the first week into 3–5 steps a day, not 40 tasks at once.
Show a real human contact on every screen.
Do not ask for data the company already has.
Celebrate step completion — briefly, without full-screen confetti.

Guide 4

Before store submission: checklist

Reviewer demo account tested yesterday, not last month.
Account deletion is available in-app.
Privacy policy at a direct link, no login.
Screenshots match the current version.
Permission prompts (camera, location) have clear explanations.

Glossary

WCAG: International web content accessibility guidelines; level AA is the practical standard.
SSO: Single sign-on: staff use their work account instead of a new password.
LCP: Time until the largest element appears — a measure of perceived speed.
Design tokens: Named values for colour, spacing, type shared by design and code.