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
114 views

New window icon opens link in new window but regular link opens link in same window

An application development team has recently requested to overload the standard open in new window link with a dual purpose set. I.E the regular text link as mocked up below would open the link page ...
8
votes
2answers
556 views

Is it good to change keyboard's input language automatically in JavaScript?

In some websites and web applications, there are forms to be filled by the end user. In multilingual contexts, some developers try to change the input language of the keyboard, or hook to the field ...
1
vote
2answers
129 views

What is a good analogy for a custom selector?

I'm working on a project where the user has a list of labeled input fields and a bar above with some options. This is how it looks (simplified): I'm now looking for an element the user can use to ...
7
votes
3answers
557 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
2
votes
3answers
149 views

Styling links in a web app

I am building a web app that will have a large number of clickable elements. The problem is if I style this with web best practice i.e. different colour/underlined etc the app looks a mess due to the ...
1
vote
1answer
108 views

How to display and label 5 essential and linked numbers in a table/dashboard?

I need to display 5 numbers. These numbers are essentials and display a summary of all the dashboard. This web application will be use by professional who already work with this kind of data. Here is ...
4
votes
3answers
241 views

Communicating changes and new feature in my web application

We are currently in the early phases of developing a web application for a client. We have regular sprint demo's during which we take the client through the new features and changes from the last ...
2
votes
1answer
256 views

How should a user exit an intranet web app with automatic login?

We have an administration tool which is a installed locally on a server and accessed through a browser with automatic log in using AD. When the user navigates to the page, they are automatically ...
1
vote
1answer
137 views

I'm making a horizontal touch-controlled carousel; should each slide move with or away from my finger?

My carousel is just a generic rectangle with multiple slides which loop around: ---- | --------- | --- /* Where | is the page boundary and the boxes make up slides 3 ¦|¦ 1 ¦|¦ 2 ...
2
votes
1answer
162 views

UX for specifying & showing mutual exclusive pairs in a group

I'm working on a SaaS/B2B web app that includes forms that allow choosing and later showing mutually-exclusive pairs among a small number of options. Here are some examples: if the customer buys ...
2
votes
2answers
347 views

Is there any public research on effectiveness of activity indicators, progress bars, and progressive loading?

Activity indicators (spinning wheel) and progress bars are very common across many applications. A new approach I have noticed is when an application shows the containers of the page or content ...
7
votes
3answers
522 views

How to display month name in a small form?

I have to display a form with 12 months and for each month a number input and a toggle button. This form is in a pop-up so I don't have a lot of place. I did two columns with six month per columns. ...
2
votes
3answers
522 views

Web-Based SQL Query Builder

I've built a simple web-based query builder using a series of dropdown lists such that the only typed input is the final value field. In the example above simply adding the filters consecutively ...
3
votes
2answers
241 views

How do you indicate an element is moveable by keyboard arrows?

I am building a drag and drop interface where elements can be moved by a mouse or by the keyboard arrows. How should I 'tell' the user these elements are moveable using the keyboard? Any idea or a ...
3
votes
2answers
145 views

Bug tracker add remove project member from the project UI help

I am working on a bug tracking system. Currently I am working on Add/Edit projects screen. A user will be assigned to a project, and an admin can add/remove users from the project. So below is what ...
2
votes
1answer
215 views

How do I best deal with this information overload?

This represents a category of job times, which are broken down into timeframes. Timeframes have: Total (if fake is 0, shown without T, else with) Fake (hidden if zero) as F Built as B Scheduled as ...
1
vote
1answer
254 views

Keyboard shortcuts in a new business web application

I have read so many articles here on UXechange and did not really get any further, so I dare to ask this onceagain. We're planning a new web-application for inhouse business (we are using IE9). Our ...
4
votes
4answers
177 views

Should filters reset on refresh?

I have a web app with a list of results that are filtered by date. By default, only the last 3 years of results are shown, but you can change the date filter to whatever range of dates you want. I ...
1
vote
5answers
225 views

Is it ok to change the label of a button depending of the user's choices?

Let's take the example of a page at the end of an app signup process. This page will allow the user to finish the process, so I will place a button labeled "Complete Your Registration" and in the ...
1
vote
2answers
86 views

Bug tracking add new bug screen correct positioning of fields

Below is my add new bug screen, I have the following fields, with the below layout. I want to add an another field called "project:" which will be a a drop down filled with all project name assigned ...
2
votes
1answer
127 views

Add bug screen, design / layout suggestion

I am working on a bug tracking system, below are two design/layout I have for the 'add new bug' feature. Screen 1 Screen 2 Which of these two screen look more intuitive ? Any help or ...
-2
votes
2answers
203 views

Long response time from server, what to show instead of a loading image?

I have an API of Web Service, which has a long response time in some cases. What should I show instead of a regular loading image to keep the users feel good (so that users do not get frustrated)?
2
votes
2answers
214 views

Integrating a company web page and access to web apps once signed in - best practices / great examples?

Some companies, like Fitbit, integrate the corporate web site and their apps seamlessly and allow the users to navigate between the two experiences - the official company web site and personal Fitbit ...
0
votes
1answer
48 views

booking app and account deletion

I am building a booking app where regular users will be able to make bookings for business users. Regular users will connect to the frontend of the site and business users to the backend where they ...
1
vote
1answer
97 views

How can Gmail-like “on-page” dialogs be improved to facilitate long form writing?

Caveat: I was inspired by this UX.SE question, and have reused an image from it. Recently, gmail has switched its "reply" function to use an "on-page-docked" window. Responses to this new UI have ...
8
votes
5answers
995 views

Web App - How to grab the user's attention no matter what! (notifications)

I'm working on a web application that, among other things, receives orders for a business. There's a page where the orders are listed, and it is refreshed at fixed intervals so that the list shown ...
0
votes
3answers
197 views

Disabling all text selection by default on mobile

From my perspective disabling all text selection by default on mobile is the correct approach. In almost all mobile web applications/frameworks and native mobile applications, by default you will be ...
4
votes
2answers
144 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
2
votes
2answers
681 views

What are some guidelines for designing a good pop up message for your webapp?

I’m trying to build a guideline to refer to when creating alert/pop up messages Are there any recommended "rules" as to: The inner layout - Centering vs aligning the content of the message to the ...
0
votes
0answers
16 views

What are some resources to learn writing Microcopy [duplicate]

I am researching the practice of communicating with a user what should he ought to do next while using your webapp. This is a great example ...
0
votes
2answers
142 views

Good way to choose a different scale for charts

For a web application, I am looking for a good way to select the scale used in a chart. First, let me explain the scenario: I have some data that I want to show as charts. The data is a number from 1 ...
9
votes
7answers
451 views

How to explain that a data is only in localStorage?

I'm currently working on a web application where the user can enter some data. Unless the user is logged in, the data will only be stored in localStorage (i.e. in his browser). I will support syncing ...
0
votes
3answers
435 views

What are best practices for blocking UI when application is busy

I'm writing a web app using Twitter Bootstrap with PHP on server side. My app makes regular ajax requests via jQuery and i want to disable certain parts of the UI until the server completes processing ...
3
votes
3answers
469 views

Should Ribbon be used on the web?

I'm designing a web application which has a large number of commands and customizations, with many more to come in the future. I've read a number of things on usage of the ribbon, from MS's ...
0
votes
2answers
97 views

How to call collectively top-level elements of the interface common to different screens

I am looking for a common, collective word that describes major parts of the interface of a web-app which are seen on many different pages/screens, as opposed to parts of the interface specific to a ...
1
vote
1answer
181 views

How do you measure performance/success of web based applications?

When I find/read articles about analytics and especially setting KPIs, they're always about websites & web shops. As I'm now more into web based (business) applications including mobile versions ...
5
votes
1answer
237 views

When to use a group of radio buttons and when to use a select drop down

I have a step in a wizard scenario. The user has a choice of 3 options before they can tap 'Next'. For those 3 options do I use a select drop down list or a group of 3 radio buttons?
3
votes
4answers
128 views

On a form wizard step what input type/s shall I use for when there are two options?

Ok so I have two options on a wizard step e.g. Option 1: Go to step A, Option 2: Go to step B. What is the best input method to use in this situation? The wizard generally has more complicated steps ...
3
votes
2answers
842 views

“Click-and-drop” alternative to drag-and-drop, for accessibility (and maybe mobile-web)

I have observed some people fumble with a mouse. They seem unable to synchronize clicking the buttons and sliding the mouse consistently, to where they drag things when they only meant to click on ...
3
votes
4answers
145 views

Showing the number of events per day over a month

On a web app that I am building, one of the screens need to show, for a month period, the number of events on each day. I've tried the following: Showing the information on a calendar. This feels a ...
1
vote
3answers
217 views

Best-practices for context-sensitive reports download section

Imagine a web-application that lets student take tests, analyzes the results and presents them to school administrators. The dashboard shows various stats, score break downs for the school overall, ...
4
votes
1answer
183 views

How to display an error log/report for user?

My web application is supposed to display the trace and a error report after process and shows for each uploaded files all the errors and operations accomplished. Here's a simplified and really ...
1
vote
2answers
156 views

entering multiple, role-specific contacts on a customer record

Our business-focused web app helps small vendors manage food deliveries to small or large companies. I'm looking for UX ideas for the part of the app where users enter contact information for delivery ...
16
votes
5answers
2k 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 ...
4
votes
1answer
72 views

Representing a plugboard in a web interface

I'm currently making an enigma machine in JavaScript (early working prototype here). I've now just reached the stage where I need to implement the plugboard. Now the plugboard is a set of 26 ...
0
votes
2answers
111 views

Should a new feature pop-up load after page finished?

When trying to expose a new feature to a site I'm using a pop-up that explains the change. Similar to what Google is doing across their products. An example: My question is if it is important to ...
2
votes
2answers
222 views

What is the best way to display the individual results of a survey?

I'm creating a UI that allows a client to review the individual (and global, but that is for another time) results of a survey once it has been completed by another user. The question types are pretty ...
1
vote
0answers
55 views

Managing UX technical debt in a new application [duplicate]

I am an SQA working on a new Learning Management System, that will launch in the next month. I think the system is very ugly and has bad UX. We are using JSF and Prime Faces and my team does not ...
1
vote
2answers
180 views

Managing/organizing a portfolio of UX for a company

Working as a full-time UX professional for a company, after a while you can build up many projects that should also be kept track of and watched carefully. If you think about a site as having an ...
0
votes
1answer
96 views

When using Paypal, how to account for shipping cost when not knowing the buyer?

I've put together a webapp where users can list their articles for sale with a price and the payment is done via paypal. Now caluclating the price for the payment won't really work if there is ...