Briefs Avec Polymer, Google veut faire d'Android une interface universelle - InterfacesRiches.fr Après de nombreuses rumeurs et fuites, Google vient enfin de lever le voile sur la future version de son système d’exploitation mobile : Android évolue vers les applications universelles et les objets connectés. Google ne cache donc plus son ambition de faire d’Android LE système d’exploitation universel, celui qui équipera les smartphones, tablettes, voitures, TV, consoles de jeu, objets connectés… Mais qui dit OS universel, dit forcément interface universelle, et c’est là où les choses se compliquent, car d’autres s’y sont cassé les dents (De la difficulté de concevoir une interface multi-terminaux). Sauf que les premiers éléments dévoilés nous laissent penser que cette tentative pourrait bien être la bonne… Un nouveau langage visuel multi-terminaux La preview de Android L n’est disponible que depuis quelques heures, mais l’on commence déjà à voir les premiers tests : Using Android L: a first look at Google’s future. Material Design repose sur quatre grands principes :
Balsamiq. Rapid, effective and fun wireframing software. Life's too short for bad software! Want to create delightful user interfaces? Start by wireframing them in Balsamiq Mockups. Download Desktop App ☁ Start Web App Trial launch demo version Unleash Your Creativity! Balsamiq Mockups is a rapid wireframing tool that helps you Work Faster & Smarter. Making mockups is fast. Quick Add Build a user interface at the speed of thought. User Interface Library Tons of UI elements. Get Honest Feedback Improve your designs by getting immediate and meaningful feedback. Sketch-Style Controls They look like sketches on purpose! Clean Wireframes Option Need to present your work? Iterate Sooner & Painlessly Since Mockups requires little investment in time and effort, you'll revise your designs more often and refine them sooner. Version Control Most of our versions have revision history, and our web app even has branching! User-Test Early! Print out your prototypes or run online user tests, before writing code! Iteration & Versioning Collaborate Smoothly Google Drive Press
Introduction aux web-components avec Google Polymer - fr.romain:blog:3.0 Lors de Devoxx France 2014, j’ai présenté avec mon ami Julien Jakubowski un “Tools In Action” sur la création de web component avec Google Polymer. Peut-être que vous n’avez pas eu la chance de venir y assister. Je vous propose donc une initiation à Google Polymer et aux web components. Un site internet, c’est un ensemble de pages écrites en HTML (dans la plupart des cas du moins). Ce n’est pas trop moche, mais cela reste moins lisible que quelque chose de ce genre : Or la lisibilité est un critère très important quand on sait que l’on doit passer 80% du temps à lire du code et 20% à en écrire. Dans le même genre, est-ce qu’il ne serait pas plus pratique d’écrire ceci pour embarquer un tweet dans une page : Hé bien c’est le but des web components que de proposer de créer ses propres balises HTML et de pouvoir les exporter facilement. Ces standards sont toujours à l’étude, mais il existe quelques implémentations pour pouvoir jouer dès à présent avec les web components. Assez parlé, codons !
POP - Prototyping on Paper | iPhone App Prototyping Made Easy Comment les composants web ambitionnent de révolutionner les applications en ligne - InterfacesRiches.fr Les composants web ne sont (encore) pas très connus de la communauté, pourtant ils représentent une avancée majeure dans la standardisation des interfaces web. À l’origine, HTML est un langage conçu pour créer des pages web, donc un réceptacle à textes, images et tableaux. Le W3C y a rapidement ajouté les formulaires en ligne pour offrir aux pages web un minimum d’interactivité. Après deux décennies de pratiques, HTML se révèle être une technologie robuste et mature pour la plupart des sites web (sites rédactionnels, portails, boutiques en ligne…), en revanche, les choses se compliquent dès qu’il est question d’applications en ligne. Si les dernières balises introduites dans HTML5 permettent de mieux structurer les contenus (je pense notamment aux balises Nav, Article, Footer ou Aside), rien n’a été prévu pour les applications. Il en résulte une utilisation anarchique de CSS et javascript pour pouvoir reproduire ce que nous connaissons dans les interfaces des logiciels.
Comparatif (rapide) des différents outils de prototypage Choisissez votre outil de maquettage ![ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)] À l’approche des fêtes, nous avons décidé de remettre à jour notre liste d’outils de maquettage. Parmi trente outils testés, nous en avons sélectionné une vingtaine, en les catégorisant pour vous aider à mieux choisir. N’hésitez pas à réagir à cette liste pour le plus grand bonheur de tous. Vous souhaitant une bonne lecture et d'excellentes fêtes ! Des outils très complets pour des interactions très poussées Axure Axure, est incontestablement indétrônable en termes de maquettage dynamique. Justinmind Justinmind est un concurrent sérieux de notre bon vieux Axure. Une solution plus simple mais efficace Balsamiq Mockup Balsamiq, malgré son manque de richesse en interaction, reste apprécié pour créer rapidement des maquettes. Les outils généralistes Certains outils ont des fonctionnalités qui ne sont pas nativement dédiées au maquettage. Power mockup Power Mockup est une extension de powerpoint, qui permet d’importer une bibliothèque de patterns. Microsoft Visio OmniGraffle Pour les webdesigners Cacoo