Best Practice UX Forms Stencil v1.1 | Graffletopia
This is the second, more comprehensive release of this stencil which follows best practice UX form design practices, providing three different ways of laying forms out, each with their own benefits. This version also provides different button layouts, a progress indicator, captcha code input field, labels and more.
Web Application Form Design
By Luke Wroblewski Originally published: Jun 26, 2007 “Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields.” –HTML: the Definitive Guide Quite rare is the Web application that doesn’t make extensive use of forms for data input and configuration. But not all Web applications use forms consistently. Variations in the al
Label Placement in Forms :: UXmatters
In using eyetracking to evaluate the usability of search forms for my previous article for UXmatters, “Evaluating the Usability of Search Forms Using Eyetracking: A Practical Approach,” we discovered much interesting data. I’ll provide an in-depth analysis of that data here. Please note that our ad-hoc test setup didn’t resemble real-world conditions. Since I had to properly measure saccadic activ
Free Cheat Sheet For Designing Web Forms — Smashing Magazine
Created by Joe Leech and released for Smashing Magazine and its readers, this sheet contains an Omnigraffle template, as well as Photoshop (PSD) and PDF examples for you to download and use as you wish. Forms, forms, forms: so often overlooked in design. In this post, we are pleased to release the Form Design Cheat Sheet, created by Joe Leech and released for Smashing Magazine and its readers. Thi
Innovative Techniques To Simplify Sign-Ups And Log-Ins — Smashing Magazine
In this article, we present a couple of new ideas to design sign-up and log-in forms that might be useful for your next designs. Find some innovative techniques that could make your forms simpler and more efficient to fill out. There are many ways to design sign-up and log-in forms. Most designers are familiar with the conventional ways. But understanding and applying a few innovative techniques c
* Is this a required field?
When you’re designing a form most of you will mark required fields with an asterisk (*). Then you’ll add something like “* Required fields” to the top of the form. But surely we now live in a world where everyone already knows this. Do we really need to include a legend indicating what the asterisk means? Do we need to explain what it means? A legend is a key that tells the user what certain symbo
12 High-Quality Free CSS Button Libraries & Frameworks – Speckyboy
bttn.css Library bttn.css is a collection of lightly-styled buttons that feature different shapes, sizes, and colors. All styles can be called with simple class names. With the minified CSS file coming in at just 4kb, this library is also quite lightweight. CSS Buttons Collection The title may be simple, but Buttons is a library with over 20 collections of styles to choose from. Standouts include
Web Forms - Dive Into HTML5
You are here: Home Dive Into HTML5 A Form of Madness Diving In Everybody knows about web forms, right? Make a <form>, a few <input type="text"> elements, maybe an <input type="password">, finish it off with an <input type="submit"> button, and you’re done. You don’t know the half of it. HTML5 defines over a dozen new input types that you can use in your forms. And when I say “use,” I mean you can
Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form|Dzine Blog
Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form In most online business the revenue of the site solely depends on the registered and active users and Making the visitor of your site to sign up isn’t easy, nobody likes to fill in forms . Web forms bridge the gap between the product and the customer therefore, we designers, need to figure out sound design make the form
LukeW | The Apple Store's Checkout Form Redesign
The Apple Store's Checkout Form Redesign by Luke Wroblewski December 16, 2009 Though most people wouldn't consider Apple's Web site an important online destination, November saw Apple in the top ten list of US Web sites. 62 million Internet users visited Apple online during the month with an average of 1 hour and 18 minutes spent per user. By comparison, Google had 155 million unique visitors in N
Have a Field Day with HTML5 Forms
Forms are usually seen as that obnoxious thing we have to markup and style. I respectfully disagree: forms (on a par with tables) are the most exciting thing we have to work with. Here we’re going to take a look at how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques. I promise you will want to style your own forms after you’ve read this article. Here’s what we’ll
Web forms design guidelines: an eyetracking study | cxpartners
Forms can be found on almost every website; from contact or feedback forms in small websites to bank details in commerce websites, from registration to communication, from banking to searching. What we wanted to do, and why we wanted to do it At cxpartners, we have designed and tested numerous new and existing forms for websites from different companies. We use a set of golden rules that we use as
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Forms On Mobile Devices: Modern Solutions — Smashing Magazine
Always Mark Optional Form Fields Not Required Ones
How to Achieve Painless Registration
http://japan.internet.com/developer/20091124/26.html