Follow

Some strange reversals have happened in interface design in the last few years. For instance, many of the buttons displayed on screen don't change the state of an application, but change the state of the user. Typical examples are of such buttons are labeled with "get started", "explore", or "see more", "launch experience", etc... These are basically links to other parts of an application and do not activate or change anything significant in the computer or for other users. They're more about making the user repeat a mantra, or change their attitude before they can access the next piece of information. Always reminds me of Mouchette's "Kill That Cat"

· · Web · 2 · 5 · 13

I know there have been funnily labeled links around for a long time, such as "click here to start". The difference might appear subtle, but I believe this is quite the opposite of a button labeled "get started": one is about the computer, the other is about you, pressing the button.

Another example: a link labeled "biggest idiot ever" linking to a politician's web site is an expression of the link's author about the target location, using the power of the link to change context—quite classic hypertext technique. A button labeled "explore" on the other hand is about you, clicking that button to bring yourself into an exploratory mood before being presented with new information.

Maybe also related, "overlay scrollbars", the thin lines on the right side of windows and screens serve as indicators what portion of a document a user is currently viewing. They are not a tool for scrolling, as the fully formed scrollbars with arrow buttons, tracks, and drag handles. They are merely a prompt for the user to do the scrolling themselves.

…the fine line between "Benutzerschnittstelle" and "Benutzungsschnitstelle"…

@despens these buttons are called CTAs, short for "Call to action", they're the bread and butter for some designers. I've seen awful ones that are first-person sentences such as "I want to know more" or "Take me to this section"

Source: was web dev in an agency

@despens I like your comparison with mantras. Perverse mantras playing with consent.

@1frn0 Absolutely! Yet I think not all CTAs are the same, they have taken various forms over time. There is a difference in between a huge button labeled "subscribe to newsletter" ("classic" CTA based on the action the computer will perform) and the same button labeled "receive awesome news in my inbox" (adding the first person perspective you mentioned, predicating the user's judgement).

It's all a sliding scale I guess—my sense is the button labels are just the most striking examples. Like the purpose of some user interface elements is just to be there and be interacted with, kind of a tool theater.

@despens I agree, there are contexts in which they are required. I was especially reacting to those nasty buttons flourishing in "hero" sections!

Now I'm wondering what a complex video game with absolutely no CTA would look/feel like. (I may have played one but I'm exhausted and nothing comes to mind)

@despens Interesting! Hurts to admit I have never played on Atari or Amiga, I should remedy it!

Sign in to participate in the conversation
post.lurk.org

We are an instance for discussions around cultural freedom, experimental, new media art, net and computational culture, and things like that.

<svg xmlns="http://www.w3.org/2000/svg" id="hometownlogo" x="0px" y="0px" viewBox="25 40 50 20" width="100%" height="100%"><g><path d="M55.9,53.9H35.3c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3h20.6c0.7,0,1.3-0.6,1.3-1.3S56.6,53.9,55.9,53.9z"/><path d="M55.9,58.2H35.3c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3h20.6c0.7,0,1.3-0.6,1.3-1.3S56.6,58.2,55.9,58.2z"/><path d="M55.9,62.6H35.3c-0.7,0-1.3,0.6-1.3,1.3s0.6,1.3,1.3,1.3h20.6c0.7,0,1.3-0.6,1.3-1.3S56.6,62.6,55.9,62.6z"/><path d="M64.8,53.9c-0.7,0-1.3,0.6-1.3,1.3v8.8c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3v-8.8C66,54.4,65.4,53.9,64.8,53.9z"/><path d="M60.4,53.9c-0.7,0-1.3,0.6-1.3,1.3v8.8c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3v-8.8C61.6,54.4,61.1,53.9,60.4,53.9z"/><path d="M63.7,48.3c1.3-0.7,2-2.5,2-5.6c0-3.6-0.9-7.8-3.3-7.8s-3.3,4.2-3.3,7.8c0,3.1,0.7,4.9,2,5.6v2.4c0,0.7,0.6,1.3,1.3,1.3 s1.3-0.6,1.3-1.3V48.3z M62.4,37.8c0.4,0.8,0.8,2.5,0.8,4.9c0,2.5-0.5,3.4-0.8,3.4s-0.8-0.9-0.8-3.4C61.7,40.3,62.1,38.6,62.4,37.8 z"/><path d="M57,42.7c0-0.1-0.1-0.1-0.1-0.2l-3.2-4.1c-0.2-0.3-0.6-0.5-1-0.5h-1.6v-1.9c0-0.7-0.6-1.3-1.3-1.3s-1.3,0.6-1.3,1.3V38 h-3.9h-1.1h-5.2c-0.4,0-0.7,0.2-1,0.5l-3.2,4.1c0,0.1-0.1,0.1-0.1,0.2c0,0-0.1,0.1-0.1,0.1C34,43,34,43.2,34,43.3v7.4 c0,0.7,0.6,1.3,1.3,1.3h5.2h7.4h8c0.7,0,1.3-0.6,1.3-1.3v-7.4c0-0.2,0-0.3-0.1-0.4C57,42.8,57,42.8,57,42.7z M41.7,49.5h-5.2v-4.9 h10.2v4.9H41.7z M48.5,42.1l-1.2-1.6h4.8l1.2,1.6H48.5z M44.1,40.5l1.2,1.6h-7.5l1.2-1.6H44.1z M49.2,44.6h5.5v4.9h-5.5V44.6z"/></g></svg>