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

learn more… | top users | synonyms

7
votes
5answers
508 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
6answers
863 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
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
549 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
238 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
2answers
171 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 ...
7
votes
5answers
4k 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
200 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
630 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 ...
7
votes
5answers
490 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
195 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
373 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
880 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
595 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
723 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 ...
7
votes
3answers
829 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
4answers
6k 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
2answers
269 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
3answers
465 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
3answers
686 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 ...
7
votes
1answer
119 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 ...
6
votes
5answers
547 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 ...
6
votes
7answers
491 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
344 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
569 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
5answers
525 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 ...
6
votes
3answers
595 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
2answers
229 views

Total redesign for already established app?

Usability is not excellent, and stylesheets are inconsistent. What's the best way to deal with this ?
6
votes
2answers
562 views

Faceted Search and Infinite Scrolling Together

Is it a good idea to use faceted/refining search with infinite scrolling in terms of user experience? If so, would it be a good idea to statically position the search/filter component on a web page? ...
6
votes
2answers
584 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 ...
6
votes
2answers
208 views

Is it OK that url is changed after invalid submit of form?

Let's say I am at Create new user page and current url is /users/new. When I submit this form with invalid data (e.g. mismatched passwords), user is redirected to /users. Is it OK that user will see ...
6
votes
4answers
704 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 ...
6
votes
2answers
237 views

Measurement to use when designing for desktop and mobile

I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
6
votes
2answers
785 views

Modifying images for mobile sites: scale them or cut them?

This is the first time I design a website that has a mobile version. This is the original size of the images (well, they are a little bit bigger): This is the size when they are displayed in ...
6
votes
4answers
647 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 ...
6
votes
2answers
263 views

Data listed horizontally or vertically?

I am currently building a data entry application and a lot of our data is contained in Div's on a page. Right now all of our data is listed horizontally because I feel that it is more readable and is ...
6
votes
2answers
543 views

Natural UI: Best way to show a time range and interact with it

I have a time range filter (for a web app, desktop and mobile) that looks like this: In this case, time is not relative to the user in terms of number of days (7 days ago), but it respects the ...
6
votes
5answers
2k views

Form - time input

I saw a few posts about dates and what not. I was wondering what the best solution would be to get time. It needs to be an exact time and it would be nice to support both time formats. Should i just ...
6
votes
4answers
516 views

Navigating backwards in Miller Columns

I've got a set of Miller Columns on a web application that could be wider than the page width. So this means the first level of the hierarchy might not be visible anymore. What's the most effective ...
6
votes
4answers
2k views

Automatically redirecting to mobile app from home page?

We have an iPhone app that is our main focus. We have an informational website (3 pages). And we just created a mobile web version of the iPhone app for Android and other smartphone users. Our debate ...
6
votes
3answers
279 views

How often is too often to do focus groups while designing a web app?

I'm trying to come up with a strategy for putting together focus groups while designing a web application, but I'm starting to wonder how often is too often to do focus groups? In my mind, they would ...
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 ...
6
votes
1answer
928 views

How to properly layout multiple interactive controls using best UX pattern?

I'm working to redesign an existing page that generates reports, based on user selections. Currently, this is a rough draft of the page layout: The user must always begin at 1 and that selection ...
6
votes
3answers
589 views

Mobile WebApp - Gradient vs. flat regarding UX

Recently, I've looked at a lot of sites to figure out patterns used in mobile web design. I've noticed that if the app is using lists or buttons, most designs use a gradient background. Is there any ...
6
votes
2answers
176 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. ...
6
votes
1answer
174 views

When given the choice on a website; are people more likely to download the app or keep using the browser?

When you go to Zappos.com on an iOS device you're greeted with a splash screen saying "We made an App!" and it gives you the choice to "Download Now" or "No Thanks, I'll just use the browser." I was ...
6
votes
2answers
864 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 ...