-1
votes
1answer
42 views

Use one page design for website with a detailed “request a quote” form?

One page website design seems to be the popular trend nowadays based on emerging websites and articles online. [1][2] But should one go for one page website design for a website that has a long ...
1
vote
2answers
54 views

Filtering by distance based on an address as reference

Being aware that HTML geolocation API does not work on every browser without using Wi-Fi, I'm trying to use an alternative more accurate to present nearest items from the user location. I'd ...
1
vote
3answers
98 views

What's the best design to get a number from a small range from user?

I have a system where I have to get a number, between 1 and 10, from the user in a web application. (The actual use case is the user has to say which group he is from, and group names are numbers from ...
0
votes
1answer
69 views

Form with an image upload required

I have a form to add an item. I don't consider the item worthy of showing up in the application until an image is uploaded for it. I can add a 'choose file' selector, but if other validation fails I ...
0
votes
2answers
69 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
0
votes
3answers
166 views

How to better represent this multi selection?

Suppose a web application showing a form where user is expected to specify the friends he wants to share with (conceptual example): User can select either: No friends at all (no sharing) within ...
1
vote
2answers
72 views

Including both Stripe Badge and SSL badge for credit card form?

I am currently reading up on credit card form design best practices, and giving visual cues for security seems to be a recurring issue. I use Stripe for credit card processing, and I have not seen ...
2
votes
1answer
106 views

How to design a credit card/payment form for a site filled with non-standard fonts?

Looking over many credit card form design best practices, they stick to very simple/standard fonts and designs. However, these sites use the same fonts throughout the whole site. If my site design ...
1
vote
1answer
86 views

Reverse and optimize the sign up process for double opt-in

The perceived majority of websites have a quite similar approach to double opt-in signups: all information required to sign up is required before sending a confirmation e-mail. The confirmation e-mail ...
0
votes
1answer
55 views

Best way to allow user to create a table

What's a good way to allow users to create a table? Originally, I was thinking markdown, but I'd really like something simpler. One idea I had:
0
votes
2answers
64 views

Being explicit with ToolTip

If we are gonna take in data from users(say mail id), and also if we are accepting more than one entry from the user, how can the tooltip be shown? It can either be explicit or can be made visible on ...
1
vote
4answers
204 views

Best approach to serve long list of form input

I'm tackling one uxd problem on my company's website. We're basically capturing lots of user information through a web-based form with many input types. Now, we want to make the process as easy as ...
2
votes
1answer
130 views

Should GitHub's “Fork” button not be a button? [closed]

As a repository creator, I often find entries on my "news feed" indicating people have forked my Git. However, in being actively involved with all contributors, I also see that most time people fork ...
3
votes
3answers
132 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
0
votes
4answers
279 views

Sign up with Google/Facebook/Twitter/LinkedIn

I have been trying to figure out which sign up buttons would be the best. For me it would be important to get real information, so I thought that signing up with Google and LinkedIn is the best ...
0
votes
2answers
200 views

Differentiating quick-contact and full-contact in a website design

I am designing a commercial website which is very elegant, thinking about adding a quick "sliding" contact form with the essential fields, to be available in all pages of the site, in addition to my ...
1
vote
1answer
122 views

Registration form with payment processing

I am developing a web app whereby registered users will have a dashboard where they can manage their ads, after payment... so they have to register and pay to use the app. The registration processes I ...
0
votes
3answers
143 views

Good text for sign-up button for free app/service?

What's a good text to put on a sign-up button for a completely free app/service? Once the user presses the button, they will be asked to fill out a signup form. The button is the only place that ...
5
votes
3answers
472 views

Tests on more “human-ish” forms

Is there any usability test about using the following style of forms? It would be displayed after the user clicks on "register". Welcome, [full name]________ To save your progress, you will need to ...
1
vote
2answers
239 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
2
votes
2answers
295 views

How to better display a big block of text in a form

I have the following situation: I have to implement a form for a web app with several file upload inputs, that need a rather large block of text next to them (as in the screenshot below). The problem ...
2
votes
5answers
139 views

Entering receipt information for a contest

My town is running a contest. You get one entry for every time you shop local, and the main entry method is writing your contact info on the back of your receipt and dropping that off in a ballot box. ...
1
vote
2answers
176 views

How to simplify this content upload form? [closed]

There are several options, all of which are necessary, but it's very intimidating and kinda unwieldy -- especially for nontechnical users. A similar form is used to type in plain text.
6
votes
3answers
2k views

Patterns for sign-in & registration forms that show password as plain text (unmasked)?

Jakob Nielsen suggested it in 2009 (http://www.nngroup.com/articles/stop-password-masking/), and Luke W concurs (http://www.lukew.com/ff/entry.asp?1653), but are there any real-world implementations ...
5
votes
3answers
336 views

Are there usability problems with optgroup?

The application I'm working on rewriting has 4 major categories, where 2 of the categories each have 3 subcategories. Any given item can only belong to one of the 8 categories. An optgroup (which is ...
7
votes
3answers
526 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. ...
1
vote
1answer
186 views

Paid subscription through social signup?

I have a freemium platform, that currently allows only social sign-up (twitter or instagram). We are now also offering paid services, and an option to upgrade your account. There are two relevant ...
4
votes
2answers
736 views

Should multi-select dropdown/box have an “all” option?

We have a situation where we have an optional "multiple select" box, that looks something like this: <select size="5" multiple="true"> ... </select> This select box allows you to ...
2
votes
5answers
335 views

Should websites require e-mail addresses?

I never understood the need to have an e-mail on websites. Using them as a log in is even worse. Does using your e-mail as a log in improve anything? Is memorizing a username really too difficult? ...
7
votes
5answers
184 views

Where's the best place to put an icon in a checkmark / label question?

The checkmarks ask what food you want and the clock asks if you want it fast. Where is the best place for the icons to go in this example? The icon basically acts like another "yes/no" checkmark. ...
4
votes
6answers
448 views

Best way to show two different kind of login forms

I have a website where there are two different kinds of accounts: Student: a student, once logged in, can do math quizzes Educator: an educator, once logged in, can view various details about the ...
5
votes
2answers
185 views

How to make file download progress more obvious

We have forms on our site that we're using for lead generation. When submitted, the user is directed to the requested piece of content and the file begins downloading right away. We track user ...
6
votes
3answers
1k views

Time Scheduler UI

I am working on a doctor availability schedule page. In this page I need to setup the available times for each day in a week for a doctor. This is a one-time activity. Something is repeated for every ...
2
votes
2answers
657 views

Quick Booking UX/UI design [closed]

I am using Twitter Bootstrap UI for developing screens for my application. I created the booking / appointment page. This page will be used by hospital staffs. They want to quickly fill the data, ...
6
votes
3answers
287 views

Forms: Is it right to show empty fields in an info page?

In an application i am designing, there is a form, where the user completes the fields and some of them might remain empty (not filled by the user). Then we have the info page showing all these fields ...
7
votes
3answers
276 views

Are extensive validations necessary on mundane input forms in a website?

I'm having a rather bitter affair with my client who also happens to be my boss at office. He is a completely non-technical dumb muggle in terms of application development. The frustrating thing is ...
11
votes
2answers
974 views

Good UX for a page

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
4
votes
2answers
439 views

Designing the sign-up process?

I am starting a website consisting of info on local shops, product catalogs, and coupons. now I am in a dilemma over the vendor sign-up process. I want to know which of the following ways should I do ...
3
votes
2answers
186 views

Best Method for Adding Ingredients

I have a recipe application that has a "Add Your Recipe" feature that's current implementation looks like this: Some notes: Upon clicking "Add Ingredient", a ingredient form is added. Same for ...
3
votes
3answers
215 views

Traditional file upload vs repository

I'm working on a b2b web application where users might want to upload files for several purposes: assigning images and/or documents with specifications to their products or businesses, attaching files ...
18
votes
9answers
2k views

Should radio buttons be pre-selected?

I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
9
votes
3answers
212 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
6
votes
1answer
161 views

Ternary Switch - How to implement?

My website gives users a report for their search term, this report contains many different datasets. Each dataset can be configured via options on their profile page, to either; Load when the ...
6
votes
3answers
395 views

Should forms be aligned left or center, if less than full page width?

Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
4
votes
2answers
290 views

Tab order for previous/next buttons in a form

We have a multi-step form that has 2 buttons (Previous and Next) at the bottom of each page. The Previous button is on the bottom left-hand side, and the Next on the bottom right-hand side. What ...
13
votes
3answers
2k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
7
votes
3answers
938 views

Placement of delete button on form

I have a form which edits a flight, and it should be possible to delete them. I have considered putting a delete button in the index page, which lists all the flights, but the table rows are clickable ...
3
votes
2answers
219 views

Why does the advanced twitter search options not using a radio button

https://twitter.com/search-advanced has the following options Any of the words All of the words Exact Phrase But the user could make a mistake and enter values for all of them, why didn't they use ...
5
votes
3answers
739 views

Input mask on credit card number & SSN

Our company is discussing the use of an input mask (asterisk) on credit card numbers and social security numbers. I'm completely against masking the CCN, from a UX perspective, especially since our ...
3
votes
3answers
152 views

Asking for more info on whitepaper download then on trial sign up

Im currently researching how to handle lead generation forms. I came across a website which has 3 slightly different forms for downloading a white paper, downloading an ebook, and downloading the ...