UX Design - Patterns Abound!

A collection of resources and patterns for UXD
·
45 Pins
 4y
Collection by
the dashboard is displayed on top of a white background with an arrow pointing to it
The Dashboard Collection - Desktop interfaces
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
The Dashboard Collection - Desktop interfaces on Behance
the mobile pattern is shown in purple
UI UX Inspirational Gallery for iOS and Android
Mobile Patterns
an illustration of a tree with no leaves
Effects for Card Stacks | Codrops
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
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
a diagram showing the different stages of human development
a blue and pink pattern with triangles on it's sides is featured in this image
The Price Of Not Using UX Patterns
The Price Of Not Using UX Patterns | UX Magazine
the pricing page for an email marketing campaign
Pricing table screenshot collection
aha.io
the pricing sheet for an appliance is shown in this screenshote image
15 Pricing Pages and Tables for Your Web Design Inspiration
Salesforce pricing table
the text dark patterns is displayed on a blue background
Dark Patterns: User Interfaces Designed to Trick People
the wordpress news page is displayed with an image of someone holding a cell phone
Needy Design Patterns: Please-Don’t-Go Popups & Get-Back-to-Me Tabs
the table shows that there are two different types of windows
the landscape of user research method for learning and using technology to understand what it is
When to Use Which User-Experience Research Methods
Chart of 20 user research methods, classified along 3 dimensions
three triangulars are shown in different colors on a light blue background, with one red triangle at the bottom
Understanding Web UI Visual Hierarchy
three different views of the same area in an open - source map, each with colored lines and dots
F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)
two screens showing the same image as they appear to be in different colors and sizes
Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop
the text patterntap zurb library is shown in white on a blue background
PatternTap
PatternTap | ZURB Library
a screen shot of the pattern lab website
Create atomic design systems with Pattern Lab - Pattern Lab
Atomic Design | http://patternlab.io
an image of a brown background with the words u - patterns com
UI-Patterns.com
UI-Patterns.com
an image of a computer and tablet with the wordpress plugged in on it
Sign up for CareerFoundry Signup | InVision
Invision Careerfoundry
an image of the different weather patterns in the earth's climate zones and their corresponding temperatures
Customer Journey Maps
Customer Journey Maps on Behance
a website page with many different images
Axure Widget Libraries - UX/UI Land
UX Superpowers
a flow diagram with several different types of people
Axure Widget Libraries - UX/UI Land
UX Superpowers
an image of a red and white diagram
Axure Widget Libraries - UX/UI Land
UX Superpowers
an image of a web page with the text product listing
Axure Widgets & Templates Bundle
Axure Widgets & Templates Bundle - Axureland
an image of a computer screen showing the steps to install and configure
iPlay - UX Flow
Hey there! As you know, we are working on a new iOS app. It is a new social community platform for sports stars and their fans to easily communicate with each other. Here's a sneak peek of the ...
a large number of different types of webpages on a white and blue background
UI8 | Curated Marketplace for Designers
Thunder UI Kit
an image of the back side of a computer screen with text and images on it
Wireframe Patterns: Design at a Pro Level with Ease
wireframe patterns- mobile + desk for $47
a bunch of different lines that are on top of each other in the same color scheme
UX Framework - Wireframe Kits
https://ui8.net/product/ux-framework?rel=rola