UXpin, 2014. — 135 p.
UI design patterns are frequently misinterpreted and misused concepts. I’ve learned a lot about them in writing this e-book and hope you do too.
Too often, they’re confused with specific elements (or features) that can simply be developed as-is from one of the popular Design Pattern and Wireframing Libraries.
While those examples are a great start, they’re not enough. And although UI design patterns overlap with development patterns- which you can learn more about in
A Beginner’s Guide to Design Patterns- they’re focused more on solving common user problems and less on product problems.
The UXPin team recently scoured the interwebs for mobile UI design patterns and elements being used by the most forward-thinking mobile application companies and adopted eagerly by many others as the product design and development process becomes even more lean- and competitive. We’ve seen a beautiful assortment of mobile applications outfitted with touch, press, swipe and drag, and pinch-enabled visual and functional solutions to the user’s everyday problems.
Below, I’ve shared an abundance of these standard reference points with you to help you as you brainstorm, sketch, wireframe, mockup, and prototype.
To name a few, we’ve summarized patterns and elements of Uber, Pinterest, Tinder, OKCupid, Spotify, Yelp, Facebook, Instagram, Dropbox, Dropbox Carousel, Facebook Messenger, Secret, Quora, LinkedIn, RelateIQ, Flipboard, Snapchat, Mailbox and many, many more. We’ve even included matching wireframe examples to help you visualize these patterns and elements at different stages in the design process- you can use them directly in our wireframing and prototyping tool, UXPin. Some of the UI design patterns and elements are also covered in UXPin’s free Web Design Trends, Mobile Design Trends, and The Guide to Wireframing e-books- bookmark them for another time since there’s a lot to catch up on.
6 We’d love your thoughts on what I’ve written. And feel free to include anyone else in this discussion by sharing this e-book.