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

learn more… | top users | synonyms

5
votes
1answer
1k views

Inline vs Modal Dialog Editing for complex widgets

I am building an application where user's can create very complex widgets using a browser. The two main approaches I can think of to allow for this is inline editing and modal dialog boxes. Unlike a ...
0
votes
3answers
150 views

How to effectively point users to a text that has 'more info' attached to it?

I need a simple and effective way by which I can let my users know that a particular column in a table has more information attached to it when you hover over it. It is not a link, just text (a number ...
14
votes
2answers
1k views

WYSIWYG vs MarkDown - is there a middle ground?

I'm trying to figure out how to let my users edit their content on my site. It's currently just text formatted depending on the screenwidth, but I'd like to give them more control over their content: ...
6
votes
1answer
409 views

How to handle lots of space with little content in a web app?

Currently I'm working on creating an interface for a web application. The main menu is at the top, a sub-menu is collapsible on the left side and another collapsible bar (pretty thin) on the right ...
2
votes
1answer
136 views

How worried should I be about action consistency across multiple pages?

I'm working on part of a redesign for a big, enterprise web application. This part has the user managing a bunch of settings that govern how the rest of the application is used. These screens follow ...
1
vote
1answer
110 views

How to make entering of these data in a ternary relationship more user friendly?

We have a very complex form describing a genetically modified lab animal. One animal can have multiple mutations. A genetically engineered mutation occurs when a researcher inserts a foreign gene ...
0
votes
1answer
167 views

Designing an app that will be used as an iframe within 30 different applications

The context: A native app that went through a complete life-cycle. The Problem: Recently, on one of the calls with client, it was revealed that this native app will also be used as an iframe in 30 ...
1
vote
6answers
225 views

How to choose between “show” and “display” something?

English is not my native language but "show" and "display" seems very similar to me. I work on a Web Application and I don't know if it's better to use "show" or "display" in my UI. I need to use ...
4
votes
5answers
545 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.
1
vote
2answers
397 views

using subtle animations for page transitions in single page apps?

In so-called "single page applications" for the web, I am seeing a trend, especially in demo applications, where any navigation between sections of the application/site involves a css animation of a ...
1
vote
2answers
324 views

Are horizontal scrollbars acceptable in an internal web app?

The application that we are building has a lot of data and most of this data is requested to be displayed in a table. Our original goal was to stick with web standards and only display enough data ...
3
votes
1answer
479 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 ...
13
votes
7answers
628 views

Which makes for a better UX: using copy that is short and simple or copy that is casual, yet possibly more wordy?

In the context of a web app, which makes for a better User Experience: using copy that states the facts as simply as possible or copy that speaks in casual language, yet could end up being more wordy? ...
5
votes
4answers
259 views

Color-coding percentages, how should I interpret a result of 0/0 (as 0% or as 100%)?

I am making a report that requires me to display some calculations as a percentage. Basically, I'm doing a database query for records matching a specific ID. The number returned becomes my denominator ...
-1
votes
1answer
90 views

Anonymity / free vs trust [closed]

This is a two-part question. I'm going to pick on Craigslist, but I think it applies to other sites as well. One of the drawbacks to free/anonymous posting is the amount of spam (including ...
2
votes
1answer
63 views

Partitioning people to friends, friends of friends and “strangers”

My website uses facebook data and each two users can be direct friends, have mutual friends, or none. I am trying to find the best word for this last group. "Stranger" seems kind of unfriendly. I also ...
1
vote
2answers
159 views

Export functionality taking a long time - how the app should react?

I have a problem deciding what the user is expecting from the app when using the export functionality. I have a web app which allows the user to export data from a grid, either one row at the time or ...
1
vote
1answer
562 views

Should I use MDI for web applications?

I am working on a new web-application. In short summary, companies can upload their financial information, we do some processing, calculations, ... and show them pretty dashboards and charts. A first ...
2
votes
2answers
631 views

When to use roles vs personas?

I am working on an web based application that is accessible by a small group of clients and their employees. I have been reading a lot about the development of personas but I'm not sure that that is ...
3
votes
2answers
265 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 ...
0
votes
1answer
1k views

YouTube “Load More” button [closed]

YouTube had pagination before "Load More" button era. I could just change the page number in the URL and navigate to a specific page if the channel had many videos. These days if I click the "Go Back" ...
3
votes
1answer
187 views

Best approach to creating a report generator

I'm working on improving an application that provides users with data metrics via tables and allows them to generate reports of the data metrics. The current implementation is that, depending on what ...
3
votes
3answers
944 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 ...
16
votes
7answers
645 views

Datepicker UX showing Quantitative Data

I'm designing a collab app that will include a datepicker widget to allow users to select the due date for a task. Our data shows that users systematically select the days where they have less ...
4
votes
3answers
185 views

Do Top Rated / Most Popular sorting features drive more conversions?

I'm trying to design an ecommerce concept around the idea that good sorting increases conversions. It's just an assumption, but based on my experiences and a few conversations, I'm wondering if an ...
0
votes
1answer
251 views

Best Practices for Code Editor and Auto-complete

I am working on a code editor application. The app will be web based and currently I am trying to investigate different best practices and value add to give the developers a reason to use the app. ...
2
votes
1answer
283 views

Which verbiage is appropriate for a combined login/register button and why? [closed]

I'm creating a combined login/sign up form. When the user clicks the action button an ajax call is made which either: Logs the user in, if the account exists. Signs the user up, and then logs them ...
3
votes
2answers
240 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 ...
1
vote
2answers
176 views

Approach for designing iOS themed icons representing ranks

I am creating an educational web app for a desktop browser that looks similar to an iPhone app using the default web stack composed of HTML5, CSS3, and JavaScript. I am wondering if it would be more ...
4
votes
2answers
138 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 ...
1
vote
1answer
118 views

How to display and label 5 essential and linked numbers in a table/dashboard?

I need to display 5 numbers. These numbers are essentials and display a summary of all the dashboard. This web application will be use by professional who already work with this kind of data. Here is ...
4
votes
3answers
314 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 ...
2
votes
2answers
1k views

What are some guidelines for designing a good pop up message for your webapp?

I’m trying to build a guideline to refer to when creating alert/pop up messages Are there any recommended "rules" as to: The inner layout - Centering vs aligning the content of the message to the ...
2
votes
2answers
227 views

Integrating a company web page and access to web apps once signed in - best practices / great examples?

Some companies, like Fitbit, integrate the corporate web site and their apps seamlessly and allow the users to navigate between the two experiences - the official company web site and personal Fitbit ...
3
votes
2answers
378 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 ...
4
votes
1answer
132 views

Elements running from the viewport perimeter, is there a name for that functionality?

So you know how if you right click on your desktop, the menu will appear either at the top-left, top-right, bottom-left, bottom-right depending on where your cursor is on the page? (<select> ...
0
votes
3answers
111 views

Object creation and managing in web application

This is a very simple example, but say I have a page where the user can add pets and edit or remove existing pets. At the moment I can't decide if I should use one page from creating and managing the ...
8
votes
3answers
700 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
1
vote
1answer
182 views

New window icon opens link in new window but regular link opens link in same window

An application development team has recently requested to overload the standard open in new window link with a dual purpose set. I.E the regular text link as mocked up below would open the link page ...
8
votes
2answers
937 views

Is it good to change keyboard's input language automatically in JavaScript?

In some websites and web applications, there are forms to be filled by the end user. In multilingual contexts, some developers try to change the input language of the keyboard, or hook to the field ...
1
vote
2answers
162 views

What is a good analogy for a custom selector?

I'm working on a project where the user has a list of labeled input fields and a bar above with some options. This is how it looks (simplified): I'm now looking for an element the user can use to ...
1
vote
2answers
86 views

Bug tracking add new bug screen correct positioning of fields

Below is my add new bug screen, I have the following fields, with the below layout. I want to add an another field called "project:" which will be a a drop down filled with all project name assigned ...
2
votes
1answer
207 views

UX for specifying & showing mutual exclusive pairs in a group

I'm working on a SaaS/B2B web app that includes forms that allow choosing and later showing mutually-exclusive pairs among a small number of options. Here are some examples: if the customer buys ...
2
votes
3answers
174 views

Styling links in a web app

I am building a web app that will have a large number of clickable elements. The problem is if I style this with web best practice i.e. different colour/underlined etc the app looks a mess due to the ...
2
votes
1answer
344 views

How should a user exit an intranet web app with automatic login?

We have an administration tool which is a installed locally on a server and accessed through a browser with automatic log in using AD. When the user navigates to the page, they are automatically ...
1
vote
1answer
168 views

I'm making a horizontal touch-controlled carousel; should each slide move with or away from my finger?

My carousel is just a generic rectangle with multiple slides which loop around: ---- | --------- | --- /* Where | is the page boundary and the boxes make up slides 3 ¦|¦ 1 ¦|¦ 2 ...
3
votes
2answers
568 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 ...
7
votes
3answers
555 views

How to display month name in a small form?

I have to display a form with 12 months and for each month a number input and a toggle button. This form is in a pop-up so I don't have a lot of place. I did two columns with six month per columns. ...
2
votes
3answers
728 views

Web-Based SQL Query Builder

I've built a simple web-based query builder using a series of dropdown lists such that the only typed input is the final value field. In the example above simply adding the filters consecutively ...
5
votes
4answers
783 views

Best possible way to test a Web app or Website?

I am assigned to test a new web app that my company has to release in few weeks. Though through continuous testing and forking I indeed found some bugs. But I want to make my testing more foolproof. ...