background preloader

InfoDesignPatterns.com

InfoDesignPatterns.com
Related:  ocean bleuDesign patterns

Main Page - Social Patterns Tabula: Extract Tables from PDFs 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 :

Citadel on the Move > Open Data > Convert My Dataset Here you can transform your data into the Citadel format. Using the Citadel format will allow you to use our Application Generation Tool to make apps and make your data useful to other people. Citadel have created this convertor to make is easy for you to change your excel sheets, CSV files or other information into the Citadel format. Each entry in the dataset should have a Title, an Address, a Category (e.g. event, restaurant, parking space ect...) and an ID (a number attached to each record) all in separate columns. Once your dataset is in shape, use the convertor below to transform it into Citadel-friendly format. Need help with conversion?

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 Raphaël—JavaScript Library Understanding by Design Jacques Bertin’s Reorderable Matrices | List of Physical Visualizations A device made by French cartographer Jacques Bertin for exploring tabular data, developed in the mid 1960s. More photos on the aviz website, in the flickr photo set by Jean-Baptiste Labrune, and on Page 78 of Nathalie Henry's PhD dissertation. Also see Jean-Daniel Fekete's interview on Jacques Bertin by Enrico Bertini, our interview by Data Stories where we demo a simplified version of Bertin's matrix made by Innar Liiv, and the Web page of Bertifier. Sources: Jacques Bertin (1969) Graphique et mathématique : généralisation du traitement graphique de l'information.

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

5 outils pour créer des tests en ligne Dans le trousse à outils de l’enseignant ou formateur connecté on trouve bien sûr les questionnaires interactifs ou tests en ligne. Il existe de nombreux services sur le web qui vous permettent de bâtir en quelques minutes un test pour le proposer à vos élèves ou apprenants. Voici une petite liste non exhaustive de 5 outils pour créer des tests en ligne. Google Drive Google fait bien sûr partie de cette liste. Quizbean Un outil en ligne gratuit qui permet de créer de jolis tests dans une interface moderne et attrayante. Quiz me online Cette ressource se présente comme un réseau social d’échanges pour enseignants et élèves. GoConqr Comme Quiz me Online, GoConqr que l’on connaissait jusqu’ici sous le nom d’ExamTime ne se limite pas à proposer un éditeur de quiz. Quizlet Quizlet est un bon outil en ligne qui permet de créer des tests interactifs très facilement. Voilà pour cette petite liste, vous trouverez d’autres outils pour créer des quiz ici sur le site.

Dynamic Diagrams' take on the world of visual explanation, information architecture, design, and technology Montrer toutes vos compétences grâce à Mozilla Open Badges Cet article a été écrit par Fabio Dell’Anna. Vous pouvez le suivre sur Twitter @fabiodellanna Il n’y a pas que chez les scouts où l’on reçoit des badges. Vous savez ces petits écussons qui vous gratifient d’avoir allumé un feu à l’aide de deux pierres. Mozilla si met aussi… Qu’est-ce que Mozilla Open Badges ? Nous avons tous des diplômes, que ce soit un master, un brevet ou même un prix que l’on expose fièrement sur le mur (une pensée pour notre docteur) ou qui accompagne notre CV. Cependant, Mozilla estime que ces certificats traditionnels ne permettent pas de montrer toutes les compétences d’une personne. C’est pourquoi, Mozilla a conçu Open Badges, un logiciel gratuit sur lequel la fondation a travaillé pendant deux ans en collaboration avec la MacArthur Foundation. C’est encore un peu flou ? A quoi sert Open Badges ? Rendez-vous sur le site : A partir de là, plusieurs options s’offrent à vous : Ne paniquez pas ! Earn – Gagner vos badges Issue – Émettre vos badges

Related: