background preloader

Mobile Patterns

Mobile Patterns

http://www.mobile-patterns.com/

Related:  UX design - principes - règles fondamentalesMobile - conseils

7 enseignements pratiques tirés du eye-tracking : le F-pattern Cet article inaugure une série de 7 articles à propos des enseignements du eye-tracking, technologie qui permet de voir à travers le regard des utilisateurs sur les sites web. Utilité de l’eye-tracking en tests utilisateurs Ah, le eye-tracking ! En français, d’ailleurs, on dit l’oculométrie. C’est moins techno, mais c’est un peu plus… poétique. Promouvoir une appli mobile : 15 conseils pour réussir - Café Numérique Emerger sur les stores est devenu de plus en plus compliqué1. Les places sont chères et les budgets pas extensibles. Alors comment y parvenir ? Les cartes des bonnes pratiques des applications Web mobiles Épargnez le réseau Maîtriser les protocoles réseaux du Web permet de réduire la latence et de chasser le superflu. Compressez le contenu avant envoi Ajoutez une empreinte aux adresses Web pour une mise en cache efficace Mettez en cache les données AJAX Réduisez les ressources externes Minimisez taille des données et application Optimisez le nombre d’échanges réseau Modérez l’utilisation de cookies N’envoyez pas les cookies lorsque ce n’est pas nécessaire Evitez les redirections Haut ↑ Libérez les utilisateurs Les terminaux mobiles sont utilisés dans des contextes très différents.

L’expérience utilisateur des publicités sur le web La publicité est un élément omniprésent sur internet. La plupart des sites fournissant du contenu en affiche car c’est le meilleur moyen de se financer sans renoncer à un accès gratuit à l’information. Les plus gros sites francophones et internationaux font un usage intensif des publicités : nytimes.com, Facebook, lemonde.fr, youtube.

Centre de Formation Adobe - Wiki Activez JavaScript pour une utilisation optimale. Si vous débutez dans le développement d'applications AIR pour Android, je vous conseille de suivre ce tutoriel si vous ne l’avez pas déjà fait. Nous allons donc dans ce tutoriel créer notre première petite application pour Android en utilisant AIR. De la Tabbar à la tabbar, un cycle d'ergonomie mobile On le savait la mode est un cycle qui dure 20 ans. Le design mobile lui a un cycle beaucoup beaucoup plus rapide : 7 ans !La preuve en est avec la « tabbar » cette barre d’onglets qui était la star de la navigation à la sortie des applications iOS en 2008, est redevenu la structure d’application la plus prisée des acteurs du digital. Je vous propose une rétrospective des modes de navigations des interfaces mobiles depuis 7 ans en faisant un focus sur 4 grandes périodes de la conception mobile. Temps I : La « tabbar » Tabbar V1

Expérience utilisateur et design des apps mobiles : comment ne pas se tromper - Café Numérique 4.89/5 ( 98% )based on 9 ratings Lors de l’App Strategy Workshop le 25 septembre dernier à Paris, j’ai eu le plaisir d’animer une table ronde sur l’expérience utilisateur des applications mobiles, à laquelle ont participé Vincent Roussilhon de Blablacar, Louis Rouffineau de La Company, Edouard Andrieu du Monde.fr, et Moritz Daan de Soundcloud. Ces spécialistes, en charge du Product Management dans leur entreprise et passionnés d’UX et d’UI ont partagé beaucoup de points de vue intéressants sur les dernières tendances du marché en terme d’expérience utilisateur et de design. Flat Design : Est-ce toujours une bonne idée ? C’est LA tendance actuelle en terme de design, particulièrement sur mobile, popularisée par Apple, puis par Google et par Microsoft, dans des versions aux esprits à la fois proches et éloignés. A gauche, l’effet « carnet à spirales » de l’appli Notes sur iOS.

Développement Web pour mobiles - iUI côté CSS La toolbar de l'application correspond à la partie haute de chacune des fenêtres de l'application. Elle contient au centre le titre de la fenêtre, puis un éventuel bouton sur la partie gauche permettant de revenir à la fenêtre précédente. Cela correspond à une partie du code HTML de notre exemple test précédent : L'élément <h1>(dont l'id est obligatoirement pageTitle) contiendra le titre de la fenêtre actuellement affichée, tandis que l'élément <a> (dont l'id est obligatoirement backButton) contiendra un bouton permettant de revenir à la fenêtre précédente (si elle existe). La classe button associée à ce lien permet de lui donner par l'intermédiaire des CSS l'apparence d'un bouton. L'adresse du lien est indiquée par l'attribut href et celui-ci sera mis à jour automatiquement par le code JavaScript de iUI.

Ergonomie &amp; design, Ergonomie : pourquoi un scroll vaut dix clics Par Stéphane Bordage - 04/02/2012 Le clic est la meilleure solution pour les marketers. Le scroll est la meilleure solution pour l'internaute. Un billet intéressant sur uxmovement.com qui reste, hélas, toujours d’actualité : doit-on limiter la hauteur du site ou scroller. Ne rigolez pas.

Publier une application iOS (iPhone / iPad) avec Adobe Flash CS5 ! EFFITEK a testé pour vous… Etat des lieux de la programmation pour iOS… Pour pouvoir publier une application vers l'iPhone et l'iPad, il est normalement nécessaire de suivre la procédure dictée par Apple. En voici un résumé : Posséder un Mac récent ;Disposer d'un compte développeur (il s'obtient moyennant $99 / an sur ;S'enregistrer et récupérer un certificat de Développement ;Coder son appli exclusivement sous Mac OSX, à l'aide de Xcode et du SDK d'Apple.

Une très belle concentration d exemples, riche en contenu Le meilleur que j ai vu à date by navy30000 Jan 22

Related:  UI designUI PatternsiPad / iPhoneXcodeApps UI analysisDesign patternsMobile designMobile UI patternsDesignmobileblogs 2Mobile AppMobile DevInspiration+#+#++#WebStartup Eng.组控件库mobile LearningApp - Design