Web often refers to content on the internet accessed by a web browser.
17
votes
6answers
1k views
Do people use `jump to top of page` links?
I'm talking about links or buttons at the bottom of the page or screen simply linking to the top of the website.
Is there any data on that?
Are they used more frequently on long pages?
What about ...
16
votes
5answers
804 views
Why this timed-hover “like button”?
I recently caught "Where Good Ideas Come From" by Stephen Johnson on Alex Hillman's blog, and was intrigued by Alex's unique implementation of a 'like button'.
Behaviour
The element's initial state:
...
14
votes
4answers
463 views
Are HTTP error codes user-friendly?
Why do we still have these HTTP error codes?
For me it seems like they are completely useless for the user (not for all but most of them). It says nothing helpful (look at the screenshot above, it ...
13
votes
8answers
726 views
How to showcase UX work?
Presenting your UX design on the portfolio is more than just showing off some screenshots of the wireframe or finished graphics. I am just wondering what your thoughts are on the ideal way to display ...
12
votes
9answers
740 views
Dashed underline on required fields
I am working on a massive user registration form for a web application for my company. We have been discussing different ways of alerting the user that a field is required for registration. As of ...
12
votes
4answers
2k views
Should I manually hyperlink phone numbers using “tel:” on my websites?
In code, you have the ability to make a phone number on a website into a link by prepending the phone number in the href with a "tel:"
So, for example, you can create a link to 800-867-5309 with the ...
11
votes
8answers
680 views
When is double-clicking appropriate for the web?
I recently saw a website that required the user to double-click an item in a scrolling list to 'open' it for editing. It surprised me, as I don't usually think double-click is appropriate for ...
8
votes
4answers
271 views
Accordion in a webapp - Should I allow more than one open?
I have several long forms in my web application.
I thought about using an accordion design to save unused space in the form (The form is already split into several sections)
download bmml ...
8
votes
2answers
134 views
What's the official name of concept of input boxes with tags?
I'm looking for an implementation and the (official) name of this kind of control where it's a inputbox where we can add multiple tags into it. By example, it is used in JIRA like this capture (and ...
7
votes
3answers
241 views
Add question form - mark answer as correct
In a web-app quiz form used to add new questions (with answers) for the app, how should I indicate to the user to mark an answer as correct?
Currently you mark an answer as correct by clicking the ...
6
votes
3answers
234 views
Does your average web user understand the concept of the clipboard?
I'm designing a web site where I would expect the intended audience to have limited computer skills.
An important part of my site's functionality will require the end user to copy an URL that my site ...
6
votes
2answers
448 views
How to display misspelled words on search results?
Since 1996 Jakob Nielsen annually publishes a list of "Top 10 Mistakes in Web Design". The top mistake in the latest list is Bad Search. It has not always been that way. In 2005 Bad Search was listed ...
6
votes
3answers
190 views
Are there names for patterns within UI styles?
Are there names or guides to classify similarities or reoccurring style patterns within UI? For example, Retro, Legal, etc.
Example of UI patterns used in login forms:
Indented outlines
...
5
votes
5answers
439 views
What is the name of someone who does not know how to use a computer or the web?
People who cannot read or write are named "illiterate".
Does a word exist to qualify someone in the same position but about using a computer or a web application?
This term would be really usefull ...
5
votes
5answers
221 views
Convention for showing that one of two web form inputs are required?
It's a common convention in web form design to mark required fields with an asterisk. Is there any way to denote that one of a pair of fields is required? In other words, a form like this:
...
5
votes
2answers
213 views
Total redesign for already established app?
Usability is not excellent, and stylesheets are inconsistent. What's the best way to deal with this ?
5
votes
4answers
150 views
Forms: Ensuring the next button is always above the fold in multiple page forms
I'm designing forms in a PPC / landing page style format where the user has arrived from an ad on a search engine page - this user is very likely to be interested in the product that I'm offering.
...
5
votes
2answers
169 views
Linking into an infinite scrollable stream
I have a web app that contains a stream of entries with a "more..." button at the bottom that loads in older entries. If one of the entries is selected then the right panel displays details on that ...
5
votes
1answer
1k views
Hover state on mobile: Does this sync interaction design on the web and mobile?
I read this news article a while back about apple patenting a touch screen technology that would allow for a hover state. Ever since I have been thinking a lot about how that might effect the mobile ...
5
votes
1answer
224 views
What are some best practices for displaying an “unsupported browser”-warning in a web app?
We're building a web app, and the technology we're using will only allow users with relatively modern browsers (IE8 and up, plus most versions of other browsers) to even log in. We want to show an ...
5
votes
2answers
385 views
Guidelines/best practices for CSS hover animations in web UI
What, if any, are the accepted guidelines and/or best practices for using CSS animated transitions on hover in a web-based user interface? When does it start to simply become annoying and ...
4
votes
2answers
171 views
How should removed pages be handled in e-commerce sites?
On my e-commerce website I create many sale event/campaign related categories which are put offline after a specific event/campaign is over. Lots of customers bookmarks those category page and then ...
4
votes
7answers
739 views
How do I choose between disabled input fields and plain text for a read only view?
For displaying a readonly details views of a certain item on a website, is there a general rule to choose between disabled input fields or labels/plain text?
In this situation, first an overview of ...
4
votes
3answers
152 views
Refresh button on a website
Is it useful/sensible to display a 'Refresh' button on a website's page (simple page, not dialog!), like the picture below?
First I thought it's a good idea, but know I start to think it's not so ...
4
votes
2answers
179 views
Why do websites use “you are being redirected…” pages?
Frequently after logging in a website - specially old ones - I see the following:
Welcome! You are being redirected, please click here if your browser
does not redirect you.
And similar pages ...
4
votes
1answer
145 views
Is the browser back button still the second most used navigation feature?
In 1999 Jakob Nielsen stated that "the Back button is the lifeline of the Web user and the second-most used navigation feature (after following hypertext links)". But the web has evolved since then, ...
4
votes
3answers
375 views
How can I incorporate IAB advertising banner standards in a 960 grid layout?
When I try to prototype a website thinking in the IAB display advertising guidelines using a grid system (960gs - 10-60-10) the only banner that fits in a 3 column space it's the half banner (300x250) ...
4
votes
1answer
255 views
Scroll Down Menu
Lets say I have a scroll down menu with ten options. That menu comes down when a user hovers over a link. Problem is...When the menu comes down, it covers a bit of the text beneath it on the ...
4
votes
7answers
217 views
How to display a distinction between actions which affect the 'real world' vs. actions that affect only the information in the application?
I have the following challenge:
I'm designing a web application that is supposed to manage IT components. Meaning - when the user creates an IT component in the application or updates an existing ...
3
votes
5answers
238 views
Matrix question type in mobile
I am working on a tool for conducting surveys through the web. One of the most common question types is represented with a table, where the column and row headers form the question, and the rest of ...
3
votes
2answers
341 views
Re-skinning web apps: Yes or no?
During Phase 1 of our current web project—a site with thousands of pages and 38 legacy web applications for several groups of users—we're focusing on content strategy and implementing a CMS. The web ...
3
votes
3answers
115 views
What's the best way to open links from widgets?
I have a portal consists of set of widgets, each widget contains a block of data and a link to an application . it appears like this .My question is : what 's the best user experience to open the ...
3
votes
4answers
463 views
A Web Enabled Desktop App
So you know how the whole web 2.0 moment is about moving native desktop software to the cloud in the form of web applications, with UI being rendered through a web browser, data being pushed through ...
3
votes
2answers
614 views
tab menu + side panel - how to organize menu and “context menu”
I have a dashboard, with tab menu (tabs over the content) and a side panel with a vertical menu.
My question is. i would like to make one menu (tab or side panel) as first level menu and the other ...
3
votes
1answer
162 views
How to drive conversion in a website?
I've built a website for a startup. The websites purpose is to convert the visitors (mostly iPhone developers) to register to the beta of the SDK that the website presents.
Out of about 100 visitors ...
3
votes
5answers
770 views
Recommend UI modifications [closed]
I am looking to modify the "faceted filter" on our schedule page and would like some input on what kind of UI elements I could use to enhance the experience. The current one is woefully bad and the ...
3
votes
2answers
109 views
account confirmation pattern: link or link + page with edit field
Imagine the registration process where you send an activation email to the user. In many activation email I receive, I will get an activation hyperlink and an activation code by itself as well.
My ...
3
votes
1answer
198 views
Does a URL fragment identifier have a bad effect on user experience?
In this link from CSS-Tricks, it's claimed that using the hash sign in a URL for linkablity purposes is not a good idea, because browsers will scroll to the item which has its id mentioned in the ...
3
votes
3answers
423 views
Hover alternatve for touch devices [duplicate]
Possible Duplicate:
What are some alternatives to “hover” on touch-based devices?
I'm building a standard infographic where you mouse over a region and the image changes as you move. For ...
3
votes
2answers
99 views
Web surfing: people “wandering” from page to page vs people following their goals
When browsing Wikipedia, I often see me drifting from my initial goal to other pages infinitely through hyperlinks. I end up reading pages about things that are far away from the information I was ...
2
votes
3answers
209 views
Is it acceptable to contact a potential customer who has accessed your site, using their IP?
We run ad campaigns to attract potential customers to our website. Sometimes customers click, but don't make contact. Is it acceptable to reach out to these customers, based on the public info ...
2
votes
3answers
264 views
Which one has more career opportunities: web usability or web accessibility?
I'm wondering which one will be more valuable and have more career opportunities. Web usability or web accessibility. Please show statistics or any valid information if possible.
2
votes
5answers
112 views
Is it a good practice to have a session expiry popup with timer for user assistance
I am working on a banking site, is it a good practice to have session expiry popup alert for users assistance.
I feel it helps from the pain of re-login the site every now and then.
Please correct ...
2
votes
2answers
81 views
What is a space-efficient way to display two numbers next to each other while minimising confusion?
I'm working on a site that needs to show two balances next to each other, preferably in the header next to a user's name. The issue I'm having is differentiating the balances enough that they don't ...
2
votes
2answers
170 views
White space vs. Information [duplicate]
Possible Duplicate:
How can I defend and/or encourage white space as an effective design element?
At the company where I work, every day, there are discussions about "how to fill the ...
2
votes
1answer
68 views
Table Comments and Actions
I have a table where one column is a 'Comment' section with a textarea where users can add a comment and save it for that row. I'm trying to think of the best way to implement this.
There are a ...
2
votes
1answer
238 views
Selecting all contents of an input field of text type when focusing
I am working on a registration form for a web application which requires you to enter your first name, last name, date of birth, address and so forth. If the user fills out all of the fields we are ...
2
votes
0answers
89 views
web application redesign suggestion [closed]
We had built a application using Ext JS web desktop. Something similar to:
http://dev.sencha.com/deploy/ext-4.0.0/examples/desktop/desktop.html
The application is basically a web based ...
2
votes
3answers
178 views
Buttons for showing None, Some or All of list
I have a set of list headings eg.
List One (24)
List Two (34)
etc. and I want to start with them collapsed, but allow the user to view the first 10, or expand to view all. So, I have setup so the ...
1
vote
4answers
102 views
Engaging end-users to access the site once an off-line task has been completed?
My scenario goes like this:
User comes online to find a lawyer to assign for a certain project
System displays all lawyers with their contacts
User researches as he wishes, and contacts lawyers ...
