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

learn more… | top users | synonyms

3
votes
2answers
152 views

Landing page best practices

Hope I can get this explained clear enough. We are currently developing a new social web service and have a bit of a discussion about what should be the landing page. There are two possibilities ...
2
votes
4answers
124 views

How to properly display an original countdown for a quiz app?

I'm working on a small quiz app and I need to display a countdown. The app will be mostly used on PC/tablets but I have to think about mobiles too. The UI is minimalist and clear (i. e. think ...
0
votes
2answers
47 views

Emails generated from web application or email marketing platform?

For those of you working on web applications, I am wondering if you use an email marketing solution such as HubSpot to send emails based on user actions within a web app or do you send messages ...
1
vote
1answer
69 views

Is it better to save changes onblur of an edited field or to provide the user with save and discard changes buttons?

In my application, I am providing a ticket form that the users can go back and edit. I had designed it so that they can change one to many fields without real-time saving by providing a save and ...
0
votes
2answers
63 views

How to indicate an overridden value

I am working on a web application where an item will have a series of default values associated to it. On the form itself a number of these items can be composed into a collection (think basket on ...
0
votes
0answers
78 views

Wizard style navigation or alternatives

Is wizard style navigation best for large amount of data input? The existing software has very deep nested navigation and uses a wizard style progress method to input and edit information for almost ...
1
vote
4answers
255 views

Dead-simple way to let a user select multiple time ranges

I've been brainstorming about this problem for over a week now and cannot come up with a sensible way to do it. Basically, I am building a component the purpose which is to let a user select a series ...
0
votes
0answers
49 views

encourage renaming while displaying original name too?

I'm working on a very simple custom report builder in a web app where about 90% of our users are office workers with limited technical skills. For these low-end users, we want to present a simple set ...
0
votes
0answers
20 views

p2p web application, terms and icons to distinguish caller from callee?

I'm working on a web application which uses web rtc. Peers can connect to other peers. The interface will change quite a bit depending on who is the caller vs. callee. What are appropriate terms ...
1
vote
6answers
92 views

Active/selected members of group on the left? or right?

Given a web page with the classic "move items from a list on one side to the other", does it make more sense to have "active" on the left hand side of the screen? or the right? While Submit Buttons ...
10
votes
3answers
408 views

How to expose the keyboard shortcuts of a web application to the user?

I just added some basic keyboard shortcuts to a small website I am developing. I am wondering what is the best way to expose these to the user? I noticed that Gmail shows an overview if you press ?. ...
3
votes
2answers
262 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 ...
0
votes
1answer
67 views

Logging in with e-mail only

I've seen some websites (Medium, Basecamp 3, etc.) that require only an e-mail to sign up or log in to their app. Basically, you enter an e-mail, the app sends a one-off link to your e-mail, you click ...
41
votes
5answers
3k views

Should iOS native app be distinctly different than the responsive website's mobile version?

I was in a training session, where a room full of designers were learning iOS prototyping in Xcode, and there was an individual there who came from Apple to make sure everything in the course was done ...
1
vote
3answers
215 views

What is the best solution for allowing an edit of individual activities in a calendar pop-up window?

What is the best solution for allowing an edit of individual activities in a calendar pop-up window? We tried listing the activity code as a link for each activity, but that has visual problems with ...
3
votes
2answers
222 views

Partial-Page Responsiveness, or Responsive Elements in a Non-Responsive App

I am working on a project that will add considerable new functionality to an existing application. We were previously limited by a framework that did not (realistically) facilitate responsiveness, so ...
1
vote
1answer
119 views

How can I make this menu have multiple depths?

This is for a bookmarking application that should be easy for anyone to use. Right now it is very simple and has only tags. But I want to be able to import bookmarks. And in most cases bookmarks can ...
0
votes
1answer
71 views

Shall i convert dialog box to tab in web application

In mywebsql, it is the web based front end for mysql database. Currently many database operations are done by dialogs (alter table, alter index like that) but i think it can be better if i convert ...
0
votes
1answer
54 views

two dimensional list with multiple values

We are developing a web applications for e-commerce use when for a list of countries we have different vendors list sort by priority of that vendor. the maximum lists of country is undefined, it can ...
2
votes
1answer
61 views

Restoring a user's unsaved work on a webpage

TL;DR The user edits data without saving. On the next visit, (how) should the unsaved changes be made available? Background information. I have a website that presents user created textual ...
0
votes
1answer
126 views

Expected behaviour after file upload

What is the expected behavior of a file uploader, after the file is uploaded? Here is a use case where the expectation of the users depend on the current status. The user sees a large list of files ...
2
votes
6answers
591 views

Ideal color palette for 24 colors?

I'm making a simple collaborative whiteboard app just for fun and I originally had a color picker with all the colors but the few friends I showed it too said it was too much and they aren't artists ...
0
votes
3answers
114 views

UX improvement impact on revenue of financial institutes

Is there any quantitative study that shows how UX improvement can increase revenue of a financial institute? For instance, for each dollar we spend on improving UX of our web apps, roughly how much ...
4
votes
2answers
413 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 ...
8
votes
4answers
1k views

How should email threads be ordered?

I thought I had the answer to this question. If you view raw email, you can see that the most recent email is at the top, with the rest below in reverse chronological order. I think it's fair to say ...
0
votes
2answers
91 views

Is currency symbol enough to figure out the culture

I want to figure out a culture by passing just the currency symbol, however, I'm not sure if that is a good method? I was also wondering if the currency formatting is dictated by culture or by the ...
0
votes
2answers
85 views

Best way to redirect with a different url an user from an old version to a new version of a Website

I have a web app based on an older web app which is going to be deprecated soon (databases no longer updated). What is the best way to redirect the user from the old web app to the new one ? I don't ...
0
votes
2answers
132 views

Displaying add & edit note actions for each row in a table

I work on a web application and i have a list of users. On each user i can do some actions (Enable/Disable and Add/Remove Tax). Now my users could have need to add some note on a row, for example I ...
0
votes
1answer
78 views

changing the browser address bar / window color

I'm looking for a solution for a dashboard. Users will be able to see the dashboard in the "see as other user" mode (they can see someones else dashboard). For that I need solution to clearly ...
0
votes
1answer
90 views

Should painting apps use right click?

I'm just making a simple painting app for practice using canvas and I can't decide whether or not I want right click to do anything. For example, in Microsoft Paint you can have two colors and use ...
1
vote
1answer
230 views

Monospaced font choice with Material Design

In our application, we adhere to Material Design as much as possible. But the Material Design specification doesn't include any information about a monospaced font. I need to render a set of tables ...
2
votes
2answers
126 views

What cursor would let the user know they need to double click a cell?

I have a cell in a column that is editable by the insertion of text. The user is able to add the text manually once they've doubled clicked the cell. What is the best cursor to display on:hover to let ...
2
votes
2answers
162 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
0
votes
1answer
164 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
1
vote
2answers
128 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
68
votes
12answers
12k views

Why are the profile pictures rounded nowadays?

Why are many websites and applications using round profile pictures? Even the top players like Google and Apple use round profile pics over conventional rectangle frames. Why?
60
votes
13answers
8k 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 ...
2
votes
3answers
143 views

Onboarding suggestions for a redesigned web app?

I'm beginning work on designing the onboarding process for a redesign of one of my company's products, a platform for managing websites and other related services. Are there any best practices for ...
6
votes
3answers
1k views

Why is the new Twitter menu bar on the bottom on iPhone?

Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms. But, because of this goal I couldn't help noticing ...
0
votes
0answers
84 views

Web app UI to fit in to a mobile screen

There is a web app that has a UI like this. Let's call this the estimate builder. The user can add as many estimate items as he wants by clicking the blue button at top right with a plus sign. Also ...
2
votes
2answers
304 views

Add Another Item - best pattern for modals

For this application I am designing, we need to add one or many items to a grid. We have chosen to add the items via a modal dialog due to complexity in certain scenarios that would not be possible ...
2
votes
2answers
129 views

Mobile First for Enterprise Applications?

I'm working on a fairly complex Enterprise Web-Application which will mostly be used with desktop computers. However, it also needs to work with mobiles and tablets, although this will be less common. ...
76
votes
7answers
7k views

Is “user-select: none” bad UX?

I was having a discussion today with a colleague. I showed her "user-select: none" - a CSS property that stops a user from selecting text. To me, this property allowed a more app-like experience to ...
1
vote
1answer
411 views

A Good “Invitation to Connect” Experience

We are building an "connect with your friends" part of our app and I am curious about a good way of doing this. My first thought is do like everyone else, so I looked at Facebook, twitter, LinkedIn, ...
5
votes
3answers
464 views

What are the typical best practices for handling reporting/flagging inappropriate content on a social/UGC site?

I'm designing a site that is driven by user-generated content and will not be heavily moderated. So users need to be able to flag/report inappropriate content and users. I've read that if the asset is ...
5
votes
1answer
105 views

Where to redirect after inviting someone?

We have 3 states for Users: Active, Invited and Disabled. Each user with the specific state is broken into a different tab. For example: download bmml source – Wireframes created with ...
0
votes
1answer
61 views

Switch to realname from username [duplicate]

I'm the only backend developer for a Drupal site and we seldom encounter technical difficulties. The last one was with an AJAX call and to resolve that, I suggested we switch to realname from ...
26
votes
5answers
2k views

Displaying states of machines – Overview site

We need to display the state of some machines in our web application. The machines can have about 8 different states. Our idea is to make a site where the user can see all machines and their state. ...
0
votes
1answer
110 views

User-friendly date interval/duration input

I'm building a configuration page for a web application and some of the parameters are durations. Most of these durations are in days but there are some that might be specified in weeks, hours, or ...
5
votes
2answers
239 views

How to bring the detail view into a sidebar

I have an sidebar similar to this example Home Objects Management* Foo Bar Baz Objects > Management is basically a list of all objects. Each object has a detail view. Workflow: Navigate to ...