Fancy Form Design

Overview

“This might be the most practical/useful tech book I own…”

—Jamie Kosoy

What You’ll Learn

This book will show you how to:

• Turn ugly forms into artistic masterpieces
• Code forms without the “pull-your-hair-out” frustration
• Combine stunning looks with maximum usability
• Add funky functionality with jQuery goodness

Read more about this book at SitePoint »

Authors

Jina Bolton is an interaction designer at Crush + Lovely. Previously, Jina worked at Apple, Inc. as a visual interaction designer and front-end web developer. You can check out her website, view her author page at Amazon, and follow her on Twitter.

Tim Connell is a developer with Fresh Interface and a technical consultant for Squiz Australia, who specialize in enterprise content management.

Derek Featherstone is a designer, dad, husband, triathlete, speaker, author, accessibility specialist, and Group Lead of the Web Standards Project. You can check out his website, Box of Chocolates and follow him on Twitter.

Table of Contents

• Preface

1. Planning
   1. The Elements of Forms
   2. Enhanced Elements
   3. Research and Finding Inspiration
   4. Interaction Design
2. Designing
   1. Grid and Typography
   2. Color
   3. Imagery
   4. Summary
3. Structure
   1. The Structure of a Form
   2. Instructions, Errors, and Advisory Text
   3. The Final Markup
   4. Conclusion
4. Styling
   1. Stuff to Consider
   2. Preparing Your Canvas
   3. Reset Styles
   4. Fieldsets and Legends
   5. Form Questions
   6. Putting It All Together
5. Enhancing
   1. Fancier Form Widgets
   2. Back to Our Forms
   3. Conclusion

• Index

Extract

View the Fancy Form Design extract on Slideshare.