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

learn more… | top users | synonyms

11
votes
5answers
558 views

What should the “save” button be called when editing inline?

In our application, users can click "rename" to perform inline editing of the name of the current document. When they're done editing the name, they click a button to save the change. I'm trying to ...
11
votes
3answers
1k 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 ...
11
votes
5answers
673 views

Making it clear which items in a long list are selected

I'm trying to design a portion of a web interface that allows users to tag items and view all items with a tag or set of tags on them - think gmail, if gmail allowed you to easily select multiple tags ...
11
votes
4answers
375 views

Complicated date field with range option

Context: I'm designing a web form that allows users to enter information about some work they've created (title, description, image, etc). One of the optional fields will be a date field. After ...
11
votes
3answers
552 views

Move filter from sidebar to top?

Has anyone moved their sidebar filter (similar to eBays filter, left example) to the top (YouTube example)? How did the users respond? I'm tempted to put it on top to keep the UI clean and tidy, but ...
11
votes
2answers
333 views

How can I make the purpose of a complex user interface element more obvious?

I am the author of SQL Fiddle, an online environment for testing and sharing database problems. The target audience for my site is for pretty technically-sophisticated users (database programmers, ...
10
votes
6answers
773 views

'Exit' or 'Log Out' to leave your session.

There is a button on a Kiosk style web app I am developing that destroys all session variables and chucks the person back to the logon screen (logging them out). When I took the project over the ...
10
votes
2answers
3k 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: ...
10
votes
3answers
613 views

Pros/Cons of date- and datetimepickers [closed]

What pros and cons do you experience when using datepickers in web forms or software? What do you think is missing sometimes? What bugs you when using a datepicker? I want to know, either from ...
10
votes
4answers
1k views

Alternative graphical representation of a goal achievement?

The client has a set goal X that he wants to achieve every month and he wants this represented graphically and I agree that it would be a good way for people to easily see how far along they are. The ...
10
votes
5answers
442 views

How to handle selections with a lot of options?

In a web app, let's say I have a list of options for the user to select from. I would usually use a drop down in this case,if there is a reasonably small number of options, but how should i approach ...
10
votes
7answers
456 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 ...
10
votes
3answers
271 views

Should general 404 page be shown to the user if he clicks one-time link second time?

There is a Sign up function in a web application. After user signs up, an email message with confirmation link is sent to his email address. This confirmation link is obviously valid only one time. ...
10
votes
3answers
1k views

Single or Multi page web application

Is it better UX wise, to build a web application with traditional multi-page transitions or to have a single page application where the other components of the page use AJAX and jQuery to load content ...
10
votes
1answer
974 views

Case studies on using gradients in a design

Are there any case studies on the use of gradients in a web design? I'm looking for answers similar to this answer about the usability of rounded corners. Specifically, I'd like to know: Is there a ...
10
votes
4answers
597 views

How do I represent null values in a line chart?

I am building a web-based analytics platform. I am looking to plot a line chart that represents the number of seconds it took for me to reach a live service agent via phone on a given day. In the ...
10
votes
5answers
795 views

Folding columns of a kanban view

In our enterprise management software, we use "kanban" views for different purposes; pipeline of business opportunities, tasks, recruitment process, bugtracker, etc. The example bellow shows the ...
9
votes
6answers
296 views

Is speed the most important factor in mobile applications?

I've been noticing a trend when using my phone for music at work. Sites like Bandcamp have an excellent mobile site that is simple and intuitive. However, once I find a cool group on Bandcamp I end up ...
9
votes
4answers
634 views

Whats the best way to present interface ideas to stakeholders?

My current preferred method of developing and testing ideas for interfaces I'm designing is creating interactive, sketchy, grayscale prototypes using Axure. I find using grayscale helps put the focus ...
9
votes
4answers
609 views

For a web-app, how to differentiate “cluster” marker icons from normal icons on a map?

We have a map with around a dozen different kinds of markers, and there are too many to display at once so we're using cluster icons to represent multiple markers that are close together. What ...
9
votes
3answers
304 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
9
votes
3answers
4k 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 ...
9
votes
4answers
870 views

Is UX Copyrightable?

After the recent "Look and Feel" Apple vs Samsung lawsuits, I've been wondering to what extent this might affect websites/webapps that offer functionality similar to other existing sites. So what ...
9
votes
5answers
692 views

Most intuitive way to offer manual sorting? [duplicate]

all. I'm designing an online form builder (think Forms in Google Docs / Spreadsheets). The functionality is complete, but I'm not happy with the sorting capabilities. Everyone that I have done ...
9
votes
3answers
382 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 ...
9
votes
4answers
822 views

How to present Actions (eg. CRUD) buttons without taking focus away from main content?

I am looking for a way to present Actions (eg. CRUD) buttons while not taking focus away from main content. It'll be great to see examples of good application design (I am doing a web app (probably ...
8
votes
6answers
806 views

Is the “Help” feature really helping?

Almost all apps/sites have a feature 'help' regardless of type and subject of the app/site. I have rarely seen people using the same for their benefit. I would want to know if it's worth putting the ...
8
votes
6answers
821 views

Key dimensions to efficiently describe a user interface

What is clearly thought out is clearly expressed and there is certainly a way to efficiently describe and classify the various user interface types that have spread. At the UI components level, ...
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 ...
8
votes
4answers
341 views

Background images in input boxes

I have been experimenting with right aligned background image treatments in input boxes for the web lately. Are there any rules of thumb for this type of implementation? Is it considered great ...
8
votes
4answers
757 views

Action confirmation through double clicking (click-twice confirmation)

Clarification: Let me clarify first: By double-click I mean clicking something twice but not in a quick succession. So here is the question/suggestion: Usually on the web applications, designers have ...
8
votes
2answers
593 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 ...
8
votes
4answers
538 views

Software screenshots on landing page

I have a landing page for a webapp. I heard that showing screenshots of the software might hurt conversions. I know that the answer is to test and find out for myself, but what do people think? ...
8
votes
5answers
226 views

Update list when a user is viewing the list without annoying them

We have a list of items that the user will be interacting with frequently during sessions. Each session will last a minute or two and during that time they are changing state on items and updating ...
8
votes
3answers
2k 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 ...
8
votes
3answers
389 views

App icons borderless or on a button?

In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
8
votes
2answers
796 views

Search form vs. unified search in a web application

I am looking for some help regarding UX/design guidelines targeted at (web) application internal search functionality. I have tried searching the Google and this site, but the overwhelming majority of ...
8
votes
2answers
374 views

Differentiate between exact date and date period (e.g., month vs. month of year)

I'm working on a web-based reporting system that allows users to create ad-hoc charts. The user selects the data to be analyzed (e.g., sales dollars, sales volume, number of employees, etc.) in ...
7
votes
5answers
503 views

How to say that an online demo is interactive in 2-3 words?

Basically, they can play around with the app, to get a feel for it in a advance. The target audience is business owners who may or may not (likely not) be technologically inclined. Demo implies that ...
7
votes
2answers
1k views

Disable or remove close button

The initial situation is: a user clicks on a preview image that triggers an overlay to start a video. The overlay has an "X" button in the top-right corner that stops the video and closes the overlay. ...
7
votes
5answers
473 views

Most Logical Sudoku Interface?

I'm working on the front end for a sudoku program I wrote for fun. I'm debating which interface is most logical: an interface entirely click-based, or a standard keyboard entry method. Click Based: ...
7
votes
5answers
710 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 ...
7
votes
3answers
216 views

Should survey for canceling subscription be before or after the subscription is canceled?

We want to collect data about why our users cancel our product subscription. Should we put the survey form on the same page? Since it might be more likely that they will fill it in, but probably at ...
7
votes
3answers
1k views

Toggle button for actions

In our web application, we have a list of items for which multiple actions can be scheduled. If an action is available but not selected, it is displayed as a gray button. When the user clicks on it, ...
7
votes
4answers
1k views

Should a search page have a clear button?

Its probably a very subjective question, but here it goes....We're building a website that will provide basic and advanced search criteria. The advanced search criteria will be upto 50 fields, ...
7
votes
3answers
524 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. ...
7
votes
3answers
665 views

Pros & Cons? - Single dropdown VS double dropdown VS multi level dropdown

I’m working on an application with some complex dropdowns which have selectable main categories and sub categories. Some dropdown lists could have up to 40 options - which is quite intimidating to new ...
7
votes
5answers
3k views

A cross between a DropDownList and AutoComplete Text Box

I am trying to come up with an web interface that allows the addition of an item to a list. For simplicity I'll use an example of a list of names which, when selected will be assigned to a club/group. ...
7
votes
2answers
183 views

Any cheat sheet available that shows UX match between mouse events and touch events?

I am supposed to make a web App UI Design which can be used through PC and Tablet. I am looking for a cheatsheet or link where mouse events and touch events are matched? Eg. A mouse click on PC is ...
7
votes
5answers
341 views

Help panels inside application

Are there good UX reasons for not putting a "help panel" within a web application? (one that can be shown or hidden). Most applications open help in a different browser tab. I'm thinking of just ...