background preloader

Design Pattern Library

Design Pattern Library

Patterns in Interaction Design Interaction Design Pattern Library - Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial.

UI Design Patterns and Library Builder Social Patterns HSL Color Picker - by Brandon Mathis HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it's clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a cream color. Look at that in hex, #2C1D07 to #DDCFBB, or in rgb, rgb(44, 29, 7) to rgb(221, 207, 187), and the relationship between colors isn't evident in any meaningful way. In graphics software I pick colors in HSB (Hue, Saturation, Brightness) because it feels more natural to work with than RGB or CMYK. How to think in HSL Pick a Hue from 0 to 360 and with saturation at 100 and luminosity at 50 and you'll have the purest form of that color.

UI Design Pattern Library Main Page - Social Patterns Social Design Strategy Great products and services depend on their users having great experiences. But it’s not about what users do or how they do it, but rather why. Why they do what they do, why they keep coming back, and why they tell their friends. And social design aims to explain the why behind great experiences. I’ll tell you a quick story. Strand Book Store in NYC is apparently very famous, but I had never heard of it (and I’m from the New York area, too) until earlier this year when I was walking around with a friend and she pointed it out to me. That story in and of itself is not a big deal. In these cases and when we are faced with more subjective questions such as, “Where’s a good Italian restaurant?” Communities are very useful. And though we have all kinds of relationships in our lives—with coworkers, neighbors, or brands, and long lasting or short lived, formal or intimate—it’s with our strongest ties that our trust lies. Trust is built through this conversation. Building Conversation Listening

Public domain image resources Public domain image resources is a copy of the master Wikipedia page at Meta, which lists a number of sources of public domain images on the Web. Public Domain images should be marked with the Public Domain Mark 1.0. Public Domain Mark enables works that are no longer restricted by copyright to be marked as such in a standard and simple way, making them easily discoverable and available to others. Please read the policy on image use and etiquette at: Wikipedia:Image use policy. See also: General Collections[edit] Public Domain resources should have either the Public Domain Mark 1.0 or the CC0 1.0 Universal (CC0 1.0) Public Domain Dedication mark visible. – 13,990,108 Free Public Domain/CC0 Images from multiple sources. US Government resources[edit] If any page or image seems missing, replace in its URI with Subject-based Collections[edit] Ordered by subject, alphabetically: Art[edit] Music[edit]

Main Page - Social Patterns From Social Patterns #What is this site? #What's a pattern? Social Patterns & Best Practices Getting started What is this site? skip to the patterns! The Designing Social Interfaces patterns wiki is a companion site to the book that Christian Crumlish and Erin Malone are currently writing for O'Reilly Media. We decided to share the patterns as we write the patterns and the book to get community feedback. If you choose to contribute, we ask that you don't delete sections out right, but rather add your information with attribution. We look forward to talking with you! What's a Pattern? A pattern describes an optimal solution to a common problem within a specific context. A pattern is not a finished piece of code or design. When we talk about patterns, we often start by noticing social behavior patterns. The patterns in this collection are social design patterns (a.k.a. social user experience design patterns). Want to work on a pattern? The Site and The Book

Related:  UI Patternsdebashish.onetech 2UX