Designing a Defense Firm Website for One-Handed Phone Use
Updated: 2 hours ago
Picture the person who finds your website after an arrest. They are probably standing somewhere, a hallway outside a courtroom, a parking lot, a kitchen at 2 a.m., holding a phone in one hand. The other hand is busy with a coffee, a car door or a child. Whatever they need from your site has to be reachable with a thumb.
Many defense firm websites are still designed on a large monitor and then squeezed onto a phone. The result works in a demo and frustrates real visitors. This piece walks through how to design for one-handed use, from where the call button sits to how the contact form behaves.
Start with the thumb, not the logo
When someone holds a phone in one hand, their thumb reaches the bottom and middle of the screen easily. The top corners are a stretch, especially on larger phones. That is exactly where many sites put the menu icon and, sometimes, the phone number.
Flip the priority. The actions a scared visitor needs most should sit low on the screen:
A call button that stays fixed at the bottom as the page scrolls
A text or message option next to it, if your firm answers texts
A short form link for people who cannot talk out loud right now
The logo can stay at the top. Nobody needs to tap it.
Make every tap target generous
Small links packed close together cause mis-taps, and a mis-tap on a stressful night is often the moment someone gives up. Apple's design guidelines recommend tap targets of at least 44 by 44 points, and Google's Material Design guidance uses 48 by 48 density-independent pixels. WCAG 2.2 sets a lower floor of 24 by 24 CSS pixels for its AA level, with some exceptions.
In practice, buttons should be large enough to hit without looking twice. Leave space between links in your footer and menu. Inline links in body text should be few and far apart, so a reader scrolling with a thumb does not open a page by accident.
Keep the menu short and the main tasks visible
A hamburger menu hides everything behind one icon. That is fine for secondary pages such as your blog archive. It is a problem for the three or four things most visitors came to do.
Consider a simple row of visible links under the header on mobile, or clear buttons near the top of the home page, for your main practice areas. A visitor looking for DUI help should see "DUI" without opening anything. If your firm handles many charges, group them under plain headings such as "Driving," "Drug charges" and "Violent offenses" rather than listing every statute.
Build forms for a thumb and a bad connection
Contact forms are where one-handed use falls apart most often. Every extra field means more typing on a small keyboard, and every error message that wipes the form means starting over.
A few design choices help a lot:
Ask only for name, a phone number or email, and a short description
Use the phone input type so the number pad opens automatically
Keep labels visible above the fields instead of inside them
Save what the visitor typed if the submission fails
Avoid puzzle-style verification that needs precise dragging or tapping
Test the form on a slow connection too. Someone at a county jail lobby may have one bar of signal, and a form that hangs for twenty seconds looks broken.
Readable without zooming
If a visitor has to pinch to read your text, the page is too small. A base font size around 16 pixels is a common starting point for body text on mobile, with generous line spacing. Short paragraphs help, since a long block of text on a phone becomes a wall.
Contrast matters as well. Light gray text on white may look elegant in a design file, and it is hard to read outdoors in daylight. Dark text on a light background is the safest choice for anything you need a stressed reader to absorb.
Test it the way clients will use it
Design reviews often happen on a laptop with a mouse. That hides most of these problems. Run a different test:
Hold your own phone in one hand and stand up
Open your site from a Google search, not a bookmark
Try to call the firm without using your other hand
Fill out the contact form the same way
Repeat on an older, smaller phone if you can borrow one
Write down every moment you had to stretch, zoom or tap twice. Each one is a fix.
Questions about mobile design for defense firms
Should the phone number appear in text as well as on a button?
Yes. Some people prefer to see the number before they call, and some want to copy it. Show the number in text and make it tappable.
Is a sticky call bar annoying?
It can be if it covers content or is oversized. Keep it slim, put it at the bottom, and make sure it does not block form fields or cookie notices.
Do these changes affect search rankings?
Google indexes the mobile version of most sites first, so a mobile page that is hard to use can hold you back. The bigger benefit is more calls from the visitors you already have.
SBD Marketing works only with criminal defense law firms, one firm per city, and designs defense firm websites built around how real clients use their phones. We also handle SEO, AI search visibility and SEO audits for defense practices. Short, clear words matter even more on a small screen, so read cutting legal jargon from your defense firm's website copy, and see more law firm website design guides.
Comments