Adam Silver’s Post

View profile for Adam Silver, graphic

Interaction designer | I talk about how to design simple and accessible digital products (without the BS).

One mistake designers often make: Putting content after the button/CTA. But this risks users not seeing the content or having to work harder to move beyond “the end of the page”. The fix: Put your button/CTA at the bottom.

  • Check answers page with declaration below button with red arrow directing it to be above the button (where it should go).

Wild West things I’ve seen this week; - continue button that reveals a set of radios, with its own continue button - a back button under the CTA - Inline radios with a reveal. I feel your pain.

Tanguy Géréec

Product Design, Design Systems, Accessibility, Strategy. I’m a remote worker who jams to John Williams' Music 🎵

6d

You're absolutely right. I can't help but think that many instances of this are actually done on purpose, precisely because "this risks users not seeing the content". #deceptiveDesignPattern

Kate Thomas

Content Architect, PayPal. Content leader. Content operations.

3d

This feels less like a dark pattern, and more of a new-use-case-that-the-system-can't-support. The underlying content architecture is relevant: there just may not be a way to put text before the button. eg. when the form was designed, there was a use case for text after but not before the button. So authors being authors will put the text wherever they can using the text boxes available in the interface. (In this case, text after the button is not ideal but it's still better that it's there than not. but actually, reading the text... mmm... it's kinda meh isn't it? And doesn't feel particularly critical to the experience. (A last minute legal ask?!)) Of course, designers need to anticipate such use cases, especially in forms or any input content types, as there's typically other tech under the hood (eg customer relationship manager tools) that needs to be accounted for early vs trying to retrofit later. eg. at PayPal, we built a form in the CMS for <one use case> but I designed with future functionality in mind, so it was available for as many use cases as possible.

A wild "Before you start" paragraph appears.

Srinivas M

CX | UI | UX Designer | DTI from IIT DELHI | HFI certified

5d

This approach works well; decision-making should be done at the end of the story. However, on landing pages, users often don't read the entire content. Placing the CTA in the middle can yield positive results by capturing attention early and encouraging action.

Like
Reply
Catherine I.

Freelance writer, editor and proofreader

5d

Totally agree. In circumstances like this where you want the user to acknowledge that they are saying the information they're submitting is truthful / correct / accurate, before the Send CTA button I have added a check box next to a simple statement of truthfulness and accuracy that the user must select to show they agree. 'The information I have provided is truthful and accurate to the best of my knowledge.' [Tick Agree] You can also add another statement to forewarn a user of adverse consequences of submitting false or inaccurate information, again, prompting them to tick a check box to acknowledge this. 'I understand that if I knowingly provide false or inaccurate information, I may be fined or prosecuted.' In some services I've worked on, we've designed a deliberate 'stop and pause' for users by adding an additional screen that covers a declaration of truthfulness and consequences, so that a user is more likely to read it/see it, and to slow down the natural impulse to just scan to the bottom of the screen and press Send.

Like
Reply
Stuart Wheatman

Senior Content Design consultant: GDS / gov experience (NHS, DfE, DfT, HMRC, HMPO, DEFRA, etc)

3d

Also, make sure to update the content. Either 'details you're providing' or 'details you've provided' 🙂

Dale Moore

Content Design / UX Writing

4d

I agree too. This is a well used pattern within GOV.UK called Make a declaration, though it’s never been published. 🤔

Annie Streater

A Swiss army knife of design, research, and strategy.

6d

Who does this?! I just wanna talk.

Adham Dannaway

Follow for daily design tips | Author of Practical UI - a logic-driven approach to UI design | Product Designer since 2005 | Specialised in UI design & design systems

5d

Agreed. Maybe some companies are putting text after buttons on purpose? It could be a dark pattern where they don’t actually want you to see the text, while still covering themselves legally 😅

See more comments

To view or add a comment, sign in

Explore topics