Questions tagged [hyperlinks]
Hyperlinks indicate that clicking on a piece of text or image will take you to related information.
338
questions
0
votes
3
answers
132
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"...
13
votes
4
answers
2k
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 ...
- 263
0
votes
2
answers
43
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-...
- 128
0
votes
1
answer
38
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 ...
- 101
1
vote
1
answer
43
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 ...
- 7,244
0
votes
1
answer
118
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 ...
- 141
2
votes
1
answer
193
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 ...
- 121
28
votes
5
answers
6k
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 ...
- 855
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 ...
- 308
2
votes
2
answers
216
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 ...
- 219
0
votes
1
answer
138
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' ...
- 206
0
votes
3
answers
610
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 ...
- 43
2
votes
7
answers
635
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 ...
- 53
4
votes
2
answers
1k
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 ...
4
votes
2
answers
1k
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 ...
- 579
0
votes
1
answer
70
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 ...
- 101
1
vote
0
answers
44
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 ...
- 953
2
votes
1
answer
65
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 ...
- 1,345
4
votes
4
answers
936
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 ...
- 10.6k
4
votes
2
answers
109
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, "...
- 1,798
1
vote
1
answer
843
views
Text link size in mobile
I have a debate with my team about the size of text links on mobile.
On one side are standards of accessibility and minimum tap sizes for fingers.
On the other is Apple.com sign-in page where we have ...
0
votes
3
answers
1k
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 ...
- 121
2
votes
3
answers
90
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 ...
- 1,209
5
votes
2
answers
131
views
What's the name of the (old) experimental UX concept that revealed further details on demand?
The idea is of course similar to modern day spoilers but the concept proposal was quite old. Moreover, the details were revealed inside the text not separately, i.e. simply added further sentences to ...
- 181
1
vote
1
answer
49
views
Link to Slack on site [closed]
I'm placing a link to a Slack channel on my site. Here are two options I'm struggling with
Link opens default web browser and the Slack channel appears, if the user has already logged into Slack in ...
- 172
1
vote
2
answers
153
views
How do I convince my boss that too many link colors are bad for accessibility?
I work at a really small company making websites for a specific clientele, an older female audience.
My boss, also the lead Art Director, uses lots of different colors for links across an entire ...
- 19
2
votes
1
answer
248
views
Having external links (hyperlinks) and multiple actions in the same dashboard page
I am working on a huge system which is meant to provide internal user to manage products' lifecycle. Thus, it's like a complicated dashboard containing lots of information and data grid and ...
- 65
1
vote
1
answer
73
views
How to differentiate navigation along the hierarchy from cross references
I noticed a pattern in the links in my web application: They either follow along the hierarchy (e.g. /projects/ -> /projects/5/ -> /projects/5/members/) or are cross references to a different place (e....
- 113
3
votes
2
answers
569
views
What is a better position for 'send OTP by email' on sms OTP feature
I'm working on an OTP (one-time password) screen on a mobile app. The primary method of OTP is via SMS. There's also an option for sending OTP by email. Currently, my layout is like this, where I ...
- 10.6k
0
votes
2
answers
139
views
Link-buttons and button-links
I'd like to hear your opinions whether or not using buttons that look like links (text links, especially when styled the same as links) and links that look like a buttons is a good practice. I feel ...
- 689
1
vote
3
answers
257
views
The use of ellipsis in text paragraphs
In paragraphs of text on mobile, should we make use of ellipsis with a link, such as "read more” altogether, or keep them separated?
What is best in terms of UX?
- 128
3
votes
1
answer
299
views
Is using different colors for internal and external links OK or what?
I'd like to use different colors for internal and external text links. Please tell me if you think this is a good or bad idea.
I'm considering CSS choices on a new site/web app which will contain ...
- 31
3
votes
1
answer
185
views
Do links to inaccessible sites make my website inaccessible?
My website contains links to third-party websites, mostly articles on news websites. If these third-party websites are not accessible, and I am trying to meet WCAG 2.0/2.1 AA standards, do these ...
- 33
52
votes
4
answers
5k
views
Should a grammatical article be a part of a web link anchor
When hyperlinking a noun in a webpage (or in an application), which is a part of a longer text/sentence, should a grammatical article (such as "a" in English) be a part of a link anchor text?
I.e., ...
- 882
0
votes
3
answers
156
views
Tab content is only a single link
One page of my website has several different related tabs. One of those tabs, however, only will contain a single link to an external site, which makes the page seem very empty when that tab is active....
- 425
0
votes
3
answers
943
views
External Link / Leaving Website Link [closed]
I did a search and came across a similar question which didn't answer my question/angle.
In my web app I am creating I have a number of links that go off my app to a third party. In the post I read ...
- 11
0
votes
0
answers
56
views
Text input with links without using markdown-like conventions?
How to make a usable and understandable solution to provide (non-webmaster) user with the way to input text with one or more hyperlinks in it? Markdown-like solutions, which require the user to follow ...
- 223
1
vote
4
answers
161
views
How to solve UX vs screen reader accessibility problem?
I'm learning web-development and semantic html markup. Recently a tutorial suggested that because "Click here" or "Read more" anchor texts are not so descriptive to visually impaired users depending ...
- 267
9
votes
5
answers
3k
views
Is using a hyperlink to close a modal a poor design decision?
So I'm having a bit of back and forth with our UX designer who I defer to given his superior knowledge of the field. However, part of his design does not sit well with me and I'm unable to swallow it,...
- 193
2
votes
2
answers
767
views
Where should I put the delete button?
I have a sidebar which shows all links that users saved. Since it's just a sidebar, I want to keep it as simple/clean as possible. Thus I use the cross icon next to the link for deletion.
Option 1
...
- 123
2
votes
2
answers
291
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 ...
- 2,054
2
votes
4
answers
4k
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 ...
- 133
4
votes
4
answers
366
views
If we have to explain how to do something to a user, we have failed?
I was having this conversation the other day, well, a meeting where I heard
If we have to explain how to do something to a user, we have failed.
Now, in some circumstances, without a doubt, ...
- 288
4
votes
5
answers
4k
views
Hyperlink on red background
I am currently working on a website where I have a very prominent error box with the colour #e20413 and text in #FFF. However this, text contains two links that are blue and therefore not very ...
- 159
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 ...
- 493
4
votes
4
answers
2k
views
How to put multiple links in one text
I have a table which contains a list of ID's, each of the ID's will contain 2 links where the user can choose which link they want to open.
What's the best way to present this feature?
Here's what ...
- 141
6
votes
3
answers
304
views
Mark Link which blocks accesses from the EU because of the GDPR
I run a site for visitors from Germany who would like to visit the USA.
Because of the GDPR more and more websites in the US block access from the EU like the LA Times, IHOP or Carrabbas. The access ...
- 195
1
vote
0
answers
47
views
Gaps between active areas of menu items [duplicate]
What is a better solution to make gaps between active areas of menu items or place them close to each other? I'm asking just about active areas of links not about visual styles.
For example, maybe ...
- 21
5
votes
3
answers
713
views
Is it best to open all external references in new tabs by default?
In my security webapp chausies.xyz/encrypt, I have the main webapp without any clutter for the general user, and then, at the bottom of the page, I list a bunch of external security references in case ...
- 155
0
votes
1
answer
65
views
Link in running text on mobile device
we have a mobile app with a space of 1 row for running text on the first screen. It´s purpose is to announce an important news. For example: "We are preparing a new version of our app with lots of new ...
- 31