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
6answers
863 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 ...
6
votes
5answers
453 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 ...
3
votes
2answers
134 views

Static tooltips vs tooltips that follow the mouse

This is for a debug app (programming) that prints additional information when the mouse is over a certain element. For example, the app can display a list of class methods. When the user mouse over a ...
5
votes
4answers
256 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...
54
votes
13answers
4k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
6
votes
2answers
524 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? ...
3
votes
1answer
102 views

Entity and State Based Navigation

Our web application is built around a single entity, say A. User creates A1. Then user can do a limited number of actions on A1. If one of this actions is taken by the user on A1, A1 changes to ...
0
votes
2answers
249 views

Different ways to show photo being selected with tag

I am trying to do a UI that show a photo (or box) being selected and tagged. For example: http://behance.vo.llnwd.net/profiles/59549/projects/3012199/8c0a114a08fa35bfbb0e6bc32936a525.jpg Original ...
1
vote
1answer
461 views

Best way to handle permissions editing towards multiple objects

I am trying to figure out what would be most user friendly interface to handle permission editing towards multiple objects. In my eyes the probably most user friendly way to handle permissions ...
6
votes
3answers
370 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 ...
3
votes
3answers
341 views

Nested multiple selections

I am building a web application that allows users to search a gym chain's class timetables. This gym has multiple branches, in multiple states and cities. The inputs to the class timetable search are: ...
4
votes
2answers
326 views

Where to put a global “add item” button?

We're adding a global "Add new X" button to our application (it will show a CRUD form for an activity, the fundamental "thing" in our app). We want it to be clickable from anywhere in the application ...
13
votes
7answers
883 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 ...
2
votes
2answers
201 views

Denoting a Premium User

I'm working on a website where we have users' avatars pulled from their Facebook profile picture and sized down to a thumbnail. Now that users can upgrade to premium memberships to unlock advanced ...
1
vote
2answers
412 views

Is grid the right layout for mobile web applications?

Suppose you are creating a web application which supposed to work on mobile platforms like Android or iPhone, and one of the features of your app is to give the user an interface for adding, viewing, ...
3
votes
5answers
184 views

“About me” -field usage in web app

I am creating a web application for college students where they can share their timetable and help each other in studies and courses. We are in the process of designing the profile of a user. However, ...
3
votes
5answers
145 views

Name of the logged off part of an application/a website

I'd like to know how you would call the part of the application which is not the showcase, not the app itself, but the part between both. Let me explain with more details. It is something very common ...
7
votes
5answers
542 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 ...
0
votes
1answer
250 views

examples of user feedback for evaluation of other users' answers

As an academic project, I'm developing a simple facebook application. I intend it to be some kind of a mind game exploring creativity. Its current design is simple: the user just writes a short ...
6
votes
2answers
171 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
189 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 ...
1
vote
1answer
2k views

any software or online service to draw web page layout sketch? [closed]

any software or online service to draw web page layout sketch? I want to construct a website , the first step is that I need to sketch a contents layout for every page . this job can be write done on ...
9
votes
6answers
308 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 ...
4
votes
3answers
730 views

DatePicker UX for single and multiple calendar mode

I have a situation where I have to use same datepicker/calendar to do single date selection and multiple date selection in two different modes in the same page. I thought of a solution where the ...
6
votes
4answers
500 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 ...
9
votes
3answers
308 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 ...
6
votes
4answers
652 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
219 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 ...
0
votes
2answers
1k views

Looking for enterprise web application design inspiration [closed]

I've checked many websites to be inspired about what the look and feel of a serious enterprise web-application should look like. But the whole I saw were designed for being used by single users and ...
0
votes
1answer
194 views

Order of items in admin panel?

When editing a product, its variants are shown as accordion headings using twitter bootstrap; clicking on one reveals the form to edit the variant. My question relates to the ordering of the items, ...
6
votes
1answer
226 views

Alert window, navigating to the right button

Working on both Windows and OSX, I have some habits on both. In alert dialogs, there is a huge usability variance between both operating systems. In the latter, you can either tap enter and have the ...
5
votes
1answer
2k views

What are some best practices for displaying an “unsupported browser”-warning in a web app?

We're building a web app, and the technology we're using will only allow users with relatively modern browsers (IE8 and up, plus most versions of other browsers) to even log in. We want to show an ...
1
vote
2answers
212 views

Multi-step undo with some actions which could not be undone

We're developing a plugin for some web-based application. Our plugin somehow enrich the functionality of the hosted application and uses some of the provided UI for certain functionality like adding ...
3
votes
2answers
139 views

What is the best way to disclose hotkeys to my users?

I am developing an intranet web application and have added in a couple of hotkeys such as "expand all". I have made sure to not use any of the same hotkeys as the browsers are already using. I found ...
0
votes
2answers
129 views

UI to let user pick some movies (3 - 6) from all movies released till now (>1 M)

I am working on a web app where users tell their favourite movies. Since there are too many movies to pick from I am not able to provide a select box. The jquery autocomplete works nicely but I wanted ...
7
votes
5answers
445 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 ...
11
votes
3answers
603 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 ...
0
votes
3answers
71 views

Conveying keyword connection to user

I am developing a site based on an original idea. Users will sort information based on keywords that comes from their own input. For instance, they might type in "Sports" and will be greeted with ...
1
vote
2answers
85 views

How to access “products” of a very different nature

We have a web app that is a centralized toolbox of various marketing tools. On it our users can either order printed documents, send one of our predefined email newsletters and download various ...
3
votes
3answers
215 views

Placement of edit link beside long title?

I'm working on an web application that is flow-chart like. Each page has a star to "bookmark" the page, a title and below it is the actual flow chart/shapes. The flow area takes up the remaining ...
7
votes
2answers
254 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 ...
3
votes
2answers
530 views

Does anyone have any links to some great UX for 'app setup' pages? [closed]

I've taken over a large scale project and revamped how the whole system works. But one issue we have is a 'not-so-user-friendly' set-up page for the app. I was wondering if anyone has any links to a ...
1
vote
2answers
110 views

Combining Settings and About screens in a mobile web app

To have fewer buttons taking up screen space I'm putting "About" information like version number and whether the app is up to date at the bottom of my Settings screen. I've noticed that the Facebook ...
2
votes
6answers
177 views

Forcing a workflow while making it easier for the user

I'm working on an internal webapp that requires users to Enter Meeting Notes. Currently, the users write their notes in a Word template, then copy/paste into one large text field in the app. The notes ...
3
votes
3answers
366 views

Are there any better ways to present/edit a very large matrix?

We have a page where user selects what training courses are required for each role in organisation (HR-type web-based system). That looks like that: Now have ability to hide columns, fix headers ...
10
votes
4answers
662 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 ...
27
votes
4answers
2k views

Responsive design: Should I go bigger than 1024px?

I have 6 responsive variations for a web app, from 916px to 320px wide. While running some internal tests, 2 out of 6 people mentioned that they would prefer if the app responded to bigger screens ...
3
votes
3answers
466 views

What is a good name for non-administrator users?

Not sure if this is the proper place for this question. In my opinion, it is related to user experience, but please correct me if I'm wrong. If you have a site/application that separate users with ...
3
votes
4answers
361 views

Testing OK/Cancel buttons

Related: OK/Cancel on left/right? I have been looking in to whether OK/Cancel should be on left or right, and after looking at lots of views on each side it seems there are good reasons for both. I ...
0
votes
2answers
203 views

Disappearing input field placeholder aesthetics for web apps

Background Users may provide various categorized input entries (e.g., danger, warning, avoid, and relax), such as those in the following image (e.g., "Relax #1", "Avoid #1", etc.): Problem When ...