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

learn more… | top users | synonyms

2
votes
6answers
711 views

Ideal color palette for 24 colors?

I'm making a simple collaborative whiteboard app just for fun and I originally had a color picker with all the colors but the few friends I showed it too said it was too much and they aren't artists ...
0
votes
3answers
121 views

UX improvement impact on revenue of financial institutes

Is there any quantitative study that shows how UX improvement can increase revenue of a financial institute? For instance, for each dollar we spend on improving UX of our web apps, roughly how much ...
4
votes
2answers
457 views

UI pattern: assign to list + details

assigning items to a list is well-known UI pattern and is already discussed at ux.se. Example: download bmml source – Wireframes created with Balsamiq Mockups The case I've stumbled on ...
8
votes
4answers
1k views

How should email threads be ordered?

I thought I had the answer to this question. If you view raw email, you can see that the most recent email is at the top, with the rest below in reverse chronological order. I think it's fair to say ...
0
votes
2answers
99 views

Is currency symbol enough to figure out the culture

I want to figure out a culture by passing just the currency symbol, however, I'm not sure if that is a good method? I was also wondering if the currency formatting is dictated by culture or by the ...
0
votes
2answers
87 views

Best way to redirect with a different url an user from an old version to a new version of a Website

I have a web app based on an older web app which is going to be deprecated soon (databases no longer updated). What is the best way to redirect the user from the old web app to the new one ? I don't ...
0
votes
2answers
146 views

Displaying add & edit note actions for each row in a table

I work on a web application and i have a list of users. On each user i can do some actions (Enable/Disable and Add/Remove Tax). Now my users could have need to add some note on a row, for example I ...
0
votes
1answer
80 views

changing the browser address bar / window color

I'm looking for a solution for a dashboard. Users will be able to see the dashboard in the "see as other user" mode (they can see someones else dashboard). For that I need solution to clearly ...
0
votes
1answer
91 views

Should painting apps use right click?

I'm just making a simple painting app for practice using canvas and I can't decide whether or not I want right click to do anything. For example, in Microsoft Paint you can have two colors and use ...
1
vote
1answer
280 views

Monospaced font choice with Material Design

In our application, we adhere to Material Design as much as possible. But the Material Design specification doesn't include any information about a monospaced font. I need to render a set of tables ...
2
votes
2answers
129 views

What cursor would let the user know they need to double click a cell?

I have a cell in a column that is editable by the insertion of text. The user is able to add the text manually once they've doubled clicked the cell. What is the best cursor to display on:hover to let ...
3
votes
2answers
186 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
0
votes
1answer
174 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
1
vote
2answers
133 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
69
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
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 ...
2
votes
3answers
151 views

Onboarding suggestions for a redesigned web app?

I'm beginning work on designing the onboarding process for a redesign of one of my company's products, a platform for managing websites and other related services. Are there any best practices for ...
6
votes
3answers
1k views

Why is the new Twitter menu bar on the bottom on iPhone?

Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms. But, because of this goal I couldn't help noticing ...
0
votes
0answers
94 views

Web app UI to fit in to a mobile screen

There is a web app that has a UI like this. Let's call this the estimate builder. The user can add as many estimate items as he wants by clicking the blue button at top right with a plus sign. Also ...
2
votes
2answers
341 views

Add Another Item - best pattern for modals

For this application I am designing, we need to add one or many items to a grid. We have chosen to add the items via a modal dialog due to complexity in certain scenarios that would not be possible ...
2
votes
2answers
132 views

Mobile First for Enterprise Applications?

I'm working on a fairly complex Enterprise Web-Application which will mostly be used with desktop computers. However, it also needs to work with mobiles and tablets, although this will be less common. ...
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 ...
1
vote
1answer
418 views

A Good “Invitation to Connect” Experience

We are building an "connect with your friends" part of our app and I am curious about a good way of doing this. My first thought is do like everyone else, so I looked at Facebook, twitter, LinkedIn, ...
5
votes
3answers
474 views

What are the typical best practices for handling reporting/flagging inappropriate content on a social/UGC site?

I'm designing a site that is driven by user-generated content and will not be heavily moderated. So users need to be able to flag/report inappropriate content and users. I've read that if the asset is ...
5
votes
1answer
107 views

Where to redirect after inviting someone?

We have 3 states for Users: Active, Invited and Disabled. Each user with the specific state is broken into a different tab. For example: download bmml source – Wireframes created with ...
0
votes
1answer
61 views

Switch to realname from username [duplicate]

I'm the only backend developer for a Drupal site and we seldom encounter technical difficulties. The last one was with an AJAX call and to resolve that, I suggested we switch to realname from username;...
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. ...
0
votes
1answer
127 views

User-friendly date interval/duration input

I'm building a configuration page for a web application and some of the parameters are durations. Most of these durations are in days but there are some that might be specified in weeks, hours, or ...
5
votes
2answers
239 views

How to bring the detail view into a sidebar

I have an sidebar similar to this example Home Objects Management* Foo Bar Baz Objects > Management is basically a list of all objects. Each object has a detail view. Workflow: Navigate to ...
4
votes
2answers
171 views

Best way to switch views inside widget?

I am building a web application, and I am currently using Floating Action Buttons in the bottom right hand corner of certain predefined widgets to toggle between a main view and a settings view as ...
1
vote
2answers
67 views

Grouping and present a part of the form as optional

I have a "create project" screen. Here the user may choose to add members to his project. I.e adding members is optional and can be added later too. But i want to present him an option to do and start ...
0
votes
0answers
41 views

Screen layout for a form with research space

I'm building an application that will present a form to a user. In order to fill out the form, the user does a quick bit of research. Typically this involves jumping between a few documents, with ...
1
vote
2answers
111 views

What do you expect to see when you click an order's item?

we are building a site in which you can purchase products, virtual products and virtual courses. Now the 'My Purchases' page got some complications. We are displaying the orders in a table with the ...
2
votes
1answer
79 views

Shortcut to save a document?

With the offline programs the convention (at least in English) is to type Ctrl+S to save a document. However, in many online web(app)s the convention is to type Ctrl+Enter to submit the current form, ...
6
votes
2answers
981 views

Does apply 'mystery meat navigation' to sidemenus on web applications?

Recently I noticed several popular web applications which go for sidebar navigation without labels. E.g. Evernote or Taiga Is it ok for sidebars? As most users will use those applications several ...
2
votes
1answer
77 views

Should number input fields also include dividers { . - }?

When we sign in to our online bank we often use our social security number which from the government has a dash in it. As in YYMMDD-XXXX (for Swedish). And when we want to transfer money from our ...
1
vote
2answers
200 views

How to present users with multiple service options?

We currently have a marketplace that allows users to create a project, enter specs and service providers fulfill the service. We want to show a new option on our website which is to provide a ...
1
vote
2answers
130 views

What to do if the requirements for an action are suddenly not met anymore?

On a website users (members or guests) can play a browser game against other players. Members can choose between two actions: They create a new game and wait for other users to join. They join a ...
6
votes
2answers
2k views

Inline vs Modal Dialog Editing for complex widgets

I am building an application where user's can create very complex widgets using a browser. The two main approaches I can think of to allow for this is inline editing and modal dialog boxes. Unlike a ...
0
votes
4answers
121 views

What behaviour is acceptable for checking data back in when a browser window is closed?

I am designing a tool within a webpage where users can check out a dataset, make changes to it, then check the data back in so that another user can work on it. I have covered the eventualities of ...
0
votes
1answer
277 views

Does Canadian Accessibility law (AODA) apply to Internal Web Applications? [closed]

I am working on an internal web app for our clients and have come across a request for AODA compliance by my manager. In Ontario, Canada: it is required by law to comply with these guidelines: http:/...
0
votes
1answer
100 views

How to manage a dashboard displaying resources production/consumption?

Let me explain the context. The user has a list of Factories. Each Factory produce 1 to 5 Resources. For producing a resource, the factory consume 1 to 3 resources. I need to give an overview of all ...
1
vote
1answer
175 views

Best way to show the user a div have more details, will be shown upon click - arrow/grid icon/'>>'/'more details'?

I have Four divs on my homepage. Every div is showing a number and a indicator. But I have further details for each of the div which will be shown upon user click. Now I want to know what is the best ...
1
vote
1answer
61 views

Low feature usage on desktop - should I keep it?

I have geo-lookup feature that we implemented primarily for mobile users as their use case requires it. But on desktop the feature works in a similar way but the users just type in a location. The ...
1
vote
3answers
304 views

selecting multiple items from a short list, and marking one of them as “leader”

Several forms in our B2B web app allows users to choose multiple items from a short list of items. Here's one example: Now I need to figure out a pattern to allow users to choose a "leader" item ...
0
votes
1answer
137 views

Which is clearer - cog/spanner/wrench icon for desktop website settings, or a text label?

Building a web-based tool which will really only be viewed on a desktop web browser (due to a restricted corporate environment). Trying to keep it as minimal as possible with no superfluous features. ...
7
votes
3answers
831 views

Why doesn't YouTube append the video title to the video URL?

How come YouTube doesn't append the video title to the video URL? I know they are owned by Google so good SEO isn't exactly necessary, but from a user experience stand point it makes much more sense. ...
1
vote
1answer
197 views
2
votes
1answer
83 views

JavaScript driven apps that don't use hyperlinks for most actions. Isn't is super annoying? [closed]

I see a glaring issue in many popular implementations of the modern web app -- not using hyperlinks for all actions. Steam is definitely the worst offender I have experienced so far. If you have ever ...
2
votes
2answers
192 views

Enterprise web application - lots of data and tabs

We have an enterprise web application that has lots of data, currently separated into different tabs. Usually, the user access the data from a list view. We are considering using a Windowed ...