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
3answers
312 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
129 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
241 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
3answers
278 views

Can customisable dashboards in web-apps enhance user experience?

I'm currently in the process of redesigning the dashboard for one of our products. One of the requests I've received so far is that it should be customisable. Instinctively, I oppose the idea as I ...
4
votes
2answers
234 views

Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?

I'm developing a user-driven sandbox application, wherein the user (more or less) builds their interface. In my preliminary web design drafts, I've found myself favoring a contextual content area at ...
4
votes
1answer
329 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
114 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
1answer
146 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
3answers
783 views

Should a “windows-desktop style” interface be recreated in a browser app?

I have project where I need to design & build a complex interface to sit on top of an ASP.NET/MVC4 back-end and run as a web-based application in a browser. The client has an existing "sister ...
4
votes
1answer
658 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
374 views

master/detail view blank state/detail view when nothing is selected

I have a following view/form: download bmml source – Wireframes created with Balsamiq Mockups Basically it is a form where I can fill out some information for a new record. When the ...
4
votes
7answers
230 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
80 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
197 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
335 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
336 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
2answers
309 views

Setting vs Settings? Which one makes more sense in a dropdown button

This button should do what it looks like it should do. It opens a drop down of actions that a user can perform on their user account. Should I go with "Setting" or "Settings"?
3
votes
6answers
551 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
586 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
121 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
348 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
2answers
132 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
2answers
202 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
303 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
135 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
309 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
5answers
209 views

What is the best way to show that a link opens a modal window?

I want to make the user feel that clicking the item will bring up more detail about it in a modal window.
3
votes
4answers
247 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
195 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
76 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
272 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
3answers
353 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
139 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
318 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
160 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
79 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
3answers
261 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
543 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
281 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
2answers
319 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
138 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
327 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
616 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
2answers
231 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
178 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
210 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 ...
3
votes
2answers
199 views

Is it better to have more than one way to navigate to functionality or only one way?

We are building a web app in Silverlight and currently have more than one way to navigate to the same functionality. I.e. there is more than one button/link on the page that does exactly the same ...
3
votes
2answers
288 views

Sorting with a Click or Double Click? Better ways?

I have an interface allowing a user to search for various Wines. You start by selecting a Type: Red, White or Sparkling. This will pull the from the database all the Varietals for your selection. You ...
3
votes
2answers
124 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 ...
3
votes
2answers
250 views

Favorites mechanism & common design pattern

I'm building a web app which contains many pages. I want to implement a favorites mechanism. My suggestion is - (1) is the "add to favorites" button (as in google chrome) which opens a small ...