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

learn more… | top users | synonyms

8
votes
3answers
1k 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
3answers
971 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 ...
8
votes
7answers
7k views

Examples of *elegant,* data-rich web application interfaces? [closed]

It's much easier to create a calm, elegant interface when your content is simple and static, but in some web applications, the content and interactions are inherently more complicated and dynamic. ...
8
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 ...
8
votes
4answers
815 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
289 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
4answers
1k views

How should email threads be ordered?

I thought I had the answer to this question. If you view raw email, you can see that the most recent email is at the top, with the rest below in reverse chronological order. I think it's fair to say ...
8
votes
3answers
888 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 ...
8
votes
3answers
310 views

Date Range: Is automatically making “To” the same as “From” a good practice when searching data in the past?

I couldn't think of a more descriptive title, but this is what I'm wondering: I have a Date Range selector box. It's quite straightforward, it has two calendars, one for the "From" date, and another ...
8
votes
3answers
508 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
3answers
1k views

List of checkboxes or multi-value select box

Currently in our application we have multiple lists of checkboxes. These lists comprise of random attributes related to a company. Each company will only perform a couple of these attributes and it is ...
8
votes
2answers
2k 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
739 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
532 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
5answers
812 views

What is the best method to undo an action?

Imagine for the sake of simplicity I have a web app to-do list, where each item is a line and has a check mark near it. When the user clicks the check mark, the task is then "done" and the line fades ...
7
votes
6answers
1k 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
5answers
573 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
4answers
618 views

Why use paper prototyping, besides saving time?

When creating a web application prototype, I find it's pretty easy for me to put together a fast prototype. What are the advantages to using a paper prototype instead (or before that)? This video ...
7
votes
3answers
2k 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
3answers
594 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
310 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
6answers
827 views

Alternative wording to 'upgrade from free trial to a paying plan'?

Looking for an alternative to 'upgrade'. The problem is that in our web-app ui and communication, we are currently using two different versions of upgrade: the common upgrade/downgrade of the ...
7
votes
5answers
6k 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
232 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
7answers
1k views

What icon could be used to mean 'notifications'? [closed]

As part of a web-based application, we have a toolbar at the top of the page. The toolbar contains buttons that consist of small (30x30) icons with a single word underneath (for example, a search ...
7
votes
5answers
652 views

Can we just use tooltip on some rather than on all controls?

I do like to place tooltips whenever I feel that the user could benefit from them. I tend not to place tooltips on controls when I think it's pretty obvious what their effects are. However, on some ...
7
votes
5answers
208 views

How do you communicate the location of a user in a tabbed environment when they've navigated to a page that can't be described using an existing tab?

In my web app, there are 4 static tabs that follow you everywhere you go. The active tab is white while the inactive tabs are gray. Nothing ground-breaking there. But from certain tabs, you can ...
7
votes
5answers
483 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 ...
7
votes
3answers
987 views

When closing a tab, which tab makes the most sense to focus on?

I work on a web application that allows users to create tabs and fill them with modules that display analytic data. So one tab may have a series of bar graphs, and another may have a group of tables. ...
7
votes
1answer
645 views

Do I still need to show a header if I'm just replicating the title of a tab?

I have a user management section in my CMS. The content is contained in 'tabs'. However as the title on each tab is basically the name of the page itself, do I need to still include a heading ...
7
votes
4answers
9k views

“Best practice” font for information heavy web applications

We run a B2B, information dense web application (a helpdesk) and our base font is currently 13px Helvetica Neue",Helvetica,Arial,sans-serif We've been thinking about using a webfont to improve this. ...
7
votes
4answers
880 views

How to avoid pagination when an items list is very large (Webapp)?

We have a web application for correcting automatically-detected mistakes in translation documents. Those are split into sentences and their amount can be up to hundred thousands (its not even closely ...
7
votes
3answers
1k views

Drop-down list with advanced search

I am creating a control to allow users to select an item from a list. The number of items can vary greatly - anywhere from a handful up to millions. A drop-down with autocomplete functionality seemed ...
7
votes
3answers
822 views

Why doesn't YouTube append the video title to the video URL?

How come YouTube doesn't append the video title to the video URL? I know they are owned by Google so good SEO isn't exactly necessary, but from a user experience stand point it makes much more sense. ...
7
votes
2answers
201 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
7
votes
2answers
364 views

Unread message count in the list of conversations

Is it a good idea (or how useful it is) to show a number of unread messages for each conversation when user enters page with the list of conversations? Would it be enough to just indicate that certain ...
7
votes
2answers
1k views

Best way to show “select all” in paginated table with some of the “all” not shown on the screen

A user can conduct a search in a grid that has pagination (i.e. over 25 rows is shown on next page). If the search returns more than 26 results and allows a "select all" checkbox, what's the best way ...
7
votes
3answers
458 views

Remember the State of a Page when navigating to other pages?

In a web application, let's say the user has several sections, which are lists of records of data that can be searched, sorted, etc. Example navigation: - Clients - Accounts - Projects let's say ...
7
votes
1answer
139 views

strategies for applying properties to many items

I'm working on a web application where one of the workflows centers around the configuration of a large number of items. An important part of this configuration is applying one or more properties to ...
7
votes
1answer
184 views

Adapting Outlook-style master-detail to a non-full-screen view

When a web app's master/detail grid (narrow master on left, wide detail pane on right) is not full-screen like Outlook or the iPad Mail app, but is instead embedded in a page that can be vertically ...
6
votes
7answers
636 views

Show 6 share buttons vs one button that opens tooltip with 6 share buttons

I have a web application that hosts some user content, say tutorials. I'd want to give users opportunity to share this content using social network buttons like Facebook Like/Share, Twitter, Reddit, ...
6
votes
3answers
1k views

Why is the new Twitter menu bar on the bottom on iPhone?

Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms. But, because of this goal I couldn't help noticing ...
6
votes
3answers
360 views

to admin or not admin

My question is very simple - is separate admin better for UX or is it better to integrate it inside front-end? I care only about UX and what is better (and easier to explain) for end-user, I don't ...
6
votes
4answers
762 views

What makes sense to designers HiDPI, @2x, or Retina?

I'm designing a web application for web designers and I'm having some trouble with semantics. I'm trying to figure out whether the word "HiDPI", "@2x", or "Retina" best describes the secondary image a ...
6
votes
3answers
3k 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 ...
6
votes
6answers
241 views

Should tabs changes in a web app be part of the browser history?

I've implemented a JavaScript plugin that tracks tab changes in through the browser history. Here's a brief overview of how it works: Once tab is clicked, the URL hashtag (the part that looks like ...
6
votes
2answers
979 views

Does apply 'mystery meat navigation' to sidemenus on web applications?

Recently I noticed several popular web applications which go for sidebar navigation without labels. E.g. Evernote or Taiga Is it ok for sidebars? As most users will use those applications several ...
6
votes
3answers
1k views

What to display in mobile app web view when the URL won't load

I'm creating an app whose UI is simply a web browser that loads a URL. Let's not argue about why I'm implementing it this way (I already tried that with the higher-ups). It can still do the background ...
6
votes
4answers
2k views

Do I really need a back button?

I have created a webapp which the user can see many posts on the main page. Once clicked, the window redirects to the post page. On my navbar, I have my website logo, which when clicked redirects to ...
6
votes
5answers
1k views

What is the best way to show that a link opens a modal window?

I want to make the user feel that clicking the item will bring up more detail about it in a modal window.