Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [web-app]

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

Filter by
Sorted by
Tagged with
166
votes
13answers
19k 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 ...
100
votes
8answers
14k 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 ...
90
votes
14answers
19k 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?
87
votes
10answers
22k views

Are Scroll Bars Dead in 2019?

I recently heard a designer say something to the effect that modern web designs don't use visual scrollbars - or at least they're only visible when scrolling. I'm a front-end developer and hadn't ...
80
votes
11answers
17k 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 ...
75
votes
31answers
6k views

Common web app usability gotchas? [closed]

What are some common mistakes regarding usability for web applications?
66
votes
13answers
16k 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 ...
53
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 ...
46
votes
16answers
14k 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?
46
votes
4answers
110k 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 ...
44
votes
5answers
4k 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 ...
41
votes
5answers
18k 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
9answers
8k 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 ...
35
votes
2answers
9k views

Best practices for UI that introduces new users

I'm working on an onboarding UI to help new users get familiar with 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 ...
34
votes
8answers
5k 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 ...
33
votes
5answers
5k 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 ...
30
votes
4answers
4k 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 too,...
30
votes
10answers
6k 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 ...
27
votes
4answers
22k 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. What'...
27
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 ...
26
votes
5answers
3k 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 ...
25
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. ...
24
votes
7answers
7k 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
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 : ...
23
votes
7answers
3k 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 ...
23
votes
8answers
10k views

Is there evidence to suggest that designing tabs within tabs creates a bad user experience?

I'm designing a complex web application and my colleague believes that using a tab panel is a bad idea. I'm more ambivalent. Can anyone point to any evidence (anecdotal or research-based) that could ...
21
votes
2answers
4k views

Two forms to choose from, choose only one

I've got one screen with two API options available (web tool). Both forms include a title and two input fields. The user can only choose one API at the time. Now, I've tried checkboxes, a dropdown ...
21
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, ...
20
votes
2answers
13k 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: ...
20
votes
2answers
5k 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: ...
19
votes
4answers
7k 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 ...
19
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 ...
19
votes
3answers
8k views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
19
votes
5answers
9k views

Guidelines for when to auto-save settings vs “save” button

In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
19
votes
3answers
5k 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 ...
19
votes
4answers
7k views

How to handle conflicting updates of a customer record

We are developing a simple web based single-page CRM-like app. I was thinking about what happens when two operators are both editing the details of a customer "John Doe". On the server side we use a ...
19
votes
5answers
719 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 ...
18
votes
4answers
3k 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 ...
18
votes
7answers
4k 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
5answers
366 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
4answers
2k views

When should an 'archived' or deleted row disappear from a table?

Rather than show a confirmation dialogue when someone wants to archive a project (each row in the animation is a 'project'), I've decided to immediately archive, with the option to undo. My question ...
18
votes
7answers
4k views

User Profile, My Account, or just Settings?

I am writing a little webapp, and am stuck on a UI hangup. I have a global menu bar at the top of the screen, that when the user is signed in consists of: Signed in as Joe User (with username as ...
18
votes
4answers
4k views

How to expose the keyboard shortcuts of a web application to the user?

I just added some basic keyboard shortcuts to a small website I am developing. I am wondering what is the best way to expose these to the user? I noticed that Gmail shows an overview if you press ?. ...
17
votes
6answers
3k 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 ...
17
votes
6answers
4k 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 ...
17
votes
5answers
6k 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 ...
16
votes
6answers
2k 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 buttons. I think of making them different. But is it a good practice? Some people recommend primary ...
16
votes
7answers
2k 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 ...
16
votes
3answers
908 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 ...