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
3answers
714 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
91 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
326 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
716 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
207 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
84 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
295 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
95 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 ...
12
votes
4answers
2k 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
890 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
473 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
139 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
261 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
529 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
103 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
255 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
478 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
393 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
346 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
339 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
889 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
426 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
558 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
261 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
173 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
191 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
3k 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
312 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
746 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
523 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
310 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
660 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
222 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
198 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
229 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
219 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
140 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
453 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 ...
13
votes
3answers
630 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
86 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
221 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
259 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 ...