Questions tagged [hyperlinks]
Hyperlinks indicate that clicking on a piece of text or image will take you to related information.
346
questions
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 ...
- 103
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 ...
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 ...
- 21
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&...
- 13
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 ...
- 11
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 ...
- 11
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 ...
- 1,325
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 ...
- 153
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"...
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 ...
- 263
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-...
- 128
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 ...
- 101
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 ...
- 7,294
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 ...
- 141
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 ...
- 121
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 ...
- 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
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 ...
- 219
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' ...
- 206
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 ...
- 51
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 ...
- 53
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 ...
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 ...
- 589
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 ...
- 101
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 ...
- 963
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 ...
- 1,355
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 ...
- 10.6k
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, "...
- 1,788
1
vote
1
answer
1k
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
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 ...
- 121
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 ...
- 1,325
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
51
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
155
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
279
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
84
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
663
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
172
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
294
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
342
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
198
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., ...
- 892
0
votes
3
answers
161
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
1k
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
58
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 ...
- 233
1
vote
4
answers
169
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 ...
- 296
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
843
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
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 ...
- 2,064
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 ...
- 133