SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
How UI Framework improves design process - 2015 (Dribbble meetup)
Designer at SoftServe MARIAN MOTA
ua.linkedin.com/in/marianmota dribbble.com/marrimo slideshare.net/motamarian behance.net/Marrimo twitter.com/marrimo ua.linkedin.com/in/marianmota
PATTERNS How to arrange your
components on the screen What problem does this pattern address? When should this pattern be used? Why should this pattern be used? Search Log in Comments Inline Validation Wizards / Stepped Forms Keyboard Shortcuts Default Values & Autocomplete
FEW MORE THINGS 1.Add the
option to link related patterns 2.If you have more than 20 patterns, make sure they are searchable. 3.Add the ability to show dates of recent updates, recent changes, or archived patterns that have been replaced with new ones. 4.Style the UI toolkit the same way that you would style the real application
Modular Web Design: Creating Reusable
Components for User Experience Design and Documentation Nathan Curtis Designing Interfaces Jenifer Tidwell Designing Web Interfaces: Principles and Patterns for Rich Interactions Bill Scott, Theresa Neil Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience Christian Crumlish, Erin Malone RESOURCES - BOOKS Atomic Design Brad Frost The critical components of web ui style guides UX Pin