We Love Icons: Mac, Windows and Linux PNG icons of the finest quality! 43 Essential Controls for Web Applications. Designing a web application? Familiarize yourself with Rich Internet Application technologies and the best UI controls for creating your application. Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and timely experience.
If you are moving from website design to web application design, the best information you can have at your disposal is an understanding of these essential controls. Most of these libraries, toolkits, and/or frameworks have an online gallery of controls (also called components, widgets, UI controls) you should explore. Why? So you aren’t one of those designers making a bunch of pretty pictures in Photoshop or Illustrator that can’t be implemented (or are too expensive to be coded as designed). Many products are siloed by the RIA framework they are using, and designers create novel controls when the framework doesn’t have what they need. 30 Essential Controls « Theresa Neil.
This is the second article in a three part series on patterns and principles for RIA design. Standard Screen Patterns: 12 patterns w/100 examplesEssential Controls: 30 controls for RIA design and developmentComponents for Commonly Requested Features: 15 patterns and examples Every designer has a set of controls they rely on to communicate an effective UI. This is my library of essential controls. Unfortunately, no single RIA framework offers all 30 of these. So I included a checklist of which frameworks provide each control. The frameworks reviewed include: Flex, Laszlo, Silverlight and 12 Ajax frameworks and toolkits: ExtJS, Dojo, YUI, Google Web Toolkit, Prototype/script.aculo.us, JQuery, MooTools, MochaUI, SproutCore, LivePipeUI,IT Mill, Backbase. 01.
Google’s Auto-Complete Supported by: Flex, Laszlo, ExtJs, Dojo, YUI, Google Web Toolkit, Prototype/script.aculo.us, JQuery, MooTools, MochaUI, IT Mill, Backbase, Silverlight. 02. Carousel Prototype carousel widget 03. 04. 05. 06. 07. 08. 09. Une bibliothèque de composants d’interfaces riches. Voilà maintenant près de 3 ans que je rédige ce blog dédié aux interfaces riches, et encore quelques années de plus que je parle de ce sujet sur mon blog FredCavazza.net.
Depuis toutes ces années, je n’ai jamais eu l’occasion de vous parler de bibliothèques de composants d’interface. Pour faire simple, une interface est composée de différents éléments qui la composent (cadres, items de navigation, moteur de recherche, carrousel…). Ces composants sont en quelque sorte l’alphabet du langage des interfaces, et quand on y réfléchit bien, il n’existe qu’un nombre limité de composants à partir desquels est composée la très grande majorité des interfaces. Il existe déjà des bibliothèques de composants d’interfaces web traditionnels (cf. Et on reparle des bibliothèques de modèles de conception), mais je souhaiterais aborder aujourd’hui les bibliothèques de composants d’interfaces riches. Ça tombe bien, car il existe une spécialiste : Theresa Neil. Ideation + Design | Presentations on Digital Product Strategy & Design.