Freenium : Gratuité est le futur sur le net
Free! Why $0.00 Is the Future of Business
Intéressant article publié par Chris Anderson, Rédacteur en chef de “Wired”
HTML 5 expliqué en image

Pour répondre : une image
Un lien : “HTML5 is the next generation of HTML, superseding HTML 4.01, XHTML 1.0,
and XHTML 1.1.”
http://sixrevisions.com/html/the-state-of-html5-apps/
Magazines interactifs

Un nouveau magazine interactif nommé Glo (réalisé en html/javascript) par MSN vient de faire son apparition.
L’interface est vraiment très bien réalisée. La navigation principale se fait via scroll vertical.
On peut accéder aux détails d’articles via 1 click sur des boutons latéraux.
Présence constante du sommaire sous formes de vignettes marque page dans une barre semi-volante.
Idéal pour iPad. Of course.
On avait déjà vu ce concept un peu dans la même veine.
Superbes interfaces d’apps sur iPad
Lire l’article
2010 tendences du web


Les tendances : Simple, aplati, fenêtres modales, énormes header, photos grand format, navigation au clavier, grosse typos, sites web d’une page, beaucoup de javascript.
Via : Smashing Mag, Web Designer Wall
Citation du jour
“Pour conclure je dirais que la posture d’Apple a toujours été
d’imposer le menu du jour à ses clients, contrairement à
Microsoft qui propose un repas à la carte (et Google qui propose un buffet gratuit)”
Elements d’U.I
Une super liste de librairies d’éléments d’interfaces RIA (Ajax, flex, silverlight) bien intéressante et à garder sous le coude.
Avec notamment :
- Ext JS
- JQuery (plugins), JQuery UI, JQuery Tools
- MooTools (plugins), JXLib for MooTools,Mocha UI
- Filament Group
Et des controles types :
- Auto-complete/ Auto-suggest
- Carousel/Coverflow
- Calendar
- Charts & graphs
- Panels
- Dropdown multiselect
- datagrid
- inline edit
- …
Source : UX Booth
Ergonomie : Les Design Pattern
Avant de Designer une interface il est toujours bon de faire un peu de veille et voir ce qui existe.
Un tour des pattern existantes est toujours bénéfique. Voici quelques ressources qui vont aider :
UI pattern Factory

Ce site catégorise les différentes pattern par type :Shopping Cart, Caroussel, Edi-in-Place, endless scrolling, etc.Dans le meme style on a aussi UI Patterns.com
Konigi
Showcase et mise en avant de tres bon exemples. Pas mal de pattern pour Omnigraffle à télécharger également.
Pattern Tap

Une mine d’or d’infos. Pleins de différentes pattern et design classé par catégories. Des updates quotidiennes.
Design Snips – Les bons exemples du Web

Et bien sur l’incontournable Smashing Magazine. et notamment cet article

Google Liquid Galaxy

Incroyable. Les équipes de Google Earth ont développé un projet permettant de virtuellement voler autour du monde et dans les mers.
Le procédé est réalisé en synchronisant des vues de Google Street View sur différents moniteur.

Ressources Marketing
2 très intéressantes lectures (gratuites) pour être au top.

Un guide du marketing mobile édité par l’AFMM (asso francaise du multimedia mobile)
http://www.afmm.fr/guide-marketing-mobile/
![]()
Un rapport très complet et extrêmement intéressant du CES (Consumer Electronic Show) présentant les grandes tendences et produits de 2010 rédigé par Olivier Ezratty

Assistants personnel & Mobile : les IHM de demain
Siri est un service pour iPhone permettant d’interpréter les demandes vocales de l’utilisateur.
En gros on parle à notre téléphone en langage réel et lui nous fournit la solution.
Enfin une voie intéressante d’interface avec l’utilisateur. Le service met en relation la demande de l’utilisateur avec les companies enregistrées chez Siri..Ce n’est pas encore l’étendu des possiblité de Google qui s’offre à nous mais c’est un début.
Enfin on se rapproche d’un contact avec notre mobile disons plus intelligent.
On se rapproche du concept du persoc d’Hyperion..et le Morph concept de Nokia.
apres les G.U.I (Graphical User Interface), les N.U.I (Natural User Interface), on se rapproche des I.U.I (Intelligent User Interface)

Android partout pour 2012

Android ne concernera pas que les smartphones. De nombreux autres produits sont concernés tels que TV, tablettes, et même dans l’electro-menager, comme dans l’image ci-dessus de ce four Micro-ondes présenté par Touch Révolution.
En 2010 la part de marché d’android sur les mobiles serait de 15% contre 14% pour l’iPhone. 
Source :Giiks @ CES

Nexus 2 par Motorola

Selon une rumeur Motorola serait en train de développer un mobile pour Google. Logiquement le nom serait Nexus 2.
Source : Thestreet

Nike True City

Nike se met dans le réseau social urbain et son outil est l’iPhone.
Le concept : partager les lieux dignes d’intérêt pour un jeune branché (expo, terrain de basket, urban foot, shops, etc.)
De nombreuses app. existent déja mais la puissance et l’image de marque de Nike pourrait faire la différence sur la cible 15-35 ans.
Nike True City Full Trailer – Official HD Version from NikeSportswear on Vimeo.

Le design pour mobile
![]()
Quelques règles indispensables et erreurs à éviter afin de réaliser une interface pour mobile intuitive et efficace
- N’afficher que les éléments qui sont essentiels. Ne pas abuser de features et d’options sur un écran.
- Nos doigts ne sont pas des pointeurs de souris : il faut réaliser des boutons larges et distincts.
Si c’est impossible, il faut utiliser les mouvements multitouch (notemment le zoom) et/ou ajouter plus d’écrans avec moins d’options dessus. Réaliser un processus de selection séquentiel (grouper et dissocier) - Attention la taille des pixel est plus petite sur l’iPhone et android phones (~+163 dpi) que sur l’écran de notre ordinateur (~+100 dpi). Donc à même résolution les screenshots vus sur un émulateur iPhone apparaitront plus grand qu’en réalité.
- Avoir un design cohérent avec l’OS. S’aligner sur le style, thème etc. du systeme. Ne pas essayer de trop casser les règles. C’est du temps donc de l’argent perdu pour pas de gain réel. Le branding de sa marque doit se jouer de façon subtile (couleur)
- Ne pas oublier que le tel n’est pas un ordinateur. On l’utilise dans des conditions différentes et dégradées (luminosité ambiante, bruit, qualité du réseau, etc.)
Source : Smashing Mag(1/2), Smashing mag 2/2, Jacob Nielsen’s Mobile Usability, Iphone UI guidelines, Android U.I guidelines, Alex Komarov


