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

learn more… | top users | synonyms

3
votes
6answers
589 views

Report page with data table and chart

I have the following report: The report will be viewed in desktop and mobile (tablet) browsers Clicking on the category title (eg. Pizzas), the data is collapsed or expanded. Now I need to insert ...
6
votes
1answer
754 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 ...
17
votes
4answers
1k views

Showing progress for a long many-step process with a discrete progress bar?

I've got a desktop-focused web application where the user is going to be initiating tasks that take a long time. Sometimes, these tasks will take hours to complete (users don't have to do anything ...
3
votes
1answer
153 views

Automatically clear cache from scripts

I received a request to implement browser clear cache automatically when a user starts a session. This is the first time I encounter such a odd request. Is clear browser cache for a web application ...
8
votes
2answers
748 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 ...
4
votes
1answer
166 views

Is it better to have a modal or an inline entry for a table?

I have a styled table containing first and last names in each column and nothing else. As part of the usage of my app, people will be entering names. Should I: Have the "add" button launch a ...
1
vote
0answers
76 views

How can branches of a query language be added dynamically in a browser? [closed]

Our group developed a stream-oriented NetFlow query language, called NFQL. Given that it can have multiple filtering/grouping stages and a number of branches, defining a query in a text file can ...
6
votes
3answers
221 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 ...
7
votes
3answers
630 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 ...
3
votes
1answer
82 views

Association of child items to a parent in a form

My app manages companies data and allows selecting multiple partners (also managed by the user) to associate with a company. One option would be having two listboxes: one for the available partners ...
3
votes
2answers
308 views

Vertical scroll down navigation for Facebook app?

I am designing a web app that must live both as a Facebook app and on a external website. The website is designed as vertical scroll-down website with 3 sections. How do I translate this kind of ...
1
vote
3answers
513 views

Scrolling inside overlay or on the whole page

I have this web-app that has mostly web pages with search results (such as google is), so there's scrolling normally. But I have this scenario that you can open an overlay that shows additional ...
4
votes
4answers
190 views

Is there something like 'chronological breadcrumbs'?

The MoinMoin wiki engine has a UI element I would like to add to my web application. It looks very similar to breadcrumbs, but it behaves in a different way. According to UI Patterns, Breadcrumbs ...
0
votes
1answer
81 views

Concept for adding reminders

I'm remaking some code for a survey-system I'm the maintainer of. And one of the problems is adding reminders for the survey invites. I made this: ...
5
votes
4answers
276 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 ...
2
votes
3answers
94 views

Alerting a player that a game has started in another browser window

I have a web-based game for two players. When the first player enters, he/she has to wait for a second player to enter, which may take several minutes. I noticed that people get bored waiting, and ...
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
771 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
401 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
124 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
252 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 ...
53
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
507 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
99 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
231 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
419 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
323 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
302 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
297 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
866 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
195 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
385 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
183 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
144 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
483 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
224 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
165 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
181 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
291 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
651 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 ...
4
votes
4answers
419 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
294 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
598 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
207 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
188 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
220 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
1k 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
198 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 ...