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

learn more… | top users | synonyms

14
votes
6answers
1k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
13
votes
4answers
2k views

HTML buttons vs hyperlinks for navigation

When creating an overall site style guide, how do you determine when a button or a hyperlink should be for something other than navigation? I see many time with the heavy usage of jQuery and AJAX, ...
6
votes
4answers
3k views

Best Web UI for Large Amounts of Data Input

I'm looking for a good solution when users need to enter large amounts of data into a web application. Example A store owner wants to enter 30-40 new products into the system every month. The ...
64
votes
31answers
5k views

Common web app usability gotchas? [closed]

What are some common mistakes regarding usability for web applications?
43
votes
15answers
5k views

What are some great web-based prototyping tools? [closed]

I'm looking for a list of web-based prototyping tools and I'd like to build one up here by using StackExchange's democratic voting system. There are already some lists around the web, notably these ...
11
votes
4answers
1k views

Should the search box be on the left or the right side

In a web app with a search box in the header - where should the search go, on the left or the right side of the header? What considerations should be taken into account when making this decision? In ...
11
votes
6answers
1k 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 ...
9
votes
2answers
2k 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: ...
7
votes
2answers
1k 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 ...
5
votes
3answers
1k views

How to show password reset option

In my website I put password recovery option hidden. I know there are two options to deal with it. Classical way, Show it as the next sentence to the register link. Example, "Want to try? Sign up ...
3
votes
3answers
1k views

What are innovative, new ways to design Master/Child relationships on a page?

I'm currently working on a ASP.net application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set ...
12
votes
4answers
912 views

Right-Click menu awareness on Web Application

The web application I am building has a custom right-click menu. I'm concerned that the user might not find this menu as normally right-clicking will only display the default browser's menu. Is there ...
9
votes
5answers
596 views

Most intuitive way to offer manual sorting?

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 ...
3
votes
2answers
199 views

Is it better to have more than one way to navigate to functionality or only one way?

We are building a web app in Silverlight and currently have more than one way to navigate to the same functionality. I.e. there is more than one button/link on the page that does exactly the same ...
1
vote
3answers
824 views

Which is the best design practice for edit data in RIA?

Which is the best design practice for edit data in RIA, for example in Flex or Silverlight? I would like to show customer's details, but there will be an edit window, than the datas of customer will ...
16
votes
7answers
478 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 ...
14
votes
2answers
930 views

Any data available on using Skeuomorphic Design in apps?

I've recently come across an article about Skeuomorphism that peaked my curiosity. Skeuomorphism: ..."an element of design or structure that serves little or no purpose in the artifact fashioned ...
17
votes
5answers
318 views

Phased re-designs

I have worked on several projects(line of business web applications) in my career that involved a complete UI overhaul. Most of these projects were enterprise web applications that took a substantial ...
21
votes
10answers
3k views

Is it ok to require certain users to have JavaScript enabled?

I am a firm believer sites should work perfectly fine for people who choose to disable Javascript while browsing any and all of the content. However, when it comes to higher-level interaction (such ...
34
votes
14answers
4k views

Should double click be avoided in web applications?

I find that double click is a great gesture that could be successfully used in graphical interfaces but for some reason has negative connotation on the web. Should it be avoided at all costs?
8
votes
3answers
542 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 ...
8
votes
6answers
693 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 ...
25
votes
5answers
1k 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 ...
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 ...
8
votes
5answers
212 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 ...
7
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 ...
3
votes
3answers
216 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 ...
1
vote
1answer
399 views

Loading Times / Breaking points

We all know that a user is not going to wait forever for a website to load. Given there are certain factors and circumstances that can apply to this, is there a breakdown of users stages/breaking ...
13
votes
3answers
753 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
4answers
4k 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 ...
10
votes
1answer
823 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 ...
2
votes
4answers
499 views

What UX metrics can I get from a web application?

I think of Google Analytics as a tool that I can incorporate in my web application to get more information about my UI and UX in general. This is in addition to user testing and other tools, but I'm ...
13
votes
7answers
595 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? ...
12
votes
4answers
482 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 ...
11
votes
1answer
946 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? ...
9
votes
3answers
280 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 ...
7
votes
3answers
678 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 ...
7
votes
4answers
916 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
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. ...
6
votes
4answers
598 views

Multiple or Single Checkbox for ToDo List?

Would you suggest for a To-Do List section of a progject management app I am working on have multiple checkboxes inspired by Speckle Or keep things simple and "common" using single checkbox like ...
4
votes
3answers
451 views

“Modernizing” legacy applications and legacy users

I'm tasked with modernizing many older UNIX based applications to new, web-based applications. The UNIX applications are completely keyboard-based (ie. "04" to select the fourth application, "Enter" ...
3
votes
1answer
545 views

UI for Access Control List (ACL)

I am trying to come up with a UI for controlling Resource based Access Control Lists (RBAC) in web application. So far I would go with this approach: I have a Searchbox with suggestion support. ...
2
votes
1answer
297 views

Layout of dismissable event notifications

I'm building an event notification system for a PC browser. The events queue up on screen on top of each other, until you "acknowledge" or "dismiss" them. The information I need to display is: Ok ...
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, ...
6
votes
3answers
1k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
6
votes
2answers
452 views

What image and message use in the “Not found” page (404 error page) [closed]

I've seen the robot of Google, the creature that has Github. I think that is question of imagination and what kind of data manages your web app to design a custom image and the message to show to the ...
3
votes
3answers
259 views

Best practice for currency input fields

I'm working on a web application, which I just received a request to make all input fields collecting currency data to be right aligned. Is there a standard for collecting currency data in a web ...
3
votes
6answers
586 views

How to create bands of number ranges for a field?

I have a field in a system called "Score" which ranges from an undetermined negative number to an undetermined positive number. I am trying to figure out a UI for the user to create "bands" of ...
2
votes
2answers
260 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 ...
2
votes
2answers
424 views

Default choice for a “leave without saving changes”-dialog

I have an existing design (web application) where users can edit small parts in a webpage. A small editor will open up with the editable fields and three buttons: [Cancel & Close] [Clear] and ...