0
votes
1answer
106 views

Web UI design for CRUD modules

In the past, I mainly programmed desktop applications. When I created an administrative app for a store, I did the following for CRUD modules. Let's say I need to add new articles to my store, the ...
0
votes
2answers
89 views

How to show facts & forms in first fold of the browser?

I am working on a form page. In which first their is a page heading comes then facts related to form & then form comes. My project manager wants facts & form comes in the first fold of the ...
0
votes
1answer
52 views

What is the best way to display many multiple selection of US states?

I am currently working on a project to create a "wizard" for users to customize dashboard. One step is to select the states they are interested in. There are so many states, but I don't want to split ...
-1
votes
1answer
58 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
60 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
101 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
77 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
74 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
178 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
102 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
138 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
93 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
62 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
66 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
254 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
136 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
136 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
288 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
229 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
127 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
145 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
479 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
280 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
311 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
143 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
177 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.
7
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
340 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
530 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
187 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
779 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
337 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
186 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
462 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
192 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
698 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
297 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
278 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
993 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
458 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
190 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
224 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
3k 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
213 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
162 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
409 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
307 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 ...
14
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 ...
9
votes
3answers
999 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 ...