127
tl;dr → use familiar patterns
Make the text objects look less like navigational tab controls.
The elements seem unnecessarily divided: Place the search field in the main header.
Make search look more like search.
Position matters
The subconscious factor making your test subjects want to tap those text objects is positioning. They appear to be tabbed ...
124
Well, since people are trying to interact with this information, I'd use it as an advantage. As mentioned by Mattynabib, it really makes sense.
However, if for some reason you prefer not to, the answer would be to make this snippets of information a homogeneous message. The way it is now, it looks like a mix of a marketing and an interactive element (hence ...
92
In carefully edited text, the choice to include the article depends on the meaning. Examples:
I saw a newt yesterday, dark with blue spots. Can anybody help identify it?
— Article not included: the reader guesses that the linked page is about newts in general.
I saw a newt yesterday, dark with blue spots. Can anybody help identify it?
—Article ...
79
My suggestion would be to make the Title and the image click-able. The reasons are as follows
The title is generally referenced as the link to go to the actual item and is generally click-able. You can see this in a number of sites including Amazon,Ebay and Google news where the title is click-able and is as the main link for users to go and check out the ...
54
Where was this first seen
This practice dates back at least to the earliest days of image hyperlinks.
For example, the Internet Archive's earliest snapshot of Yahoo's home page from October 1996 has a clickable Yahoo! logo.
Why has it become an industry standard?
1. Convention
Conventions are self-perpetuating. Given the ubiquity of this practice, users ...
52
The idea of 'click here' being a bad idea originated from data about how people visually scan web pages which show that people don't read online: they skim the page to get the key information. If someone is scanning, 'click here' (particularly if there are lots of them!) links are totally meaningless in isolation: the user has to spend time reading around ...
50
It's become standard because everyone does it.
Everyone does it because it's nice to have a 'home' link but it's not something that needs to clutter the menu, either. Hence the idea to just make the logo link to the home page.
Not sure if anyone can answer where this was first seen. But I recall doing it close to 2 decades ago so I think its been around ...
43
The grey text actually makes them look more clickable as they stand out from the rest of the header. I would change them to the same color as the rest of the text (black).
Also, instead of "6 books Listed", I would use "Books Listed: 6". The colon subtly implies, "here's info" rather than "I'm a link".
42
Your question is complicated in that it's embedded in a bad practice.
This Smashing Magazine article about why your links should never say "Click here" sums it up quite well.
"Click" puts too much emphasis on mouse mechanics, "here" conceals what is being clicked, and in your example, "go to" is implicit in the action of a link.
Assuming for the sake ...
30
The short answer to the high level UX question here is -- it depends -- so here are a few cases why a company like discourse might choose to put click counters next to their hyperlinks along with things to watch out for...
I'm new here what does everyone else click?
Sometimes when I visit a new restaurant I'll ask the waiter what most people order. This ...
30
or you can try dotted border; be sure to test it on the users though.
If it's a quick reference and no action (like selecting / scrolling, although you can do it on the pop-up with some effort) is required on pop-up, I would suggest to differentiate with actions in addition to the style:
Regular links (click -> another page)
Hover on link + help cursor (...
29
As I disagree with a lot of the notions here I am going to add an opposing view as well. Like most answers I agree that the image and title should be clickable, but in modern designs making the entire box clickable is quite acceptable.
Now, first I would like to point out that in the latest Youtube iteration the entire box is clickable:
Additionally I ...
26
Browsers render textlinks blue by default. Jeffrey Zeldman wrote an article stating Sir Tim Berners-Lee, inventor of the world wide web, reached it at random:
http://alistapart.com/blog/post/why-are-links-blue
I can't find any information on why visited links are purple. It does however seems logical to me to choose a color close to the link color, ...
20
It's a heated topic to be sure, but the best insight comes from understanding the usage and intent of a user clicking a link and specifically how this relates to the work at hand and what is going on in the user's mind (i.e. what they are trying to achieve by clicking the link and how that relates to their workflow).
In general, if a link results in leaving ...
19
According to, literally, the first result when you google discourse click count, Jeff Atwood defends the click counter as a valuable signal for users to determine if a link is worth clicking:
The purpose of links is to be clicked, their entire existence is predicated on being clicked at some point, and showing the click data gives you, THE READER, valuable ...
19
Usually an article need not be a part of your link.
Except in the cases when it makes a difference in meaning. Usually it will be a definite article, like "The Times", "El Salvador", "Al Jazeera".
Sometimes you can see Portugal city Porto spelled as O Porto. This is because porto means just "port" in Portuguese, so the city is not just Port, but "The Port"....
18
Find something easy to learn
This is an app so I assume your users are willing to take the burden of a little learning curve. With that in mind, adopt a convention and be totally consistent with it. They'll take to it quickly if it's clear enough.
I think (as I'm sure you do) that a text label would clutter your interface. The most compact yet self-evident ...
18
I can't say if this is the actual reason it was chosen, but a reason why purple is a good choice is that, other than red, it has the lowest relative luminocity of any hue.
So, a purple will tend to appear darker than an equivalent blue. Assuming the background is white and the text is black, and assuming we expect people to be more interested in pages they ...
answered May 30 '14 at 16:01
user56reinstatemonica8
2,6661 gold badge14 silver badges24 bronze badges
18
Try a softer red with a harsh red border - like this:
download bmml source – Wireframes created with Balsamiq Mockups
17
You have a few options in terms of referencing pages...
QR Codes
URL Shortener
Using full URL
Search
No matter which method you choose to use, you have your pros and cons depending on your site's demographic.
QR Codes
Using a QR code is great for the younger, more tech-savvy, users.
They usually carry smartphones with them and can easily scan your QR
...
17
There are several studies studying users ability to understand icons, text and both. The results of these studies always come to the same conclusion. Double coding (text and image) is always the easiest and fastest for users. Look at the three images below, and decide which one would get you a beer fastest be fastest to recognize.
On a more serious note, ...
16
Power users open links in new tabs and rarely use the Back button, while most users rarely open links in new tabs and rely on the Back button instead.
Patrick Dubroy conducted this study for his master’s thesis while working at Mozilla. You can read about the presentation that he gave there and the paper that he wrote for CHI.
In describing his ...
16
It sounds as if you are seeking a formulaic answer about a specific button pattern fit for an exclusive purpose and feel that this goal is not being met.
Straight off the bat, there is no such formula. But here are a few things to consider.
Link Buttons Are a Thing
Text-only, rimless buttons have become a fairly common interface element without being ...
14
There is a background issue here which is: Should the sub-menu open on click or on hover?
If you choose to display it on click, it is clear that you can only use OptionA (ServiceA, ServiceB, ..., All services). This works consistently for both touch and no-touch devices.
If you choose to display it on hover, some conflicts arise:
Will the user know that ...
13
Although it makes sense for the banner image and the title to link to the event page, their affordance for clicking isn't as strong as that of a button or text link. That you can click on the image and the title might surface with a hover effect, but a button or text link is naturally clickable. However, the image offers a nice large target, so for someone ...
13
About links
Here a fine article about consistency :
http://www.uxbooth.com/articles/consistency-key-to-a-better-user-experience/
A few lines
The design of your site should also be consistent. Users remember the
details, whether consciously or not. For example, users will associate
a particular color on your website as the “link color,” they’ll come
...
13
Consider using an arrow or caret to denote there's deeper content. It's a common enough icon that's used often at the end of a text blurb for Call To Action buttons. It's not ideal, but should translate okay on a carousel title.
e.g.
12
Presuming that your links would be visually distinct from the description, then:
title: definitely yes, because something has to be clickable.
image: probably yes, because visitors might react to the image alone and never read the text.
description: no way
Why no on description? Well, first, the more links you have on page, the more choices, the more ...
11
It doesn't matter one bit.
To get on my soapbox for a second, one of the biggest problems of non-professional UX is that people will read some article or other, containing some specialized advice or guidelines, with specific reasoning, appropriate for specific circumstances. But they won't remember any of the "specific" parts, they will just think that the ...
Only top voted, non community-wiki answers of a minimum length are eligible
