Web UI Design Patterns

Web UI Design Patterns

English | 2014 | 195 Pages | PDF | 28 MB

For many, UI design patterns are challenging concepts to grasp and leverage. This is, in part, due to the lack of literature on the subject matter compared to the massive archives of technical design patterns. It is also due, in part, to the fact that it is human nature to use patterns in a similar manner to stencils – tracing the outlines without understanding the edges; every curve, line, twist, and turn in the shapes being drawn. In practice, patterns are often used interchangeably with specific features, copied as-is from one of the popular design pattern and wireframe libraries – see a full list in UXPin’s Guide to Wireframing. Because I believe understanding patterns is fundamental to good product design and development, I’ve shared an abundance of these best practices with you to help you as you brainstorm, sketch, wireframe, mockup, and prototype. I’ve seen a beautiful assortment of web applications outfitted with click, scroll, drag-and-drop, hover-enabled visual and functional solutions to the user’s everyday problems. To name a few, we’ve summarized patterns and elements of Pinterest, OKCupid, Spotify, Amazon, Kickstarter, AirBnB, Yelp, Facebook, Dropbox, Quora, LinkedIn, Gmail, Eventbrite, Twitter, Mint, Mailchimp, Asana, RelateIQ, Flipboard and many, many more.