Law firm website usability comes down to one scene. Someone has just been arrested, served or injured, it is late, they are on a phone, and they are trying to work out in under a minute whether you handle their problem and how to reach you. Every fix in this article serves that person. When we rebuilt the site for the Law Office of Aaron P. McAllister, a Los Angeles criminal defense practice, the brief started with exactly that visitor: chosen under stress, usually at night, usually on a phone, often by a family member rather than the client.
Most law firm sites fail that visitor in ordinary ways. The practice areas sit in a dropdown that does not open on touch screens. The phone number is an image. The contact form asks for a case summary before it asks for a name. None of it is dramatic, and all of it costs calls.
Key Takeaways
- Test the site the way a client meets it: on a phone, at night, under stress, with one question to answer.
- Give each practice area, and for criminal and injury work each charge or case type, its own page that names the visitor's problem in their words.
- Google's Core Web Vitals set the speed bar: LCP within 2.5 seconds, INP of 200 milliseconds or less, CLS of 0.1 or less, measured at the 75th percentile.
- Accessibility rules double as usability rules. WCAG 2.2 sets 24 by 24 CSS pixels as the minimum tap target and 4.5:1 as the minimum text contrast.
- Put the next step on every screen. On the McAllister site a free case review is reachable from every page.
Run the 11pm phone test first
Before any audit tool, we hand a phone to someone who has never seen the site and give them a single task, such as "your brother was arrested for DUI in Van Nuys, find out if this firm can help and contact them." Then we watch without helping.
It takes ten minutes and finds more than most audits. People scroll past hero sliders. They tap the logo expecting the homepage and get a PDF. They give up on forms that ask for a case number they do not have. Write down every hesitation; each one is a fix.
What usability problems look like on a law firm site
These are the problems we find most often, roughly in the order they cost enquiries.
| Problem | What the visitor experiences | Fix |
|---|---|---|
| One "Practice Areas" page listing everything | Cannot tell whether you handle their exact problem | A page per practice, and per charge or case type where volume justifies it |
| Phone number as an image or buried in the footer | Cannot tap to call | Text phone link in the header on every page |
| Long intake form up front | Abandons before sending | Name, phone, one line about the matter; the rest on the call |
| Slow first load on mobile data | Sees a blank screen and hits back | Compress images, cut scripts, hit Core Web Vitals |
| Bios that list awards but not who handles the file | Does not know who they will talk to | Named bios for everyone who touches a case |
| Legal jargon in headings | Does not recognise their situation | Headings in the words a client uses, with the legal term second |
Build the site as a map of the practice
A visitor arrives with a specific problem. A page called "Criminal Defense" with a paragraph about each of fourteen offences makes them read the whole thing to find theirs. A page called "DUI defense in Los Angeles" lets them recognise themselves in the heading.
For McAllister we built seven practice-area pages, each written to its own charges, and seven plain-English client guides answering the questions people actually ask. The navigation then mirrors the practice: practice areas, the people, the guides, and a case review button that never leaves the screen. We cover menu structure in more depth in our piece on law firm website navigation.
The same thinking applies to search. Each focused page can rank for the exact problem it answers, which a single catch-all page rarely does.
Make it fast on a real phone
Speed is a usability problem before it is an SEO one. Google publishes the thresholds it treats as a good experience, and they are a fair bar for any law firm site.
According to web.dev's Core Web Vitals guide, Largest Contentful Paint should happen within 2.5 seconds of the page starting to load, Interaction to Next Paint should be 200 milliseconds or less, and Cumulative Layout Shift should stay at 0.1 or less. The guide recommends measuring at the 75th percentile of page loads, split by mobile and desktop, so a fast office connection does not hide a slow phone experience.
The usual culprits on law firm sites are oversized hero photos of the courthouse, video backgrounds, chat widgets that load before the page does, and three different analytics scripts nobody remembers installing. Remove what you can, delay what you cannot.
Treat accessibility as usability
Accessibility standards describe usability for people under strain, which is most of your visitors. Two of them catch problems we see on nearly every audit.
The size of the target for pointer inputs is at least 24 by 24 CSS pixels.
W3C, Understanding WCAG 2.2 Target Size (Minimum)
Tiny footer links packed together fail that test, and so do close buttons on pop-ups. The second is text contrast: WCAG 2.2 sets a minimum contrast ratio of 4.5:1 for normal text, which rules out the pale grey on white that many firm sites use for body copy. A third, simpler one: every form field needs a visible label, not just placeholder text that disappears when someone starts typing.
Show who will actually handle the case
A worried client wants to know who they will talk to. Generic stock photos of handshakes answer nothing. Named bios with real photos, bar admissions, the courts each lawyer appears in, and the languages the office speaks answer a lot.
Keep the claims inside your state's advertising rules. Results and testimonials carry conditions in most states, and California and Texas both regulate how lawyers describe themselves. Your own counsel should approve anything that sounds like a promise.
Make the next step obvious
Every page should end in the same place: a way to start. On the McAllister site a free case review is reachable from every screen, around the clock. On a mobile layout that usually means a sticky bar with a tap-to-call button and a short form link.
Keep the first form to name, phone and one line about the matter. You will ask the rest on the call anyway, and every extra field loses people who were ready to talk. Then make sure someone sees the form within the hour, because usability does not end at the submit button.
If you want this done as part of a rebuild, our website development team builds law firm sites around this checklist, and our legal industry page shows the rest of our law firm work.
Keep checking after launch
Usability decays. Someone adds a chat widget, a new practice page goes up without a phone link, a form plugin updates and quietly stops sending email. We put three checks on a monthly calendar for every law firm site we run.
First, submit the contact form and call the tracked number, then confirm both reach a person and both show up as conversions. A form that fails silently is the most expensive usability bug a firm can have, because nothing on the site looks wrong.
Second, read the Search Console queries for each practice page. If people keep arriving on the DUI page from searches about license suspension hearings, that is a question the page should answer near the top, and probably a guide worth writing.
Third, repeat the 11pm phone test with a new person every quarter. The people who built the site stop seeing it after a few weeks; a stranger does not.
A word on templates. A good law firm website usability template gets the basics right, but no template knows which charges your office actually handles or what your callers ask first. Start from one if budget is tight, then rewrite every heading and form around your own intake calls.
Frequently Asked Questions
What makes a law firm website easy to use?
A visitor on a phone can tell within seconds whether you handle their problem and how to contact you. That needs a page per practice area, a tap-to-call number on every screen, a short form, fast mobile loading and headings written in the words clients use.
How fast should a law firm website load?
Use Google's Core Web Vitals as the bar: Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint of 200 milliseconds or less, and Cumulative Layout Shift of 0.1 or less, measured at the 75th percentile of mobile page loads.
How do I test my law firm website's usability?
Give a phone to someone who has never seen the site, describe a realistic legal problem, and ask them to find out whether you can help and to contact you. Watch without helping and note every hesitation. Then check speed and accessibility with automated tools.
Does website accessibility matter for law firms?
Yes, for usability as much as compliance. WCAG 2.2 tap targets of at least 24 by 24 CSS pixels, text contrast of at least 4.5:1 and visible form labels make a site easier for every stressed visitor, not only people with disabilities.
How many fields should a law firm contact form have?
As few as you can work with. We start with name, phone and one line about the matter, and collect the rest on the first call. Long forms lose visitors who were ready to talk.
Should each practice area have its own page?
Yes. A focused page lets a visitor recognise their problem in the heading and gives search engines a clear page to rank for it. For criminal and injury work, high-volume charges or case types often deserve their own pages too.
