The design people notice is the design that fails: light grey text you cannot read in sunlight, an image that takes ages on mobile, a button the thumb cannot reach. This section is about avoiding those failures with criteria you can check, not just taste.
It covers accessibility, which besides being a legal requirement in many markets makes the experience better for everyone, and care for interface copy, the part of design that gets neglected most.
Articles6
LintGrafía: spell-check a website the way your customers see it
Introducing LintGrafía, a Chrome extension that checks spelling and grammar on the rendered page, on localhost and staging too. What it does, how it works and what happens to the text it reviews.
Why does web accessibility matter?
Who gets shut out when a site is not accessible, what exactly gets checked to make it so, and why almost everything it takes is the same work that already improves usability and rankings.
Responsive design: why it still matters and what actually gets measured
Adapting is not "does it fit on a phone". It is a continuous range of widths, densities and proportions, and four concrete measurements decide whether your site works on your visitor's device.
Images for your website: which format to use and what size
When to use JPG, PNG, WebP, AVIF or SVG explained without jargon, the dimensions each kind of image needs -product, cover, hero, logo- and what to check before uploading a file to your site.
What is an SVG, and why is it worth using?
Why your logo should be an SVG, what makes it different from a PNG, why the one your designer exports weighs ten times what it needs to, and what can be stripped out without breaking it.
What is usability from your user's perspective? And a few tips
Chapter 5 of the SEO from zero guide. How usability differs from user experience, the four principles of a usable interface, and what to check in your server, your HTML and your visual design.
Check it on your site
Free tools, no sign-up, that run the checks these articles talk about.
- WCAG contrast checkerContrast ratio, AA and AAA levels, transparency included, and the closest colour that does pass.
- SVG optimizerCut an SVG down to size and verify, pixel by pixel, that it still looks the same.
- Aspect ratio calculatorThe exact ratio of any size, resizing without distortion, and the CSS ready to paste.
- What is my screen resolutionYour resolution, your window size, the pixel density and what your browser already knows about you.
- LintGrafíaA Chrome extension that checks the spelling of a page as its visitors see it.
Shall we talk about your project?
Send it in writing and we come back, within one business day, with a first read on scope.
We reply within one business dayBogotá · UTC−5