UX Design - Patterns Abound!

A collection of resources and patterns for UXD
45 Pins
·
5y
the flow diagram for user flow diagrams and mockups is shown in this screenshot
AI Map Firefox
an illustration of a tree with no leaves
Effects for Card Stacks | Codrops
the top 10 usability heuristics infographical poster is shown here
the dashboard is displayed on top of a white background with an arrow pointing to it
The Dashboard Collection - Desktop interfaces - Gregoire Vella
The Dashboard Collection - Desktop interfaces on Behance
the dashboard is displayed on top of an open book with icons and symbols around it
The Dashboard Collection - Desktop interfaces - Gregoire Vella
The Dashboard Collection - Desktop interfaces on Behance
an iphone screen with the text,'no content available offline '
the mobile pattern is shown in purple
UI UX Inspirational Gallery for iOS and Android
Mobile Patterns
a bunch of different types of webpages on a blue and white background with the words geometric grids above them
Isometric and 3D Grids | Codrops
Isometric and 3D Grids
an image of a web page with many different things on it's display screen
http://zurb.com/patterntap This just seems like a Simply Fabulous website that combines a multitude of different libraries triggers and patterns. Many of them even have code! I love the fact that this is a highly Visual and intuitive pattern Library set designed primarily for visual designers like myself. I hope everybody enjoys this one as much as I am. It's a keeper!
the top five things you need to know about photography
http://zurb.com/quips/questions/67 Did you know that putting the hamburger inside of a box so it looks like a button increase its use by 22.4%? I sure didn't but that and so many more tips are on this link. This is a fabulous repository for incredible pattern advice and tips. Here's another one about the hamburger icon. Heading the word menu underneath the 3 Lines or the hamburger icon, increase is the button used by 7.2% according to Foster's tests! I love it!
a screenshot of a web page with the text'multi level accordion navigation '
http://zurb.com/building-blocks/multi-level-accordion-navigation I'm a sucker for a good accordion navigation system. Here's a fantastic one of the code to the HTML and CSS code base as well…
four different types of arrows and arrows pointing to the same direction, with one arrow in the center
6 types of digital affordance that impact your UX
featured
the letter v is made up of different colored geometric shapes and colors, including pink, blue, and red
Polymer library
Polymer logo
a blue background with the words,'entrepreeur session'on it
YouTube
UI/ UX Patterns
four different types of arrows and arrows pointing to the same direction, with one arrow in the center
6 types of digital affordance that impact your UX
featured