Hot answers tagged

36

Luke Wroblewski (aka LukeW) wrote an article about different label position. Like many things in UX Design, its a question about pros and cons.http://www.lukew.com/ff/entry.asp?1502 Mateo Penzo then did some eyetracking to test Luke's article on label placement: http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php For labels left ...


11

This would probably be called UI Style Guide or UI Guidelines but there is no 'correct' name. Apple calls theirs 'iOS Human Interface Guidelines', Microsoft calls theirs 'Windows User Experience Interaction Guidelines'. Both covers pretty much everything that needs to go into a document like this. More examples are: http://www.webstyleguide.com/wsg3/index....


10

A good rule of thumb is that you should only-when-necessary corner users into one action. Ask: "Can the user explore and perform other tasks without this input?" Because popups (I'll call them modals here) inhibit interactivity with other elements on the page, this rule of thumb applies. So unless updating the status is essential to some immediate part of ...


6

I recommend reading this excellent case study of how Evernote got its customers to pay for its service which was initally free. To quote the article But according to one hugely successful startup which operates under the Freemium model, Evernote, converting free to paid is all about engagement. "The easiest way to get a million people to pay for ...


4

I would explain the differences right up front, the first thing on your page they see. Have two big buttons, one for public classes, and one for private classes. Funnel them, as you said. http://jsfiddle.net/pMTRD/ Make both pages friendly, personal, and modern. Business or not, it's still a person looking at the page and so the page should be friendly and ...


4

Whitespace, mostly referred to as negative space, is the portion of a page left unmarked, the portion that is left blank. Moreover, if the people who most need to increase font size are people 65+, which is the group least likely to be skilled enough to have adjusted settings. So first I think you need to understand whether its an IA issue or UI issue. ...


3

The key word here is Business to Business meaning that both the buyer and the seller does this in their profession. From the buyers view, having Case Studies at the web site builds credability which is even more important than prize. As a buyer you are responsible and accountable for your actions, and you need to verify that your choise in vendor is correct. ...


3

First off, I believe you should do some research regarding your target users' screen sizes to see if it actually falls above or below their screen's fold, in case you have not created a fixed footer. The best case solution would be to place it in a fixed footer at the bottom of the viewport. Now going by your premise that the link falls above the fold, ...


3

There is no "correct" name. There are multiple guides out there with differing names. "UI Standards" is a perfectly reasonable name for this document. There is no "correct" information to include. The information that you should include depends on the maturity of user experience in your organization and how well-defined each of these items are. After ...


3

iOS Human Interface Guidelines is a good one. I also like BBC User experience guidelines in which they not only show the standard UI controls but also the bigger picture. The document is also selling the idea behind a common component library. http://www.bbc.co.uk/gel Nike named their component library "NikeOs". You could view small parts from it on this ...


3

A lot will depend on how mature UX is in your organisation. Consider: Key areas where UX can make the most impact - focus on those first User testing your standards: who are they aimed at, and do they work for those people? Having standards that work across multiple channels - e.g. printed literature as well as online Getting buy-in from senior people who ...


2

The tradeoff between getting good statistics vs good user experience should be examined when considering introducing intrusive UIs like Popups. I think you have a very valid concern. That being said, let's assume the statistics are very important... Instead of a new window popup, I'd do something like a modal container that's within the page. I've seen ...


2

I think you are describing a check box : download bmml source – Wireframes created with Balsamiq Mockups I propose you to use your 50x28 room for a Plus button that delivers you the options in a drop down menu. download bmml source I do not know if I am or not respecting the following constraint : I can't change the dropdown box UI but your ...


2

If there isn't sensitive information like payment details you could consider allowing a direct link to renewal with encoded info from within the software, eg pushing a URL like: http://mysite.com/autorenew/E4238F8E-24DB-48FB-B319-E3950F3E6F1B And this link being made up of all the details necessary/non-dangerous. Edit: An alternative playing on the email ...


2

If your client is adamant that they want it to be a part of the same domain, you have another option, present in your browser address bar as you view this. You can use a subdomain to both separate and connect the sub brand, with a URL that looks like: SubBrandY.BrandX.com There is a more clear distinction with this approach for both humans and site ...


2

Could you implement a search-as-you-type functionality when a user enters a company name and alert them if their company is already registered? Workflow: 1. User enters their name, etc. 2. User enters company name. 3. While typing, system checks for an existing company with that name. 4. If a match is found, display an alert to the user asking ...


2

Visual merchandising plays an important part in ecommerce; however having worked in online grocery, a lot of our customers (B2C) had trouble gauging size/quantity by product image alone - unfortunately we learnt from several rounds of eye tracking that customers rarely checked product details to confirm their initial understanding and ordered by image alone. ...


2

Machine-readable content does not necessarily have to have any impact on the visual representation for humans. Potential solutions for you particular case include hCalendar Microformating and Dates, Times and Durations Microdata These are both written into the code rather than in the visual representation. This means they also work for RTL, East-Asian and ...


2

While I don't have any real scientific evidence with graphical representations like SteveD above (great post BTW), I usually go between the vertically displayed labels versus the horizontal right-aligned labels (and left aligned fields). My rule of thumb is if the labels are of similar size I tend to go with the right-aligned label/left-aligned field ...


2

Try putting the stepper navigation up top. Allow them to see the criteria values, and refresh as needed. Since the quality of the list is dependent on the criteria, you could attempt a persistent sidebar, similar to filtering in ecommerce. Material design has some simple patterns for steppers. This will get you some horizontal space to work with. Can you go ...


2

If possible, I would extend the system a bit. With those under-categories of "out-of-stock": Ordered and Permanently out-of-stock. When permanently out-of-stock, the item should be removed of course and a notification appears, when the user opens the cart the next time. If the product is already ordered again, I would leave the item in the cart, but with a ...


2

I think it's great to have this quantity stepper n Product Details page and in the Shopping cart. One interesting example I saw: When you click add to cart The buttons is transforming in the quantity stepper: I would also consider adding suggested amounts under this quantity stepper if you start noticing patterns for specific products where customers ...


1

I feel that recent Digital growth (including freetoplay tools) made the B2B and B2C frontier very thin. Let's look at how big brands do it. Apple and Google sure have a single main web site, then their products may be used by individuals and/or companies. the more you can share, the better it is for everybody if you see value in verticalizing some sites (...


1

You should ask the user to register when it becomes impossible to deliver them additional value without a user account. This will depend on your application, but an example of when an account is absolutely necessary is when you need to save the user's progress for later. Note that account creation can be delayed for quite some time if you are working on a ...


1

Testimonials and case studies are inherently very different things, in that one is very subjective or emotive, and the other (should be) more objective. That should be a big part of why you choose one over the other. Lets say that it is a website about a music festival. Hearing testimonials of what other people thought of it and how they had an awesome ...


1

I would remove the incrementing controls from the quantity inputs. The number HTML input type supports this by default, so it's probably unnecessary. Having users use the mouse to increment or decrement something is going to very slow. Ideally, you'd have the ability to exclusively use your keyboard for this whole process (tabbing left/right, incrementing/...


1

We're facing this exact issue with our B2B customers with a new app release next week. We're releasing an MVP mPOS. Instant gratification, or more specifically dead simple functionality that can be easily reproduced (and is rewarding in that it does what the B2B customer needs), isn't difficult for this user type. In fact, it's infinitely easier because hey, ...


1

I think you could use single Sign Up button on a Home page which leads to descriptive Sign Up page. The reasons are: Home page have small space to contain description for the options. So the options could be confusing for a user. User cannot make error clicking on a wrong button. Special Sign Up page contains description, which allows user to choose right ...


1

What is the difference between business and non business users? Take the example of a careers site. The "Consumer" login is for those wishing to find a new job - i.e. "Candidates". The "Business" login is for those with a job to fill - i.e. "Employers". This distinction give you the labels for your different login options. Another example would be an small ...


Only top voted, non community-wiki answers of a minimum length are eligible