background preloader

Bibliothèques d’icones pour le Web et les applications[ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)]

Bibliothèques d’icones pour le Web et les applications[ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)]
Durant nos formations en ergonomie, les participants ont souvent des questions relatives aux bonnes pratiques en matière de conception des interfaces (Web ou application). Une question récurrente concerne l'utilisation des bibliothèques d'icones lors de la conception de maquettes fil-de-fer (wireframe). Quelle bibliothèque choisir ? Quel type d'icones utiliser ? Pour répondre à ces questions, nous vous proposons des recommandations sur l'utilisation des icones pour la conception. Symbolique Quand nous parlons de symbolique, nous faisons référence à la capacité de l'icone de transmettre une idée à l'utilisateur. Lors des phases initiales de la conception d'interfaces, la symbolique est la seule variable que nous devrions prendre en compte pour le choix des icones, puisque c'est ce facteur qui va assurer la compréhension de l'action à réaliser. Simplicité En fonction de ces deux variables, nous avons identifié plusieurs sources d'icones qui peuvent être adaptées à vos maquettes wireframe. Related:  icones

16 sites pour trouver des illustrations vectorielles gratuites Pour tout designer / webmaster / auto entrepreneur web qui se respecte, le problème des images pour créer un site est récurrent. Il existe une multitude de sites pour trouver des photos stock, mais beaucoup sont malheureusement payants. Il existe heureusement quelques alternatives, qui feront l'objet d'un billet ultérieur Pour ce qui est des illustrations vectorielles, ou vector files, le problème devient un peu plus épineux. Faites chauffer les bookmarks ! Snap2Objects, propose des silhouettes de personnages, ainsi que bien d'autres ressourcesLogoTemplater : des illustrations pouvant servir de base à un logoDesigners Revolution : pas mal de packs IllustratorTHePixlPusherCreatSK8Vibr8Bros : pas mal de badges / stickersFree LogoTypes, pour retrouver les logos des grandes marques en format vectoCoolVectorsVector4Free, des vectoriels dans pas mal de catégoriesGoMediaZineGarcya.usDezignus une mine d'or. J'espère que vous trouverez votre bonheur dans cette liste.

Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration… | Le blog sur l'art digital, le webdesign, l'illustration et le digital painting Concevoir une apps pour mobile La conception d’application pour mobile est une demande régulière. Il est parfois difficile de faire comprendre les règles à appliquer dans la conception des applications en général et plus précisément sur mobile. Il faut comprendre que la conception d’application pour mobile se base sur les mêmes principes que les applications classiques WIMP. Ces interfaces se basent sur le principe simple qu’il faut permettre à l’utilisateur de s’appuyer sur ses connaissances du monde. C’est qu’on appelle aussi « la métaphore du bureau ». Si on prend le cas d’un dessin, il est au centre du plan de travail. L’exemple de Macpaint, reprend les mêmes codes. C’est la même chose dans les apps mobiles actuelles. Donc pour concevoir une application, il faut déterminer quel est l’objet de l’interaction. Il faut maintenant appliquer le guidelines de l’OS pour lequel on conçoit l’interface. Les guidelines suivent tous la même structure à quelques variantes près. Les principaux guidelines pour mobile : Objectif

5 sites d'icônes gratuits Aujourd’hui, j’ai décidé de partager avec vous quelques sites proposants des collections d’icône au format PNG, ICO, JPG ou encore GIF. Rien de tel qu’une belle image ou de jolies icônes pour une présentation, un site web… Internet est une vraie mine d’or. Après l’article 10 sites d’images gratuites et libres, je vous propose de retrouver ci-dessous 5 sites proposants des icônes gratuits dans différents formats et dans une multitude de tailles allant du 16*16 au 512*512… Avant de rentrer dans le vif du sujet, il existe un vrai débat sur le genre du mot icône : Féminin ou Masculin… Il semble que ce soit le féminin qui l’emporte, donc ne nous prenons pas la tête. PNGFactory : L’interface est élégante et le site en français. Icon Finder : Un de mes préférés… L’interface est sobre et fonctionne par recherche de mots clés. IconsDB : Celui-ci sort du lot car il est à mon sens destiné en priorité à ceux qui cherches des icônes personnalisables à volonté.

Flaticon, plus de 50 000 icônes libres de droits On vous présente régulièrement des moteurs de recherche d’icônes, des sélections ou des sites dédiés. Mais dans le genre, Flaticon est clairement au-dessus du lot. On y trouve pas moins de 57 000 icônes ! Et de nouvelles sont évidemment ajoutées régulièrement. Test comparatif des systèmes mobiles : iOS, Android, Windows Phone[ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)] Usabilis a conduit une étude sur l’ergonomie des mobiles afin de comparer objectivement l'expérience utilisateur sur les différents OS mobiles : iOS, Android, Windows Phone. Il en résulte que Windows Phone propose la meilleure expérience utilisateur, Android souffre d'une interface trop chargée et iOS manque d'homogénéité entre les applications. Pour cette étude, nous avons réalisé une série de tests avec 27 utilisateurs néophytes et réguliers d’iOS, Android et Windows Phone. Vous trouverez dans cet article un résumé des résultats. Contexte Depuis maintenant plusieurs années, les smartphones connaissent un essor fulgurant et sont désormais utilisés de manière quotidienne par de nombreux usagers. L’une des raisons de ce succès est certainement la convivialité d’usage que permet l'interface de ces téléphones. Session de test utilisateur Objectifs principaux Cette étude a plusieurs objectifs : Résultats de l’étude Android, arrivé en 2008, a choisi une autre direction pour son interface.

Iconion : Free Icon Maker Utilitaires - Pédagogie Quelques collègues courageux et méritants ont créé des programmes spécifiques, destinés à être utilisés par des enseignants, avec leur classe. Leurs avantages : ils sont très ciblés sur un apprentissage donné, ils sont bon marché, et sont souvent utilisables sur les vieux PC qui traînent encore dans les écoles. Les logiciels des autres Tous ces logiciels sont gratuits, ou bien disponibles en version d'essai (shareware), comme ça on peut essayer avant d'acheter. Mes logiciels à moi Ca y est, j'ai commencé à fabriquer des logiciels moi-même ! A noter, ces logiciels sont compatibles avec toutes les versions de Windows (95/98/98SE/ME/XP/Vista/7), dans la mesure des capacités de Windows à être compatible... Ah, oui : pour ceux qui ne l'auraient pas deviné, mes logiciels sont gratuits. Pour les pros : après avoir lu les docs sur la licence GPL, j'ai pris deux aspirines. Parenthèse n°1 Pour créer CacheMot (mon premier programme), j'ai utilisé un petit programme gratuit et très simple.

Réussir son application mobile : de la conception au marketing Quand vous menez votre premier projet d’application mobile, vous allez de surprises en découvertes. Même si vous êtes un vieux routier du web, un projet mobile remet en cause vos acquis techniques, ergonomiques et marketing. Voici quelques conseils que je reprends à mon compte en y rajoutant quelques retours d’expérience. 1. Le positionnement Choisissez un nom attractif, court et qui illustre au mieux la valeur ajoutée et l’originalité de l’application.Ce que vous ignoriez peut-être : le nombre de caractères qui s’affiche sous l’icône dans l’iPhone est limité à 12-13 mais tout dépend des lettres utilisées. 2. Analysez les applications concurrentes (si si, il y en a) et efforcez-vous de faire mieux sur les critères suivants Qualité du contenuFacilité d’utilisationNavigationPrix 3. Préparez dès la conception l’écrin web qui mettra en valeur votre joyau mobile ! 4. 5. 6. Préparez tous les éléments pour soumettre l’application : titre, mots-clés, description, catégorie, icône, copies d’écran.

iconmonstr : des icônes gratuites, libres de droit et sans attribution Si vous êtes à la recherche d’icônes pour illustrer votre site web, arrêtez tout ! Pas besoin d’aller plus loin, vous devriez trouver votre bonheur sur iconmonstr : le site propose plus de 2 500 icônes gratuites, personnalisables, vectorielles, à fond transparent et totalement libres de droits (sans attribution). Pour accéder aux icônes gratuites, plusieurs solutions s’offrent à vous. Vous pouvez parcourir les dernières icônes ajoutées sur la page d’accueil, rechercher un mot-clé (en anglais de préférence), visualiser une icône au hasard, les icônes favorites ou les icônes classées en catégories : basic, business, commerce, equipment, interface, miscellaneous, multimedia, network, security, signs, social et web.Vous pouvez personnaliser chaque icônes avant de la télécharger : vous pouvez choisir la taille de l’icône, de 16px à 256px (et même la télécharger en SVG, format vectoriel), vous pouvez choisir la marge (de 0px à 16px) et sa couleur.

20+ Examples Of Cool Infographics For Web Designers Infographics is all about telling great stories with data and an excellent solution when you want to visualize data in a concise and compact format that is easy to digest. The amount of information and data being collected and used in all types of online statistics and presentations is greater now than ever before. Being able to consume all that information demands new ways of presenting data so that key points are communicated in a straightforward and easy-to-understand manner quickly. Infographics cleverly uses graphic elements to represent data that have been abstracted in a visually pleasing schematic form which makes it more fun and less time consuming to keep updated on the latest data. Today, I decided to search the web to uncover some of the best and cool infographics for web designers and developers. Latest Trends in Web Design Principles of Effective Web Design in 2013 Responsive Design vs Server-side Solutions Responsive Website Design – What is it? Responsive Web Design

Related: