Hop !

On continue la journée avec Deeder, un nouveau service web plutôt intéressant ! Vous le savez, je crois fermement que la technologie doit être utilisée pour nous humaniser, pour nous aider à faire de notre monde, un monde meilleur. Deeder pense la même chose et plus précisément, imagine que si vous faites le bien, vous vous sentirez bien, et finalement ceux autour de vous ressentiront ceci et vous deviendrez l’épicentre de la positivité !

Oui, rien que ça !

Pour cela Deeder est une application conçue pour transformer les idées positives en actions positives. Transformer une simple bonne action en une boule de neige géante et en actions qui peuvent changent la vie n’est pas chose facile mais c’est pourtant la volonté de ce service. Deeder se présente sous la forme d’une application de crowdsourcing qui vous donne les moyens de trouver de bonnes idées mais surtout… de les réaliser !

En images

Je me souviens, lorsque j’étais alors étudiant aux Arts Décoratifs de Paris, un professeur de sciences humaines nous avait dit qu’à son époque, « un jeune » de notre âge imaginait qu’il pouvait réellement changer la face monde et qu’aujourd’hui, cela n’était même plus imaginable, nous n’y songions même plus. À mon tour, je suis persuadé qu’avec les technologies, avec le fait que nous soyons reliés ensemble, nous pouvons, ensemble changer certaines facettes du monde. J’en suis persuadé et des gens me le prouvent chaque jour. Pour cela, le design joue à mon sens, un rôle primordial car il offre parfois la concrétisation de ces actions, de ces volontés de changer le monde.

sourceCes articles peuvent aussi vous intéresser:

• Le designer et la face du monde… #Steve #Jobs
• « 1-Bit caméra », ou comment transformer l’appareil photo de votre iPhone en appareil 1-bit.
• Ensad : « L’excellence rend con » !
• Moment en apesanteur dans la vie d’adulte.
• Application typographique : « abcdefghijklmnopqrstuvwxyz »
• Un jeu pour iPhone, d’un tout autre genre.

Changez le monde [POUR DE VRAI] avec une application. est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Bonjour à toutes et à tous !

En forme ce matin ? J’espère que oui car on attaque la semaine avec une étude réalisée par FaberNovel et qui permet aux éditeurs d’applications mobiles de prendre la mesure des performances du langage HTML5, cité comme le nouveau standard du web, et de développer en conséquence une stratégie mobile multi-plate-forme adéquate.

Au programme

Partie I

• HTML5 : l’évolution du web
• Introduction au fonctionnement d’une page web
• HTML, un langage en perpétuelle évolution
• HTML5 buzzword ou réelle disruption
• HTMLS vs HTML4 : que faut-il retenir ?
• L’état de l’art – Quels sont les navigateurs et les 0s les plus performants avec HTML5 ? Quels sont les navigateurs web et mobiles les plus utilisés en France ?

Partie II

• Les applications natives menacées par le web mobile ?
• Le modèle des applications, bien que dominant le marché du mobile est actuellement remis en question
• HTML5 au service de la mobilité : forces et enjeux
• Les sites web en HTML5 peuvent faire beaucoup mieux que des applications natives
• La distribution des sites web sur mobile

Partie III

• Applications mobiles vs applications natives
• Comparaison de leurs possibilités techniques et fonctionnelles
• Deux modes de conception qui mènent à des expériences utilisateurs différentes
• Les grandes questions liées à la mise en oeuvre d’un projet de développement
• Matrice de décision : que faire dans quel cas ?
• Site lnternet ou applications natives ?
• Qu’en est-il des solutions hybrides ?

Partie IV

• Quelques recommandations
• Finalement, quelle solution pour quel type d‘applications
• Jeux et divertissements
• Médias, actualités et informations
• Réseaux sociaux
• Déplacements et cartes
• Vie pratique (réservation, e-shopping, transaction bancaire)
• Multimédia

Synthèse

Bonne lecture !

sourceCes articles peuvent aussi vous intéresser:

• [infographie] Comprenez le passé, le présent et le futur du html5 !
• Design mobile : différencier web et application ?
• Des nouvelles sur : Pinterest, Dribbble, Knowtex & WDFriday
• Dix idées design pour Firefox OS ! #firefoxos
• Do@, un navigateur mobile qui invite à découvrir toutes les web-apps !
• L’avenir des interfaces de la téléphonie mobile

HTML5 et applications mobiles : comment penser votre stratégie web ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello

Hier, Martin Charpentier & Thibaut Baillet ont présenté lors d’une conférence, leur réflexion et leur travail sur les icones fontes (« icons fonts »). Ces icones sont intégrées dans des fontes pouvant être intégrées dans des pages web grâce à la propriété CSS3 @font-face ! Martin & Thibaut ont ainsi conçu un ensemble d’icônes agréables à regarder et relativement simples pour un projet interne. Cet ensemble est conçu pour être facilement intégrable sur un site web ou une application en utilisant les webfont et le css.

Ils racontent les étapes de travail et les grands principes pour ce projet. Une présentation qui a le mérite d’être synthétique et d’offrir un joyeux tour d’horizon sur le sujet.

La présentation

> télécharger le PDF

Un exemple ?

Voici un exemple d’une « icons font », à télécharger librement sur Github

source

Merci Sylvain & Thibaut

 Ces articles peuvent aussi vous intéresser:

• Ce soir, soirée de lancement de tkaap, j’y serai !
• Un concept Os
• Les grands principes de design chez Windows Phone 7
• Les 30 esperluettes qui font la beauté de la typographie !
• Découvrez le cirque de la pluie…
• Projet Txto, imprimez et déroulez vos conversations sms !

Conférence sur le CSS3 et l’ère des « icons fonts » ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Je vous ai déjà parlé de Neurowear, l’entreprise qui se cache derrière les oreilles de chat contrôlées par l’esprit (le projet s’appelle Necomimi). Neurowear a récemment présenté son tout dernier projet à SXSW en 2013 à Austin. Mico, c’est son petit nom, reflète l’inspiration musicale de votre inconscient ! Oui, vous ne rêvez pas… l’appareil se compose d’une paire d’(énormes) écouteurs qui détecte l’humeur et les sentiments de l’utilisateur et qui communique avec une application smartphone pour jouer la musique appropriée en fonction de son humeur.

Les explications

Cliquer ici pour voir la vidéo.

La démo

Cliquer ici pour voir la vidéo.

Mico vise à libérer l’utilisateur d’avoir à sélectionner des chansons et des artistes selon son humeur mais permet aussi aux utilisateurs de découvrir de nouvelles musiques juste en portant l’appareil à ses oreilles. Une petite révolution dans la musique a été le mode Shuffle (aléatoire), l’avenir semble être à la musique qui résonne en nous…

D’ailleurs, si les ingénieurs / designers / chercheurs japonais de Neurowear me lisent… n’hésitez pas à m’envoyer une paire de ces écouteurs (ou alors les oreilles de chat… mais ça c’est une autre histoire )

sourceCes articles peuvent aussi vous intéresser:

• « Shippo », une queue reliée à votre cerveau.
• Neurowear, les vêtements pour votre cerveau ! Première réalisation « Necomimi », les oreilles de lapin !
• Le Sugru, la pâte à modeler du hacker !
• La dernière aventure de Simon’s Cat
• Quand l’humeur de twitter s’installe chez vous…
• Les écouteurs zippés !

Découvrez la musique de votre cerveau ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hey !

Allez, on continue notre matinée avec FileDrop qui est une minuscule application toute mignonne pour envoyer des fichiers entre périphériques au sein d’un même réseau. FileDrop est très simple et possède une interface très conviviale. En effet, il vous suffit d’afficher FileDrop sur deux appareils et d’y déposer votre fichier. C’est tout.

En vidéo

Cliquer ici pour voir la vidéo.

Comme l’application Instashare, FileDrop vous permet de transférer en ligne des fichiers entre deux devices (ordinateurs, smartphone, tablette, etc.) aussi longtemps que les deux sont sur ​​le même réseau Internet. Une autre grande force de FileDrop est qu’il est compatible avec Windows et Mac et bientôt iOS et Android. En dehors de ça, FileDrop vous permet de diffuser des photos et des fichiers audio à partir d’un périphérique. En d’autres termes, vous pouvez lancer un diaporama ou une musique sur un autre ordinateur / support que l’ordinateur qui contient les fichiers.

Le fonctionnement en image

Evidemment, vous pouvez télécharger FileDrop à partir de son site officiel.  Une application parfaite pour le partage rapide et la copie… J’ai grand hâte que ça sorte sur mobile

sourceCes articles peuvent aussi vous intéresser:

• Les meilleurs outils collaboratifs en ligne
• Des nouvelles de Oodesk
• Détruire votre MAC, c’est un jeu !
• Pourquoi les applications iPhone sont elles souvent mieux designées que les applications Android ?
• Les 10 projets finalistes du concours Google Android !
• Carte de visualisation du parcours de votre souris

FileDrop, la simplicité du transfert de données entre différents appareils ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Bonjour !

Allez, ce matin, je vous présente Hopscotch, une incroyable application iPad flambant neuve qui enseigne la programmation aux enfants ! Tous les jours, j’essaye de glisser dans les oreilles des enseignants et professeurs que je croise, qu’il faut apprendre la programmation à l’école, tout comme on apprend à écrire, je suis donc ravi de voir que ce genre d’outil se répand et se répand BIEN !

Hopscotch permet aux enfants (et aux grands également :p) de créer un programme interactif sur l’iPad en faisant glisser des blocs de code et en les déposant dans une zone de script. Aucune saisie de code pur et dur n’est requise mais la logique de la programmation et de la construction par fonctions est là !

En image

La démo vidéo

Cliquer ici pour voir la vidéo.

La réalisation est superbe, ça me donnerait presque envie d’emprunter un enfant pour le lui faire tester ! Bon, et vous, vos ptits bouts, vous les mettez quand à la programmation ?

source | viaCes articles peuvent aussi vous intéresser:

• H1N1 le webdocumentaire. Retour en images & en datavisualisation par Antoine Maggi.
• Amis graphistes, voici comment gagner 500 000€ !
• How to put a flash file in your tumblr’s header ?
• La photographie perd ses limites grâce au travail de Robert Schlaug.
• Des légos numériques et intelligents…!
• IC-project

Apprenez à vos enfants à coder sur iPad avec Hopscotch ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hello et.. bon début de journée !

Ce matin on attaque avec la dernière réalisation de Jesse Williams qui tente de nous montrer, à notre échelle de geek, la distance entre la Terre et Mars. Vous le savez sûrement, pour mesurer le système solaire, il nous suffit donc de mesurer une distance entre la Terre et la planète la plus proche. Dès le XVIIe siècle, les scientifiques se sont tournés vers Mars et Vénus qui passent régulièrement à une distance qui n’est pas trop éloignée de la Terre.

Mais alors… et si tout ça était rapporté à l’échelle d’un pixel ? Vivez l’expérience de ces distances et armez-vous de patience

Et si la Terre faisait 100 pixels ?

Pour la petite histoire, la distance entre la Terre et Mars est variable selon la position de ces deux planètes respectives. Elle varie entre 56 millions de km et 400 millions de km. Aujourd’hui, nos deux planètes fétiches se trouvent distantes l’une de l’autre de 237 millions de km.

Je retourne compter les pixels de mon écran…

sourceCes articles peuvent aussi vous intéresser:

• Tikk Tekk, ou la mesure à portée de doigt.
• Petit cours de Icon Art !
• J’irai cultiver mes carottes sur Mars…
• Comment mesurer l’univers ? Avec le graphisme, pardi !
• Parce que ça swingue dans notre système solaire !
• Papercrafts & personnages de manga japonais.

Et si la Terre faisait 100 pixels ? est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Dans la famille « compliqué, jamais pareil, prise de tête », je demande : les avatars et images de tous les réseaux et sites sociaux ! En effet, entre, Youtube, Facebook, Twitter, Google+, etc. ça n’est jamais la même taille et c’est souvent un casse-tête pour retrouver les bonnes dimensions !

Heureusement, j’ai le plaisir de vous présenter aujourd’hui : « Social Media Image Maker », un outil en ligne qui vous aide à redimensionner et retoucher facilement vos images pour de nombreux réseaux sociaux tels que Facebook, Twitter, Linked-in, Google Plus, mais aussi Youtube, Skype, Pinterest, etc. Sur tous ces services, vous souhaitez maintenir la bonne image de profil, le bon avatar, etc. pour garder une cohérence dans la façon dont vous vous présentez, dont vous communiquez.

Sur ce site, il suffit de sélectionner les différents réseaux sociaux et d’y importer votre photo / vos photos. À partir de là, vous pourrez exportez les images dont vous avez besoin.

Le site

À noter également que vous pourrez retoucher vos images directement en ligne avec un éditeur simple mais bien pratique : filtres, flou, netteté, saturation, contraste, etc.

Les différents réseaux et sites sociaux sont les suivants :

•  Facebook,
• Twitter,
• YouTube,
• Google,
• Flickr,
• Vimeo,
• Pinterest,
• Skype,
• Tumblr,
• Linkedin,
• Gravatar,
• Xing,
• Viadeo,
• Slideshares,
• Foursquare
• About.me

Vous n’aurez plus d’excuses pour avoir une tête d’oeuf sur Twitter ou une silhouette bleue sur Facebook

sourceCes articles peuvent aussi vous intéresser:

• Un véritable moteur de recherche pour tous les hashtags !
• Un outil qui combine tous vos réseaux sociaux en un seul.
• [datavisualisation] « Je sais ce que vous faites sur Internet »
• Une autre visualisation pour Google Analytics…
• Le jour où les Musées seront sur Internet… Pictify aura peut-être du sens ?
• Connaissez-vous le Google Brain ?

Créez toutes les images de vos réseaux sociaux en une fois ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Hop

On continue notre journée avec cette campagne de lutte contre l’homophobie lancée par le gouvernement du Québec sous la forme d’un court webdocumentaire. Les questions s’enchaînent petit à petit et vous devez répondre à chacune d’entre elle, prendre position, affirmer vos idées sur l’homosexualité, l’homoparentalité, les transexuels, les travestis, etc. Un grand mélange certes, mais qui souhaite poser la question : « êtes-vous ouvert ? »

En image

On appréciera également le fait d’avoir une partie informative qui, sous la forme d’articles, vient étayer le discours, les définitions de certains mots, les approches sociales, etc.

Alors… vous êtes ouverts ?

sourceCes articles peuvent aussi vous intéresser:

• Comment bien souffler sur son thé ?
• Visualiser tous les types de relations sociales intimes, amoureuses, sexuelles, etc.
• Google propose des cartes de voeux NSFW : Google Black Christmas Card !
• Un petit point sur les termes typographiques !
• Qui veut tester les yeux de cyborgs ?
• Les logos de toutes les villes du monde avec CitID !

« Êtes-vous ouvert ? » Une web-campagne de lutte contre l’homophobie ! est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne

Il y a quelques jours, Google a annoncé le lancement de « Google Keep », une application Android pour la prise de notes. La grande force de cette application est qu’elle vous permet de capter rapidement et simplement ce que vous avez en tête à ce moment là grâce à une interface très simple. Tout est stocké dans le Cloud (et plus précisément sur Google Drive), et synchronisé entre tous vos appareils, tablette et ordinateur.

Google Keep se compose pour l’instant d’un outil de notes, un outil de notes audio, un outil de to-do list et un avec des notes sous forme de photos. Ensuite, vous pouvez accéder rapidement et réorganiser les informations comme vous le souhaitez.

Pour ma part, j’ai installé l’application et… je m’en sers déjà beaucoup, la prise en main minimaliste est vraiment agréable.

Démo en vidéo

Cliquer ici pour voir la vidéo.

L’interface générale

L’interface générale se décompose en trois temps : le logotype et le moteur de recherche, le bloc outil de création de notes et les notes en elles-même. Dans l’ordre des pictogrammes, vous pouvez donc écrire, créer une to-do list, enregistrer une note audio et prendre une photo. En dessous, la répartition des notes est très intéressante. Outre le fait qu’on puisse bouger chaque note, elles s’affichent donc sous forme de liste « à la Pinterest ». On se retrouve donc avec une grande bande de notes colorées que l’on vient faire défiler. Il y a plus pratique en terme d’organisation, mais là, l’idée est surtout la simplicité, le minimum de fonctions.

Ecrire une note

Lors de la création d’une note, on remarquera les aplats simples de couleurs, la typographie bien alignée, bien interlignée ainsi qu’une répartition « titre / note » minimaliste. Côté usage, la prise en main est tellement facile que l’on se met directement à écrire. Pas besoin d’abstraction, de manipulation, d’options, de menus, etc. comme c’est souvent le cas sur Android.

Changer la couleur de sa note

Google Keep offre la possibilité de changer la couleur de sa note. Simple là aussi, mais efficace car on peut donc différencier soit-même tel ou tel type de note (notes persos en jaune, début articles de blog en bleu, réflexion sur la vie en rouge, etc.). J’attire également votre attention sur le choix des couleurs proposé. Ce sont « les couleurs tendances » du moment, un peu vintage mais pas trop. Ces couleurs sont liées de près à la tendance « flat design » dont je vous parle depuis quelques temps maintenant.

La photo

On se retrouve devant une façon très simple de prendre les photos et de les afficher. Là encore, la part belle est faite à la mise en page et à la couleur avec une photo qui prend donc la moitié de l’écran. Ca respire ! Cette interface est très pratique pour faire un carnet de bord ou un répertoire de tendance par exemple.

Usages & remarques

L’outil est remarquablement simple et en l’état, il reste assez limité. Cependant, il fait bien son job et j’imagine pertinemment que Google le fera évoluer petit à petit. À mes yeux, il ne fait pas vraiment concurrence à Evernote. Google Keep se positionne plutôt sur la dimension du live, de l’instant de la « note courte » sur fond d’aspect ludique qui reste encore à faire évoluer.

À mon sens il faudrait encore :

• pouvoir créer ses propres outils de captation / de création (créer une note dessinée par exemple)
• pouvoir partager (linker, facebooker, tweeter, etc.) une note
• pouvoir jouer avec ses notes, les manipuler vraiment
• pouvoir mettre une photo qui est déjà en ligne
• une version iPhone / iPad / Windows Phone
• avoir de la visualisation de données avec toutes ces notes
• créer un Google Keep partagé
• etc.

En tous les cas, Google Keep s’est déjà fait une bonne place dans mes outils numériques mobiles connectés.

sourceCes articles peuvent aussi vous intéresser:

• Un au revoir à Shigeo Fukuda.
• Quand la todo list est au designer d’interface ce qu’est la chaise au designer de mobilier !
• Des oiseaux musiciens, malgré eux.
• Plink, de la musique collaborative en ligne et en temps réel !
• Téléchargez gratuitement toutes les techniques pour faire de la retouche photo avec Photoshop
• Designer sur GoogleBook ? 8 applications créatives pour Google Chrome OS

Google Keep : design et usages est publié originellement sur le blog de graphisme : Graphisme et interactivité blog par Geoffrey Dorne