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

learn more… | top users | synonyms

16
votes
7answers
589 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 ...
4
votes
3answers
163 views

Do Top Rated / Most Popular sorting features drive more conversions?

I'm trying to design an ecommerce concept around the idea that good sorting increases conversions. It's just an assumption, but based on my experiences and a few conversations, I'm wondering if an ...
0
votes
1answer
233 views

Best Practices for Code Editor and Auto-complete

I am working on a code editor application. The app will be web based and currently I am trying to investigate different best practices and value add to give the developers a reason to use the app. ...
2
votes
1answer
182 views

Which verbiage is appropriate for a combined login/register button and why? [closed]

I'm creating a combined login/sign up form. When the user clicks the action button an ajax call is made which either: Logs the user in, if the account exists. Signs the user up, and then logs them ...
3
votes
2answers
200 views

Table builder - Drag-n-drop vs. clicking through dialogs?

I am working on a design of a module for a web application. The web app is to be used on desktops and tablets - in the newer browsers (IE9, CHrome, Safari, etc.). One of the tasks that users have to ...
1
vote
2answers
173 views

Approach for designing iOS themed icons representing ranks

I am creating an educational web app for a desktop browser that looks similar to an iPhone app using the default web stack composed of HTML5, CSS3, and JavaScript. I am wondering if it would be more ...
7
votes
5answers
760 views

Should image overlays have a close button?

There is a link which when clicked displays images as an overlay (translucent black background, center aligned image). Clicking outside the image or pressing escape key closes the overlay. At present ...
4
votes
2answers
126 views

Should the comments/discussion slide-in from the side?

I'm implementing something similar to source control (like GitHub for flow charts) where users will have a list of changes that can be submitted. On this review page they can click on a change to see ...
1
vote
1answer
114 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
268 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
2answers
876 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
92 views

Managing properties in web app

I have an MFC Windows application and I'm doing some research to see whether the software can be ported to a web app. Currently the MFC app uses quite a few CPropertySheet / CPropertyPage (also known ...
2
votes
2answers
220 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 ...
3
votes
2answers
329 views

Vertical scroll down navigation for Facebook app?

I am designing a web app that must live both as a Facebook app and on a external website. The website is designed as vertical scroll-down website with 3 sections. How do I translate this kind of ...
4
votes
1answer
131 views

Elements running from the viewport perimeter, is there a name for that functionality?

So you know how if you right click on your desktop, the menu will appear either at the top-left, top-right, bottom-left, bottom-right depending on where your cursor is on the page? (<select> ...
0
votes
3answers
104 views

Object creation and managing in web application

This is a very simple example, but say I have a page where the user can add pets and edit or remove existing pets. At the moment I can't decide if I should use one page from creating and managing the ...
8
votes
3answers
623 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 ...
1
vote
1answer
144 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
699 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
145 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 ...
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
188 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
3answers
158 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 ...
2
votes
1answer
288 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
153 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
2answers
436 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
534 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
568 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 ...
5
votes
4answers
657 views

Best possible way to test a Web app or Website?

I am assigned to test a new web app that my company has to release in few weeks. Though through continuous testing and forking I indeed found some bugs. But I want to make my testing more foolproof. ...
2
votes
1answer
234 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 ...
11
votes
5answers
532 views

How best to show the 'weight' (importance) of bullet-ed items in a non-intrusive (creative) way?

I have a web page with a bulleted list of items each with an associated weight i.e. level of importance. The bullets are of equal width but not necessarily of equal height. Here's a graphical ...
1
vote
5answers
232 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
3answers
179 views

Display that a text input is not applicable

I am using the top row of an HTML table as a 'copy down' control row. So you can over-ride the values in the rows you've selected below (each row has a check box - similar to the phpMyAdmin ...
1
vote
1answer
318 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
191 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 ...
2
votes
1answer
131 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
233 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)?
3
votes
3answers
238 views

What do you think about the results of 3M Visual Attention Service's Web App?

First of all if you haven't heard of this service here's the link: https://vas.3m.com/ This online app generates heatmaps: you get 5 credits free at first, with which you can analyze the pictures ...
8
votes
5answers
1k 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
1answer
52 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
103 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 ...
1
vote
2answers
353 views

Why has web annotation so far been a failure?

It seems that through the use of browser extensions, web annotation could provide an awesome way to 'add more channels' of data to an existing web resource. Given the limited technical challenges, and ...
25
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 ...
2
votes
3answers
182 views

How do I figure out what people need by observing?

I'm taking an online HCI class over at https://www.coursera.org/ Our first assignment is a "needfinding" assignment, where I'm supposed to observe people and come up with an idea of how technology can ...
10
votes
7answers
463 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 ...
4
votes
2answers
156 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 ...
0
votes
2answers
148 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 ...
5
votes
4answers
235 views

Does it make sense to show a referrer-specific greeting to users?

There's a jQuery plugin that displays specific greetings to users based on the location they reached the current URL from. If they found it through Google, it would show a greeting that mentions ...
0
votes
3answers
512 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 ...
0
votes
2answers
103 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 ...