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
2answers
111 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
4
votes
2answers
147 views

Best way to switch views inside widget?

I am building a web application, and I am currently using Floating Action Buttons in the bottom right hand corner of certain predefined widgets to toggle between a main view and a settings view as ...
4
votes
3answers
158 views

How do you allow users to undo actions when the application supports autosave

Many web applications adopt the 'autosave' design pattern for a number of different reasons. One of them is so that changes are not lost when users have completed a number of tasks or actions and ...
4
votes
1answer
98 views

Hyperlink at the top of page with smooth scroll to a form at the bottom

I've been tasked with creating 3 new web pages for our site. Each page has a hyperlink above the fold that takes the user to a form at the bottom of the page just above the footer. None of these pages ...
4
votes
2answers
220 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
4
votes
1answer
82 views

Representing a plugboard in a web interface

I'm currently making an enigma machine in JavaScript (early working prototype here). I've now just reached the stage where I need to implement the plugboard. Now the plugboard is a set of 26 ...
4
votes
3answers
394 views

Admin interfaces for reporting data

I am trying to design how an assigned administrator for a web app that manages students and audiobooks, can generate a report to view the data in longituginal graph. The admin can either view ...
4
votes
1answer
147 views

When is it ok to have two different layouts for the same page inside a web application?

I have a page inside the application that will be displayed inside a popup on other page. Since the page was not designed for the popup size I wanted to create a compact view for it. Would this be ...
4
votes
4answers
272 views

Is there any problem having a left scrollbar on a 2-panel web window?

I'm building a web interface with two panels. On the right one there would be a map, on the left one there would be some places, similar to Google Maps. We are considering having the scrollbar of the ...
4
votes
1answer
401 views

What video players/sites are fully accessible?

I am in need of a video player that is fully accessible, but I'm hoping not to have to code it from scratch. How accessible are the youtube/vimeo players? are there other ones pre-made online that ...
4
votes
2answers
83 views

How can I improve the UI of groups of nested inputs?

The user is assigning products to a location in a hierarchy in a website. There is potential for multiple locations in multiple hierarchies in multiple websites. User journey: Select website ...
4
votes
2answers
375 views

UI pattern: assign to list + details

assigning items to a list is well-known UI pattern and is already discussed at ux.se. Example: download bmml source – Wireframes created with Balsamiq Mockups The case I've stumbled on ...
4
votes
2answers
151 views

Should the comments/discussion slide-in from the side?

I'm implementing something similar to source control (like GitHub for flow charts) where users will have a list of changes that can be submitted. On this review page they can click on a change to see ...
4
votes
4answers
293 views

Idea management system for a feedback portal

I am making an idea management system using Ruby on Rails and Twitter Bootstrap. This is a static mockup I have created. Here is how the system is supposed to work The comments will be managed ...
4
votes
1answer
221 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 ...
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
7answers
249 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
133 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
231 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
2answers
285 views

Table builder - Drag-n-drop vs. clicking through dialogs?

I am working on a design of a module for a web application. The web app is to be used on desktops and tablets - in the newer browsers (IE9, CHrome, Safari, etc.). One of the tasks that users have to ...
4
votes
3answers
398 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
103 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
229 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
382 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
428 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
749 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
852 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
206 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
177 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
867 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
208 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
555 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
158 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
338 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
388 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
110 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
253 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
1answer
83 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
309 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
1k 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
2answers
248 views

Should we disable all functions of the website when user's not logged in yet?

It almost depends on which option you decide between: Let users enjoy the web app but as soon as they want to interact, a login form pops up. Hide all interactive buttons until they logged in. I ...
3
votes
1answer
115 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
698 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
862 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
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
5answers
158 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
471 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 ...