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

learn more… | top users | synonyms

4
votes
1answer
1k views

Are in-app tabs bad practice?

I have certain advanced use cases of a web-app that can be handled by allowing users to open details of items in new tabs (i.e. a single page app with an unlimited row of in-app tabs which imitate the ...
4
votes
2answers
1k views

What function keys can be safely used for a web app?

I'm creating a small web app and I want to be able to toggle it on and off via a keyboard shortcut. I would like to use one of the function keys (F1–F12). I'm planning on overriding F4, F8 or ...
4
votes
7answers
245 views

How to display a distinction between actions which affect the 'real world' vs. actions that affect only the information in the application?

I have the following challenge: I'm designing a web application that is supposed to manage IT components. Meaning - when the user creates an IT component in the application or updates an existing ...
4
votes
1answer
118 views

Do the concepts of typographic scale and vertical rhythm apply equally to print media and web apps?

I have been learning about these two fundamental concepts and I see how beneficial they are for print media (including 'digital print' like blogs and webzines.) do these concepts apply equally to ...
4
votes
2answers
205 views

How to explain Login with OpenID to end users, good models to follow?

I have an analytic app for data-oriented professionals. For authentication it offers social login (Sign in with Google, LinkedIn, Twitter) or "Email me a signin link" (like Forgot my Password ...
4
votes
3answers
346 views

Communicating changes and new feature in my web application

We are currently in the early phases of developing a web application for a client. We have regular sprint demo's during which we take the client through the new features and changes from the last ...
4
votes
1answer
99 views

Should link to restore user account lead him to login page?

Pinterest has a deactivate my account function. After user deactivates his account, he gets an email with Reactivate account link: Here Reactivate button links to login form with username and ...
4
votes
1answer
216 views

What's up with the Preview Pane? Why or why not to use it in internal web app messaging systems

I am about to redesign an app w/ internal messaging (ala Facebook) and just curious to get some input from the UI community on the concept of 'Preview Panes'. It seems that the majority of the ...
4
votes
1answer
377 views

Is it appropriate in a touch-based mobile web app to place the equivalent of “apply” in the header?

I'm creating a mobile web app for modern touch-based browsers, and I'd like to know if it's appropriate to put the equivalent of an apply / search / go / view results / proceed button in a thin ...
3
votes
4answers
409 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 ...
3
votes
6answers
715 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 ...
3
votes
6answers
782 views

How to create bands of number ranges for a field?

I have a field in a system called "Score" which ranges from an undetermined negative number to an undetermined positive number. I am trying to figure out a UI for the user to create "bands" of ...
3
votes
4answers
186 views

On a form wizard step what input type/s shall I use for when there are two options?

Ok so I have two options on a wizard step e.g. Option 1: Go to step A, Option 2: Go to step B. What is the best input method to use in this situation? The wizard generally has more complicated steps ...
3
votes
2answers
1k 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 ...
3
votes
3answers
2k views

Is a drag and drop UI usable for organizing/categorizing items?

I am creating a UI where a user can manage users by creating a group, and then dragging and dropping them to fill the groups as they would like. One problem I am faced with is that the complexity of ...
3
votes
2answers
164 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 ...
3
votes
1answer
776 views

Loading Times / Breaking points

We all know that a user is not going to wait forever for a website to load. Given there are certain factors and circumstances that can apply to this, is there a breakdown of users stages/breaking ...
3
votes
2answers
207 views

Are there standard methods to maximise space?

We have a web application that has a lot of controls and has steps that the user progresses through. Most of the steps are on the same page, and when one section is done, we don't necessarily need to ...
3
votes
4answers
482 views

How to improve this retro CLI web app ux?

I want to improve the retro-ness and the coolness of this CLI (command-line interface) for a web app. I just want it to give the user the experience of typing into a 1980s library terminal, at, say, ...
3
votes
3answers
153 views

What's the best way to open links from widgets?

I have a portal consists of set of widgets, each widget contains a block of data and a link to an application . it appears like this .My question is : what 's the best user experience to open the ...
3
votes
8answers
334 views

Tabs in textboxes

I'm building a website where my users will have to enter their code quite often. Along with other data (title, tags) the user will enter anywhere from one line of code to an entire block of up to 100 ...
3
votes
4answers
281 views

Determine which features not to show in responsive designs non-full site view?

All of us know that mobile first approach is the way to go developing new applications. But there are few cases where this is possible. Often the customer already have a web application online, which ...
3
votes
4answers
338 views

Better to Show Empty List or Default List?

This is a web application for people to manage a large database of stuff. When the user clicks on the a button/link to "View Their List of Stuff", is it better to present them with a populated list or ...
3
votes
3answers
101 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 ...
3
votes
3answers
238 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 ...
3
votes
3answers
2k views

What are the little arrows called that hide additional details?

In UI design, sometimes settings are hidden behind a little arrow or "+" symbol. When the user clicks on it, the item expands to show additional details. Does this UI pattern have a name? Other ...
3
votes
1answer
82 views

Should sign up be available from both Mobile and web?

Let's say I have an iPhone application AND a website that works synergetically with the app. For example it might allow the user to manage the iPhone app's data. In this case how should the sign up ...
3
votes
2answers
301 views

Lightbox for “In-Context” Editing

Some sites effectively combine the concept of, for the lack of better term, "in-context editing" and lightbox to allow users to easily do page content update. For example, check out Schoola and try ...
3
votes
1answer
875 views

Best Approach When Using Trial Subscriptions

In terms of UX what do you guys think is the best approach when integrating a trial period for subscriptions? My application offers a 15 day trial, at the minute the user can sign up without ...
3
votes
1answer
103 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
3
votes
4answers
162 views

Should a wastebin be global?

I am currently implementing a trash / wastebin for a web-application that works with 3 different entities of data. Each such entity is displayed in unique views. If a user deletes such an entity, ...
3
votes
2answers
639 views

Is there any public research on effectiveness of activity indicators, progress bars, and progressive loading?

Activity indicators (spinning wheel) and progress bars are very common across many applications. A new approach I have noticed is when an application shows the containers of the page or content ...
3
votes
3answers
715 views

Should Ribbon be used on the web?

I'm designing a web application which has a large number of commands and customizations, with many more to come in the future. I've read a number of things on usage of the ribbon, from MS's ...
3
votes
5answers
154 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 ...
3
votes
3answers
440 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 ...
3
votes
3answers
186 views

How long can a user remember what they were working on?

A web application lets the user browse its screens for future or past months. The time period the user is currently viewing follows the user through every screen of the system. But users can be ...
3
votes
1answer
81 views

On a click, show a stub or not?

Consider a click event that would cause a significant change of view (e.g. going from a list of items to a detail view of a single item). What is a better experience: Switch to a stub view which ...
3
votes
2answers
514 views

Are one-page web apps always better?

Does anyone have some instances or cases where onepage web applications (for example, a lot of AngularJS apps) are inferior to full loading pages? I'm not including technology, SEO, etc. Only from a ...
3
votes
1answer
686 views

What is the standard practice for while waiting for an AJAX request [duplicate]

I guess most people agree that displaying a "loading" image or text is nice. But do you display it beside the button, or somewhere else such as the top of the page (like gmail used to do) Aside from ...
3
votes
3answers
1k views

Best practice for currency input fields

I'm working on a web application, which I just received a request to make all input fields collecting currency data to be right aligned. Is there a standard for collecting currency data in a web ...
3
votes
2answers
2k views

“Click-and-drop” alternative to drag-and-drop, for accessibility (and maybe mobile-web)

I have observed some people fumble with a mouse. They seem unable to synchronize clicking the buttons and sliding the mouse consistently, to where they drag things when they only meant to click on ...
3
votes
2answers
415 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 ...
3
votes
1answer
385 views

Layout of dismissable event notifications

I'm building an event notification system for a PC browser. The events queue up on screen on top of each other, until you "acknowledge" or "dismiss" them. The information I need to display is: Ok ...
3
votes
2answers
553 views

What is the best way to introduce a user to your interface?

I'm redesigning the new user experience for my web app, onepagerapp.com. We need to communicate to the user (typically not very web savvy) how to add content to their page, modify their page design ...
3
votes
3answers
156 views

When is themeing applicable in web application?

I have seen few applications with the ability to change themes, for example, in my case, a HRMS application (there are many such). But, people seldom use custom themes or care about them in such ...
3
votes
1answer
913 views

HTML table cell wrapping issue

One of the problems in a tabular representation of data, is text wrapping inside cells. There are some options available, like: Fixing the width of the columns, and enlarging the rows height to ...
3
votes
1answer
89 views

The main user action on my page is importing files, does it matter that my import button isn't next to my select files button?

Please consider the admin screen below: One of the tasks on this screen is to import a file. However, the import button is located on the toolbar rather than next to the form. Would it be clearer to ...
3
votes
2answers
273 views

How do you indicate an element is moveable by keyboard arrows?

I am building a drag and drop interface where elements can be moved by a mouse or by the keyboard arrows. How should I 'tell' the user these elements are moveable using the keyboard? Any idea or a ...
3
votes
5answers
189 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
3answers
236 views

How to best let a user sequence items in their queue

We have a queue on our users' project page. And we want to introduce sequencing. Currently all actions that are applied are First In; First Out. What is the best method for sequencing? We have come ...