Questions tagged [hyperlinks]
Hyperlinks indicate that clicking on a piece of text or image will take you to related information.
361
questions
0
votes
1
answer
55
views
Microinteraction language — drilldown, link, action
I'm currently building a new SaaS product, and am revisiting a few of my old decisions about certain patterns. In this specific case it's the design language for three types of ineractions that happen ...
- 2,205
0
votes
1
answer
60
views
Button or link to slide content to be visible?
Should I use a button or a text link to trigger a downward slide with content section on ecommerce shop's product page?
Update: The opening content should display next to the product image just above ...
- 372
0
votes
1
answer
18
views
Duplicate link names in the navigation
I have a sidebar navigation where I need to seperate orders into two types - maintenance orders and service orders. Each order type has 4 statuses by which it should be separated - it has different ...
- 1
1
vote
1
answer
64
views
Should this be a link or a secondary button?
This is a wireframe and in development but we've recently been posed the question, "Should Edit Address be a text link (shown below) or a secondary button under the Primary "Confirm address&...
- 196
2
votes
1
answer
78
views
Provide functionality from newer system
I have a question about cross-linking or embedding or if there is a more suitable option.
The Requirement
So we're developing a web app with new functionality, but our older system is still widely ...
CommunityBot
- 1
1
vote
2
answers
76
views
What should I look for in a custom link shortner domain name?
I have a couple of logs in the fire for startups and expansions of my current endeavors. They are all web-based or mostly web-based enterprises, but I find myself thinking with a few of them that a ...
CommunityBot
- 1
0
votes
3
answers
1k
views
How should a screen reader pronounce links and buttons?
When a screen reader reads links, should they be pronounced as 'Link button', or 'Link'?
Example: Show more... (a link): should the screen reader say 'Link button', or 'Link'?
Also, how should the ...
- 778
1
vote
4
answers
154
views
Should text links enlarge on hover?
What are the best practices for this?
Is it better to e.g. opt for underlining, box shadows, or a darker font / bgcolor when selected / on hover?
The reason I ask is that a client I have is asking to ...
- 1,205
0
votes
2
answers
32
views
Should user need to be told how many files there are to be downloaded?
We have a link that says "Download" so the user can download transcripts.
Does this link need to be more explicit? eg, "Download 2 files"
Does there need to be indication if the ...
- 26.7k
5
votes
2
answers
2k
views
Which gets more interactive: QR code or shorten link?
I am making a poster and I would like to add a document so that anyone who is interested can see further details. At first, I thought that using a QR code would make it look cooler, but after reading ...
1
vote
1
answer
37
views
Fairly Complex List Select Problem
Im wondering if you guys can add some expertise...
I have the following problem, and I would like to know if anyone here has any ideas or solutions.
Essentially, the user will create a post, and the ...
- 1,205
1
vote
2
answers
160
views
Where should "back to top" on long FAQ page link to?
My FAQ page consists of a table of contents (with links jumping to each FAQ entry) and all FAQ entries. The entries are grouped in sections.
FAQ
ToC (#toc)
Section 1 (#toc-section-1)
...
CommunityBot
- 1
2
votes
3
answers
115
views
Displaying sections in the UI in Support Search as additional results
We have a large application where sections of its UI may be hard to find. In an attempt to ease the user's navigation path, we plan on offering "shortcuts" from the Search functionality ...
CommunityBot
- 1
5
votes
1
answer
122
views
Why does "jump link" pattern not copy?
I am asking this question as a user. I have used several websites with the "jump link" feature, and after clicking on the button I go somewhere else and press Ctrl+V only to find out that ...
13
votes
4
answers
9k
views
Use of Mouse-Over Paragraph Marker in Headlines for Permalink
I haven't really noticed this before, but it seems there's some fad where a headline on a web page would include a mouse over paragraph marker (¶) that links to a named anchor for the headline. If ...
- 87
28
votes
5
answers
7k
views
What are pros/cons of using buttons instead of plain links to download a document?
My company is using some rather bizarre download buttons associated with documents that can be downloaded:
It looks like these are abused anchor (<a>) elements which show up in a browser as ...
- 793
0
votes
1
answer
44
views
What is the concensus on links or buttons on the context of nested routes?
Usually my rule of thumb was that links are for navigating and buttons for actions (form controls).
For example, if I were to need an action that opens up a modal, I would use a button.
But with React ...
- 1,672
74
votes
5
answers
17k
views
Why is it standard for a website logo to navigate to the home page?
Why has it become an industry standard for logos to redirect a user to a website's homepage?
Where was this first seen?
0
votes
3
answers
148
views
Where should we place a "New Item" link
Context:
In the "Returns" details page we have a form where we can add Items, that items represent what we want to send back(return) eg. 1pen and 2 notebook.
So I have a list of "n"...
- 37.3k
44
votes
8
answers
39k
views
Should hyperlinks be blue?
I've built a site where all hyperlinks have the default colors: blue for links, purple for visited links. They turn red on hover.
I believe that always using blue for hyperlinks is a good thing, so ...
- 6,386
2
votes
2
answers
175
views
Indiciating within-page links (fragment identifiers)
There are three types of targets for for a link:
Different page in a different application
Different page within the same application
Resource within the current document
typically provided by a ...
CommunityBot
- 1
1
vote
1
answer
46
views
Displaying full e-mail adress or just using the link name Mail
Sometimes when you design contact information for people, in say a grid, you stumble upon individuals that have very long e-mail addresses. You could solve this by using extra-large space for e-mail ...
CommunityBot
- 1
13
votes
4
answers
3k
views
Change link color based in background color?
Our white-background webpages use the blue hyperlinks as shown in the image below.
Occasionally we have dash-bordered yellow information sections on a white webpage as shown. In that case someone said ...
- 15.5k
2
votes
4
answers
5k
views
Accessible tooltip with links
I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
- 201
0
votes
2
answers
46
views
Space in-between font and icon on links
Is it good to have too much space in-between typography and icon (arrow) on a link?
For instance, when looking at the Adidas website on tablet and mobile you notice that there is a lot of space in-...
- 18.3k
2
votes
2
answers
338
views
Is the absence of "Open in new tab" an antipattern?
Over the years with applications going more 'SPA' like I have noticed many sites using JavaScript click handlers for websites links which are visually a normal hyperlink (the login link on figma.com ...
- 1
14
votes
3
answers
2k
views
Text vs Icon (Opens in a New Window)
Over the past months I have been turning small websites responsive and encountered PDF links that spell out Opens in a New Window instead of using an icon. I spoke to the client about using an icon ...
- 3,310
56
votes
15
answers
26k
views
What are the differences between buttons and links?
What are the differences between buttons and links?
- 2,491
9
votes
2
answers
4k
views
Should html links with images have both title and alt attributes?
I understand it is generally a best quality practice to have title tags for hyperlinks and alt tags for images. This is good for several reasons: additional information for low bandwidth users, ...
- 101
1
vote
2
answers
231
views
Displaying additional information for a button
I've got a scenario where I have a set of buttons. These buttons are actually links to pages with different functionality. Furthuremore the buttons should tell the users what the redirected page ...
CommunityBot
- 1
19
votes
3
answers
11k
views
What should the ALT text be for an image that is also a link?
An image alt="" text should contain information about that image in the context of the page, so for instance if you have an article about cats on skateboards and then a photograph of the cat on his ...
- 105
2
votes
7
answers
1k
views
Best practice for Styling links when used in tables and headings
Should links in data tables be styled like regular text links or only have some indication on hover?
For example Shopify tables have default black text color and only change to blue on hover:
I dont ...
- 1,013
5
votes
2
answers
8k
views
What is the reason for having more than one login link for Facebook?
If you do a Google search for facebook you'll see something that I think is rather curious, basically there are two different links, one to log into your account and the other to login to your account....
0
votes
1
answer
230
views
When to include "Previous" and "Next" button or link?
Happy new year guys.
I'm currently building a personal portfolio and I am thinking of including a "Next project", "Previous project" link where applicable to each individual ...
- 18.3k
2
votes
1
answer
537
views
Best icon for linking to a different page on the same website? [closed]
Below is the current icon I'm using (top right of boxes). I'm worried that it looks like an external link.
Is there a standard icon used for internal links? I was thinking about something similar to ...
- 1
0
votes
1
answer
109
views
Links within an iPhone app
Imagine an iPhone app with a tab bar (5 items) and a link to the user's profile in the header.
Now let's say that you're somewhere in tab 5 and you'd like to make a link to a screen within the user's ...
CommunityBot
- 1
4
votes
4
answers
2k
views
When linking to external websites from an app. Is it better to use web view or open in a browser?
I'm working on a travel app that sometimes needs to link to its web version for information that's not within the app itself. For this I believe using a web view makes sense.
However there's also a ...
- 393
20
votes
7
answers
5k
views
Odd click behavior where my users are clicking non-linked headings
Issue: Site users clicking the title tag of my website's product pages.
Over the last six months a total of seven percent of my customers who visited product pages decided to click on the product ...
- 980
2
votes
2
answers
349
views
Opinions on stretched-links and alternatives?
Stretched links allows to have a whole block as a link (without having to wrap all the content in the <a>, which would achieve the same by the way)
One issue I see is that you can't select text ...
- 37.3k
0
votes
1
answer
176
views
Best pattern to display info on modal + link for more info
I am struggling in finding a good pattern for this problem, or maybe I am just overthinking.
In a mobile app, my client wants to display important privacy information for kids, willing to 'disrupt' ...
- 141
4
votes
2
answers
2k
views
Should I avoid underlined links on mobile app?
We have a discussion in my team about links into mobile apps.
Developer said links shouldn't be underlined.
But in complex mobile apps sometimes, we have link to different entities.
I can see that ...
- 41
5
votes
2
answers
2k
views
Should visited and unvisited links be of different color?
Every research-driven publication I've read has always said that different colors for visited and unvisited links are markedly better, and having them are the main reason I child themed twentysixteen ...
- 11.2k
0
votes
5
answers
2k
views
Should phone numbers be clickable within our software on (desktop)?
We are working on cleaning up our system and identifying phone numbers so they will be detected and show up as links for mobile users.
The question I have is should we make them show up as links for ...
CommunityBot
- 1
4
votes
2
answers
143
views
How to find later parts of a multi-part article
Consider the very common scenario where someone writes a series of articles (Parts 1 through n). With my publisher, Simple-Talk.com, for example, independent of whether I send them one at a time or ...
- 3,310
0
votes
1
answer
110
views
Is it bad practice to make the title of the page a link?
For example, on ux.stackexchange.com the question is a link to the current page. (for SEO purpose I suppose).
But in order to select (and copy) a line of text, I usually triple click, which is not ...
- 61
4
votes
2
answers
124
views
Should breadcrumbs contain non-navigation elements
I am working on an admin interface which uses a left menu as well as a breadcrumb at the top of the page.
I have items grouped into different levels in the menu as below:
In this menu, "...
CommunityBot
- 1
1
vote
0
answers
47
views
Best way to illustrate comments hyperlink on dropdown dashboard component?
I'm designing a dashboard with dropdown components. Every component is a "driver" group. The dropdown consists of questions within the survey that belongs to this driver. Every driver ...
2
votes
3
answers
2k
views
WCAG AA Compliance and Card Patterns
Question on product cards and WCAG AA compliance.
We are specifically questioning the link styles of this clickable cards—which take you to a new page.
Each card you see has a focus + hover state ...
- 11
0
votes
3
answers
2k
views
Best way to display page full of links?
I have a page that looks like below.
I shrunk it in dimensions to give a broad idea of the page. So it has categories and under them there are links. What would be some of the options in terms of ...
- 111
15
votes
5
answers
8k
views
How to indicate that an image is a link too?
I have a section in my website called "Techonology" that is not part of the main content where I put the logos of each technology used in the website (PHP, MySQL, Bootstrap, etc). But I'm searching ...
- 7,228