A web app(lication) uses technologies such as javascript, CSS, and HTML5 and is executed in a web browser.

learn more… | top users | synonyms

145
votes
13answers
15k views

Why is this design considered cluttered or overwhelming?

I'm developing a web app for Desktop and Tablet browsers. All of my UX knowledge stems from personal experience and iteration - I've never been formally trained. I took great care in presenting the ...
76
votes
7answers
8k views

Is “user-select: none” bad UX?

I was having a discussion today with a colleague. I showed her "user-select: none" - a CSS property that stops a user from selecting text. To me, this property allowed a more app-like experience to ...
68
votes
31answers
6k views

Common web app usability gotchas? [closed]

What are some common mistakes regarding usability for web applications?
68
votes
12answers
12k views

Why are the profile pictures rounded nowadays?

Why are many websites and applications using round profile pictures? Even the top players like Google and Apple use round profile pics over conventional rectangle frames. Why?
61
votes
9answers
7k views

How can I best display a blank space character?

A web app I'm writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W ...
60
votes
13answers
8k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
48
votes
15answers
9k views

What are some great web-based prototyping tools? [closed]

I'm looking for a list of web-based prototyping tools and I'd like to build one up here by using StackExchange's democratic voting system. There are already some lists around the web, notably these ...
41
votes
5answers
3k views

Should iOS native app be distinctly different than the responsive website's mobile version?

I was in a training session, where a room full of designers were learning iOS prototyping in Xcode, and there was an individual there who came from Apple to make sure everything in the course was done ...
38
votes
5answers
5k views

Should we use the 3x3 9-dots icon as an apps menu?

As the web continues to evolve and more complex applications emerge, there is a need to let the user quickly navigate between applications. This action is different from the navigation menu we see ...
37
votes
14answers
7k views

Should double click be avoided in web applications?

I find that double click is a great gesture that could be successfully used in graphical interfaces but for some reason has negative connotation on the web. Should it be avoided at all costs?
31
votes
8answers
2k views

Save, Favorite or Star?

I'm working on a job app and I would like to offer our user the possibility to save a job and let them find it quickly later. First I thought using a star icon to let them "star" a job like starring ...
29
votes
9answers
6k views

Should I add sound effects to my web site?

I'm considering adding sound effects for interaction on my site. I'm fond of the quick, < 1/4s sound effects on iPhones when sending mail, messaging, etc. I'm thinking it gives a nice, positive ...
29
votes
4answers
3k views

Responsive design: Should I go bigger than 1024px?

I have 6 responsive variations for a web app, from 916px to 320px wide. While running some internal tests, 2 out of 6 people mentioned that they would prefer if the app responded to bigger screens ...
27
votes
2answers
6k views

Best practices for UI that introduces new users

I'm working on an onboarding UI to help new users get familiar our platform and I was thinking about some good ways to implement it. From what I have come across so far, it seems that many interfaces ...
26
votes
5answers
2k views

Is it better to use a Yes/No question or offer the actual values?

Which radio option is better for a web application in real estate? Choice A) List property publicly? ( ) Yes. Make the property viewable from my home page. ( ) No. Hide the property from my home ...
26
votes
5answers
2k views

Displaying states of machines – Overview site

We need to display the state of some machines in our web application. The machines can have about 8 different states. Our idea is to make a site where the user can see all machines and their state. ...
26
votes
5answers
3k views

Any Research on User Experience Perceptions of Native Apps vs Web or Hybrid Apps

My organization is looking at developing mobile applications, we have a wealth of web development resources. There are many factors to consider in making the decision of how to develop this ...
26
votes
5answers
2k views

Why aren't Gmail-like “on-page” dialogs more popular UI solutions?

A few months ago, Gmail gave us the choice to switch to a new UI, with many new features (...) including an "on-page-docked" window. I personally find this piece of UI very useful as it allows users ...
25
votes
10answers
5k views

Is it ok to require certain users to have JavaScript enabled?

I am a firm believer sites should work perfectly fine for people who choose to disable Javascript while browsing any and all of the content. However, when it comes to higher-level interaction (such ...
24
votes
7answers
6k views

0 to 10 rating system alternative

I have a system where the user has to rate other systems efficiency, availability, functionality and velocity in a 0 to 10 scale. I was going to use a simple "10 stars" interface for this, but I ...
23
votes
7answers
2k views

red checkmark vs. a red “X”

I am currently designing a panel in my business application that shows a table of data to a user. The data in the table is the company's percentage (this is equated by many different values), whether ...
22
votes
10answers
5k views

How to display a division by zero in a grid?

I have to make an internal web-app for my company (with asp.net C# and Telerik). I have a grid with financial reporting inside with a simple KPI displaying the budget already used in percentage : ...
19
votes
4answers
42k views

Which color scheme to choose for applications that require long work hours?

I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
18
votes
7answers
3k views

Is it worth having custom 404 pages for different features of a web app?

We've seen a lot of beautiful custom error pages for server errors such as 404 and 503, but it seems like each site or app has just has one for whatever page you cannot reach. Is it in anyway ...
18
votes
4answers
4k views

Why are CSS cursor types so rare on the web?

Coming across this handy CSS Cursor tool I wondered: why are the CSS cursor types other than default, pointer and text so rare on the web? Even most web applications don't go further than these three ...
18
votes
3answers
6k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
18
votes
5answers
350 views

Phased re-designs

I have worked on several projects(line of business web applications) in my career that involved a complete UI overhaul. Most of these projects were enterprise web applications that took a substantial ...
18
votes
3answers
3k views

Horizontal and vertical menus in web applications

It is now very common to find top horizontal menus in websites. Some reason of that might be habits and Jakob's law. In web applications you might find a menu on top or on the left side equally. Most ...
18
votes
5answers
559 views

Should apps allow the use of non-Latin names?

When you have an application with an intended international audience, you are likely to run into issues with names. The W3C has some interesting documentation on names, but I'm not sure how good it ...
17
votes
4answers
2k views

Showing progress for a long many-step process with a discrete progress bar?

I've got a desktop-focused web application where the user is going to be initiating tasks that take a long time. Sometimes, these tasks will take hours to complete (users don't have to do anything ...
17
votes
5answers
4k views

Does “Don't Break The Back Button” Apply To Web Applications?

I've read the advice, "don't break the back button" from multiple sources. For content-based browsing I agree with this 100%. Does the same advice apply to web applications? I feel that it is still ...
17
votes
5answers
2k views

Displaying wait indicator for a long running task — which sometimes completes quickly

In a web application I am working on there are some actions which usually take a few seconds or longer, depending on typical variables (connection speed, PC speed, amount of data involved, host load, ...
16
votes
2answers
6k views

Underscores vs. hyphens in URLs

I'm trying to come up with a page-naming convention so that each page in a web application I'm developing has the human-friendliest URL possible. The current URL structure of the web application is: ...
16
votes
7answers
753 views

Datepicker UX showing Quantitative Data

I'm designing a collab app that will include a datepicker widget to allow users to select the due date for a task. Our data shows that users systematically select the days where they have less ...
15
votes
6answers
2k views

How to show the user the possibility to sort a column with space problems

I am working with a big table with 20 columns and a lot of information. I know that the most common way to indicate that a column is sortable is by adding a little arrow at the right or left of the ...
15
votes
6answers
2k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
15
votes
4answers
2k views

Right-Click menu awareness on Web Application

The web application I am building has a custom right-click menu. I'm concerned that the user might not find this menu as normally right-clicking will only display the default browser's menu. Is there ...
15
votes
4answers
3k views

HTML buttons vs hyperlinks for navigation

When creating an overall site style guide, how do you determine when a button or a hyperlink should be for something other than navigation? I see many time with the heavy usage of jQuery and AJAX, ...
15
votes
3answers
582 views

What do you think is a better label “New” or “Add”

At the moment I am building a web application that stores a lot of data inside of tables. In each of the pages containing the tables the users have many actions; they can add, delete, or edit the ...
15
votes
4answers
4k views

fixed-width vs full-browser for web app

I'm in the early stages of designing a web application (a network management application). And I can't really decide if to go with a fixed width layout (say 960px) or a variable (full browser width) ...
14
votes
6answers
1k views

With 'OK' button, 'Cancel' should appear as secondary button or link?

When I make web application designs, every time I style form or overlay boxes with OK and Cancel button. I think of making them different. But is it a good practice? Some people recommend primary and ...
14
votes
4answers
3k views

Should the search box be on the left or the right side

In a web app with a search box in the header - where should the search go, on the left or the right side of the header? What considerations should be taken into account when making this decision? In ...
14
votes
7answers
1k views

Research behind row height within a table?

There appears to be a trend in web-based table design to use a lot more space for each row in the table. In particular the new gmail default of "comfortable." I'm also seeing it in the height of the ...
14
votes
3answers
687 views

Web app keyboard shorcuts

Is it a good practice to give keyboard shortcuts to web apps that allows a user to do tasks that are repeated often. In my personal experience, I've rarely used keyboard shortcuts offered by GMail to ...
14
votes
11answers
565 views

What is the best way to spend a very limited budget on UX design?

We might be starting development of a web product in a couple of weeks. This being a startup, we have a limited budget. It's not zero though, we might spend a couple of grand on UX design. I would ...
14
votes
2answers
3k views

Custom right click context menu on a web site

Are right click context menus that override the browsers context menu considered a good usability practice? If so, are there accessibility concerns? If so, are there any guidelines or best ...
14
votes
5answers
524 views

Should the UI (or backend) be fixed width or fluid? [duplicate]

Possible Duplicate: For websites, is it better to have a variable width layout or a fixed width layout? We are about to rebuild a web based application and currently the UI is fixed width, ...
14
votes
2answers
2k views

WYSIWYG vs MarkDown - is there a middle ground?

I'm trying to figure out how to let my users edit their content on my site. It's currently just text formatted depending on the screenwidth, but I'd like to give them more control over their content: ...
14
votes
2answers
1k views

Any data available on using Skeuomorphic Design in apps?

I've recently come across an article about Skeuomorphism that peaked my curiosity. Skeuomorphism: ..."an element of design or structure that serves little or no purpose in the artifact fashioned ...
14
votes
3answers
1k views

Move filter from sidebar to top?

Has anyone moved their sidebar filter (similar to eBays filter, left example) to the top (YouTube example)? How did the users respond? I'm tempted to put it on top to keep the UI clean and tidy, but ...