Main Page - Social Patterns Interaction Design Pattern Library - Welie.com 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. 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.
Fantastic Information Architecture and Data Visualization Resources Jan 15 2010 Information architecture can be a daunting subject for designers who’ve never tried it before. Also, creating successful infographics and visualizations takes skill and practice, along with some advance planning. But anyone with graphic design skills can learn to create infographics that are effective and get data across in a user-friendly manner. Below are a collection of resources to get you going down the information architecture and data visualization path. Whether you just want to become more familiar with infographics and data visualizations for occasional use or are thinking of making it a career, the resources below will surely come in handy. 1. Information architecture can be so complex, it’s no wonder there are entire sites dedicated to it. Info Design Patterns Info Design Patterns offers up information architecture news (a fairly new section without a lot of content) and a searchable database of info design patterns. InfoDesign Information Design Watch JJG.net 2. 3.
Design patterns, des librairies pour la conception d’interface Les sont des schémas de conception, c'est-à-dire des modèles d'interface répondant à des cas typiques d'interaction. Les design patterns permettent d'avancer rapidement lors de la conception en fournissant des gabarits qu'il suffit d'adapter et d'assembler pour construire l'interface. Notre dernière liste de librairies et sa mise à jour commençaient à dater un peu, voici une nouvelle mise à jour plus complète. Au menu de cet article : des librairies de patterns pour trouver des solutions ergonomiques ( ici ), des galeries de patterns pour s'inspirer ( ici ), et des librairies interactives pour se faire une idée ( ici ). Les librairies de patterns Les librairies ont l'avantage non seulement de proposer de nombreux patterns, mais surtout d'en expliquer l'usage. Les nouvelles librairies Des patterns actuels, avec une explication sur leur usage en contexte. Une librairie qui mérite de s'enrichir, car ses patterns sont tous actuels. Les librairies incontournables Le site est très riche. Note :
Maps In Modern Web Design: Showcase and Examples - Smashing Magazine Advertisement Geo-location was a hot topic in 2009. With so many applications on GPS-enabled smartphones, more maps than ever were accessible to the average person. But how can Web designers and developers take advantage of an increasingly location-aware user base? This article explores existing trends, conventions and the possible future of interactive maps online. The Fundamentals Of Online Maps When most people think of maps on the Internet, Google, MapQuest and TomTom might come to mind. This isn’t a lesson in cartography, but understanding the purposes that maps can serve in modern Web design is important. Navigation and directions,Show relationships and trends geographically,Show points of interest. Interactive Maps The expansion of Web technology over the past decade has opened a number of doors to presenting data online. Interactive maps on the Internet present data most effectively when they invite action from the user. Panning and zooming are fundamental to the interactive map.
lovely ui Understanding by Design ARISTOTLE" (THE KNOWLEDGE WEB) By W. Daniel Hillis Bush's imagined solution to this problem was something he called Memex. Memex was envisioned as a system for manipulating and annotating microfilm (computers were just then being invented). The system would contain a vast library of scholarly text that could be indexed by associations and personalized to the user Although Memex was never built, the World Wide Web, which burst onto the scene half a century later, is a rough approximation of it. As useful as the Web is, it still falls far short of Alexander's tutor or even Bush's Memex. A New Tool for Learning Let's put aside the World Wide Web for a moment to consider what kind of automated tutor could be created using today's best technology. For example, one topic in the knowledge web might be Kepler's third law (that the square of a planet's orbital period is proportional to the cube of its distance from the sun). Learning with Aristotle Now let's assume that you have access to the automatic tutor. Table of Affordances
Dynamic Diagrams' take on the world of visual explanation, information architecture, design, and technology UX Booth: User Experience & Usability Blog Cool Infographics - Blog Visualisation Magazine | collates the most creative and innovative visualisations of information Jesse James Garrett: experience design and information architecture resources The Ludologist » A History of Matching tile Games: Am I Missing Something? I am working on an article about the most disrespected and despised game genre there is. That’s right, matching tile games. For that, I am looking at tracing the innovations and developments of the last 20 or so years. Arrows mean “family resemblance and probably inspiration” – I will not attempt to verify that a specific game designer was inspired by a specific other game. Question: Am I missing a game that contributed to the history of matching tile games? Click here to open a larger version of the diagram.