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

learn more… | top users | synonyms

13
votes
4answers
5k views

Stop user opening links in a new tab

On a secure site, is it OK to stop users from opening a link in a new tab by signing them out? I have a mobile games web-app and my users can only play one at a time. To avoid issues of them trying ...
13
votes
7answers
1k views

How to incorporate a “never” value on a slider?

I have a slider in a web page (similar to this one) to control the the duration of how long to keep an item before it is removed: The range of values goes from 0 to 90, with the value 0 being used ...
13
votes
7answers
703 views

Which makes for a better UX: using copy that is short and simple or copy that is casual, yet possibly more wordy?

In the context of a web app, which makes for a better User Experience: using copy that states the facts as simply as possible or copy that speaks in casual language, yet could end up being more wordy? ...
13
votes
3answers
740 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 ...
13
votes
3answers
1k views

Which is a good method for delete without confirmation?

I have read around a few places that confirmation messages are not the best way to go about warning users, it's best to let them do whatever they want but give them the option to go back. I thought ...
13
votes
7answers
2k views

User Profile, My Account, or just Settings?

I am writing a little webapp, and am stuck on a UI hangup. I have a global menu bar at the top of the screen, that when the user is signed in consists of: Signed in as Joe User (with username as ...
13
votes
2answers
818 views

Back button shows user old state

QA have found the following bug in our web application: Go to a list of sprockets Create a new sprocket Click the back button Result: The list of sprockets shown does not include the sprocket that ...
13
votes
5answers
588 views

How important is it to consider the URL when developing the UI for a web application?

When developing web applications, do user-friendly URLs matter? Blog platforms seem to be split on the issue. For example, Tumblr posts are frequently in the form blogname.com/post/967129380, which ...
13
votes
4answers
8k views

What are the advantages and disadvantages of multi-window functionality vs single-window functionality?

I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
12
votes
3answers
2k views

Should a “view more” button move down when the pane expands?

On a website I have a pane that can be expanded to show additional information. The "show more" button (red square 3) turns into a "show less" button when expanding it. What results in better UX? The ...
12
votes
4answers
577 views

Should new users be offered a different interface than existing customers?

I'm considering using progressive disclosure techniques to introduce new users to our product, presenting features and tasks in a timely manner until they have used the product a few times. Once the ...
12
votes
5answers
615 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 ...
12
votes
5answers
719 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 ...
12
votes
5answers
759 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 ...
12
votes
3answers
289 views

What are the reasons why the mobile apps market is more developed and active than the desktop one?

What are the reasons why the mobile apps market is more developed and active than the desktop one?
12
votes
4answers
538 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 ...
12
votes
3answers
2k 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 ...
11
votes
6answers
1k views

What control to use to select multiple months?

I want to offer the users a way to select a range of months within a year. The selected months are used to display a table of data. The control should be placed above the table and since vertical ...
11
votes
6answers
953 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 ...
11
votes
3answers
1k views

Should I capture exceptions and present a nice error page to hackers? [closed]

If a hacker is trying to hack, should I present a pretty error page or redirect somewhere instead of a generic/cryptic error? I feel that the hacker knows what they are doing, I know what they are ...
11
votes
6answers
742 views

Do users know the difference between a web application and a desktop application?

As cloud applications become more prevalent and the line between what is a desktop app and what is a web app becomes very blurry, different patterns for design, security, privacy and user experience ...
11
votes
2answers
2k views

How do I make a table row on a web page look draggable?

I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
11
votes
3answers
3k 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 ...
11
votes
2answers
500 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
1k 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 ...
10
votes
4answers
935 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 ...
10
votes
4answers
2k 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
4answers
749 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 ...
10
votes
5answers
588 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
498 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
321 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
4k 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 ...
10
votes
5answers
1k 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 ...
10
votes
1answer
1k 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
3answers
440 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 ?. ...
10
votes
4answers
1k 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
1k 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
404 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
2answers
1k views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
9
votes
2answers
2k 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 ...
9
votes
5answers
1k views

Visual differentiation between in-site links to outbound links

I'm trying to solve the differentiation between in-site links vs. outbound links. Currently I'm using for all links the blue from my palette and underline on hover. Due to the nature of the site, that ...
9
votes
3answers
2k views

Why use 'fixed width' or boxed layout rather than fluid?

I've noticed many sites (including stackexchange) use the 'fixed width' or 'boxed' layout where 50% of my screen is white space, kind of like watching a standard definition TV show on an HD screen. ...
9
votes
3answers
381 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
4answers
1k 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
3answers
1k views

Breadcrumb or tabbed form or best of both?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and our users have been ...
9
votes
4answers
1k 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
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. ...
8
votes
5answers
3k 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
6answers
1k 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
4answers
350 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 ...