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

learn more… | top users | synonyms

1
vote
1answer
169 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 ...
10
votes
3answers
339 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 ?. ...
2
votes
2answers
125 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 ...
0
votes
1answer
140 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
113 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 ...
2
votes
3answers
134 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 ...
0
votes
0answers
68 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
241 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
106 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
7k 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 ...
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 ...
0
votes
1answer
93 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 ...
1
vote
2answers
65 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
39 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
105 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 ...
4
votes
2answers
147 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 ...
36
votes
5answers
4k 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 ...
2
votes
1answer
73 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
969 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
65 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
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 ...
0
votes
4answers
120 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 ...
2
votes
2answers
136 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 ...
5
votes
1answer
101 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
82 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
150 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
59 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 ...
0
votes
1answer
118 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. ...
1
vote
1answer
194 views

Which button form is better from a user experience perspective? Rounded or Boxed?

Could either be confused as labels? Any other criteria to consider?
2
votes
1answer
78 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 ...
1
vote
2answers
152 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 ...
2
votes
2answers
157 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 ...
0
votes
0answers
51 views

Interface for selecting based on two fields

I have a web application that has several select lists, some of them are plural and some of them are singular and user should select just one item. In both cases users should be able to choose their ...
1
vote
1answer
62 views

Payment Received/Outstanding Interface

We're working on an internal tool to show and edit the status of payments received. To give you an idea: Is there a better way to represent this? Each row is associated with an item and there ...
0
votes
3answers
98 views

How to compactly present several graphs

I'd like to present my user with several pre-defined different graphs (of different data), while not taking up too much space. My initial try was to aim to use small tabs, but hallway testing found ...
1
vote
2answers
89 views

Encourage users to Like/Dislike proposals

I am working on a marketplace for which clients get constant proposals from service providers. The proposals usually include an image, description and price. A large number of the clients browse ...
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 ...
2
votes
1answer
148 views

Redesigning workflow of bidding application to reduce cognitive load

I am currently working on a pet project to port and redesign a native Windows-based app onto the web. It acts as a booking aggregator, providing a platform for service operators to bid, share, and ...
1
vote
1answer
134 views

The best way to show several related tables

I have three or four connected tables, and I really wonder what's the best way to lay them out in a page? One table is for Roles. Second table is for Users. Each role might have several users and ...
1
vote
3answers
106 views

When entering data, should the user be authenticated on clicking “Create” or “Save”?

Having the two options: Check if user authenticated upon "Save" button click (when the input dialog is shown and filled in with the data) Check if user authenticated upon "Create" button click ...
4
votes
2answers
375 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 ...
4
votes
3answers
158 views

How do you allow users to undo actions when the application supports autosave

Many web applications adopt the 'autosave' design pattern for a number of different reasons. One of them is so that changes are not lost when users have completed a number of tasks or actions and ...
0
votes
1answer
103 views

Enterprise scale Responsive Hierarchal Multiselect?

I have a question and I've searched all over the web for some inspiration but all the solutions are either unwieldy (the server load would be attrocious) or would blow out a user's eyes with the ...
0
votes
0answers
67 views

Simple or Complex Workflow Choices

My question is much along the lines of this one: When is it appropriate to use a complex interface, and when we should keep things simple? I am by no means a designer; in fact, the company I work for ...
0
votes
2answers
213 views

Users not recognizing tabs

I have a website typingspellingmath.tk and usually when I show someone the webpage they will not recognize the text on the top is links. What can I do to make users recognize the links such as color ...
1
vote
1answer
116 views

Why aren't ellipses used for web applications?

In many desktop applications, it is common to use the "..." to signify that the user should continue one or more steps to achieve some final outcome, as evidenced by this post (and others like it): ...
1
vote
1answer
109 views

From a UX point of view, what is the preferred way to develop cross platform apps in 2015? [closed]

My organization is looking to develop a cross-platform application. I see that there are a large number of frameworks available that translate javascript of HTML5 code into native apps for iOS, ...
3
votes
1answer
229 views

Showing Notifications on the UI on main page of Website

I want to show the notifications as response of every user action (e.g. configuration added in database, cant load data for selected conf. , server disconnected etc) on my website's main page. What ...
1
vote
1answer
204 views

Should I display progress bar for completed jobs?

I have a webapp with list of background jobs (interface is similar to this template). It displays progress bar on each job. Queued jobs have indeterminate style, running have some percentage and ...
5
votes
2answers
230 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 ...