Cours (F) Gobelins Master 2 MICNI. Les personas, ces utilisateurs presque pas virtuels qui sauvent vos projets. Immortalisés par Josiane Michu, les personas sont des avatars des utilisateurs futurs ou existants auxquels est destiné votre produit. En créant de véritables références tangibles utilisables par joute l’équipe, ils permettent de mettre en place les différents scénarios d’utilisations et de mieux appréhender le public ciblé.
Mes parents disent que c’est juste un ami imaginaire. Comme Gustave, ce petit farfadet à qui j’aime confier mes échecs amoureux Vous l’aurez compris, on ne va pas parler du dernier gadget à la mode pour rendre Firefox encore plus lourd, mais bien d’expérience utilisateur, et plus particulièrement des débuts d’un projet. Contrairement à ce qu’on peut lire assez régulièrement, l’expérience utilisateur n’est pas une discipline à part qui intervient dans une phase particulière du cycle de vie d’un produit. Il s’agit au contraire d’une approche globale qui s’applique à l’ensemble du projet, sans qu’aucune discipline ne puisse en revendiquer l’exclusivité. Les organismes de recherche face aux réseaux sociaux.
Entre juin et octobre 2012, j’ai réalisé une étude visant à mieux comprendre les stratégies de communication digitale des organismes français de recherche. Les objectifs étaient les suivants : Quelles sont les stratégies de communication digitale des organismes de recherche français ? Quels sont les enjeux et les problématiques propres à ces acteurs ? Éclairer les pratiques et susciter des échanges entre les acteurs. Sommaire : Une étude en trois phases Cette étude se basait tout d’abord sur une analyse de la présence et de l’activité de ces organismes sur les réseaux sociaux. Ensuite, l’étude portait sur l’analyse d’entretiens semi-directifs réalisés en face à face ou par téléphone avec les acteurs afin de comprendre comment cela se passe « derrière » les comptes : qui est en charge de l’animation des réseaux sociaux ? Voici les personnes ayant accepté de participer à cette étude et nous tenons à les remercier : La présentation de l’ensemble des résultats Une présence incontournable.
Home - IAB France. Tigerlily, Stand out on the social web. Using Personas in Web Design | AdPearance Blog. The most valuable lesson I’ve learned in growing as a web designer was to stop designing for myself. Some of you may scoff and say “No duh,” but honestly, to embrace this mentality is a tough job. A personal philosophy has been to avoid assumptions and base my designs on real data. Harder still was to stop my addiction to “Best of” gallery sites and to stop designing the “coolest” site. Cool won’t sell. Enter in user centered web design. It’s usability and utility that determine the success of failure of a website, not visual design or HiPPOs (Highest Paid Person’s Opinion). User Personas: a Definition In 1998, Alan Cooper made mention of “personas” in his book The Inmates Are Running the Asylum based on the emerging user-centric method of designing software. “A persona is a fictitious, specific and concrete representation of target users.”
Personas act as stand-ins for real users and help guide decisions about functionality, design and ultimately marketing. Who is this person? La matrice Swot un outil précieux. Qui n’est pas resté songeur face à une problématique car il ne savait pas par quoi commercer ? Aujourd’hui, je vais vous parler d’un outil précieux, la matrice SWOT, qui ne va pas résoudre le problème mais permettre de le poser et d’analyser les différents environnements. L’intérêt de cette méthode est qu’on peut l’appliquer pour un bon nombre de sujets… Dans un premier temps, je vais définir la matrice SWOT, puis aborder comment se construit une matrice SWOT pour finir par les stratégies associées. La matrice SWOT La matrice SWOT est un outil d’analyse stratégique née en 1960 par Albert S. Humphrey. Elle combine l’étude des forces et faiblesses d’une entreprise, d’un secteur, etc… avec celle des opportunités et menaces de son environnement, afin d’aider à la définition d’une stratégie de développement.
S pour Strenght : forces W pour Weakness : faiblesses O pour Opportunities : opportunités T pour Threats : menaces Comment réussir sa matrice SWOT ? La première étape Il existe 4 stratégies : Statistiques sur les usages du Web / des médias par les mères de. Jetstrap, créateur d'interfaces Bootstrap en ligne. Vous avez besoin de créer un prototype de site web fonctionnel en quelques minutes ? Jetstrap peux vous sauver la mise en proposant un service en ligne plutôt bien pensé… Jetstrap est un outil en ligne qui vous permet de créer gratuitement une interface web basée sur le Bootstrap Twitter. (Vous ne savez pas ce qu’est le Bootstrap Twitter ? Rappelez vous nous en parlions en détails sur le blog il y a quelques mois. Destiné aux designers, développeurs et chefs de projets web, Jetstrap se compose d’une interface 100% web avec des fonctionnalités de création rapide de mise en page. Pour gagner en productivité le fonctionnement en drag and drop vous permet de placer les éléments de la page en quelques secondes.
Gros plus non négligeable, Jetstrap vous permet de créer un prototype avec une mise en page adaptative. Pour conclure : Jetstrap se présente comme un outil vraiment rapide et facile d’utilisation pour créer rapidement un prototype de site web. Jetstrap.com. PERSONAS: définition et démarche. Quelques éléments de définition… Un PERSONA, c’est un utilisateur-type (le fameux archétype), une représentation fictive des utilisateurs cibles, qu’on peut utiliser pour fixer des priorités et guider nos décisions de conception d’interface. La méthode des PERSONAS est une technique de conception centrée Utilisateurs, initiée par Alan Cooper en 1999.
Cette méthode permet d’offrir une vision commune et partagée des utilisateurs d’un service ou d’un produit, en insistant sur leurs buts, leurs attentes et leurs freins potentiels, et en proposant un format des plus engageants. La démarche … Du collaboratif AVANT TOUT… avec quelques ateliers de travail, pas mal d’entretiens, et l’épluchage de diverses sources, pour recueillir l’ensemble de faits nécessaires à la construction des PERSONAS. Une démarche en 3 temps:PREPARER – CONSTRUIRE – COMMUNIQUER ET UTILISER… 1 Préparer Le démarrage dont tout va dépendre. 2 Construire La phase la plus délicate. 3 Communiquer et Utiliser Quelques liens: Improving Hiring for User Experience. I had a recent engagement in the heartland of the United States which involved a room full clients who labeled themselves user experience professionals. One of the UX pros was a darling lady with cats on her sweatshirt whose sole responsibility was emailing basic summative data on a system’s users count once a month.
She indicated that she was on the verge of ending her career to continue developing her poultry farm. This, in contrast to another attendee with the same title, who’s position involved conducting regular qualitative feedback sessions with users, authoring functional requirements for new features, sketching interaction elements for design teams to iterate, and finally providing project management and quality assurance for any development efforts.
Quite the disparity between two roles with similar titles. LinkedIn shows that the number of self-identified UX Designers has grown 12% in the past year. The Applicant Initial Response Email Resume Portfolio. Spur - A fun and easy way to critique a webpage. Turning up the contrast on a page increases makes heavy areas stand out more than lighter areas, does the design still hold together? Here are some examples: Although the visual design in the ESPN header is very busy, the contrast on the title of the lead story is still very visible. Additional content on the page is unaffected by the contrast shift, which means that the design is balanced (though one could argue, very busy). This ad space really stands out- depending if you're the company advertising or the visitor reading the page, this is either good or bad.
The contrast shift does very little to disrupt the header- it remains consistently red and in your face. Le blog ::: marketing interactif, experience utilisateur, conception multimedia et gestion de projets. Il y a 1 semaine environ, la célèbre marque horlogère TAG Heuer (groupe LVMH) a mis en ligne en collaboration avec l’agence Nurun ;-) 2 opérations stratégiques dans le cadre de son 150ème anniversaire : Pour avoir eu la chance de travailler sur ces 2 projets (et parce que cela me fait tout simplement plaisir d’en parler ;-) je vais vous présenter ces 2 opérations. A l’occasion de ses 150 ans, TAG Heuer se lance, en partenariat avec Tesla Motors, dans un tour du monde 100% électrique ("The 1st World Tour in a 100% Electric Car"). L’aventure, "The Odyssey of Pioneers", se déroule à travers 15 villes et 37 000 km, et, à chaque étape du parcours, une exposition itinérante dévoile des pièces historiques de la marque mais aussi des montres de demain.
Légende : l'ADN de TAG Heuer puise ses origines, entre autres, dans les sports mécaniques. A travers cette opération unique, TAG Heuer et Tesla Motors démontrent leur esprit pionnier en terme d'avant-garde et d'innovation. Google’s new search page design: highly redundant, needlessly stark and sometimes useful. Yesterday, Google began rolling out a brand new Search page design in the US — coincidentally right as the Presidential Election reached its climax. The timing may or may not have been intentional, but either way you’ll be forgiven if you’re only just noticing the new design now as the political fog settles.
At first look, your first impression of Google’s new (currently US-only) Search page may be positive. There are many impressive traits in the new layout, largely relating to how uncluttered the design is, despite the massive amount of work that is inherently involved in generating quality search results. One improvement involves Google Image Search, which now lets you scroll straight into a full-screen grid of photos, thanks to a responsive design and continuous scrolling. But then, as the new car smell wears off (on the Internet, that takes about 10 minutes), strange design decisions start to blemish an otherwise successful step in the evolution of Search. Redundancy Context. The 100% Easy-2-Read Standard. By Oliver Reichenstein Most websites are crammed with small text that’s a pain to read. Why? There is no reason for squeezing so much information onto the screen.
It’s just a stupid collective mistake that dates back to a time when screens were really, really small. So… Screen vs. magazine: 100% is NOT big; image by Wilson Miner. Don’t tell us to adjust the font size We don’t want to change our browser settings every time we visit a website! Don’t tell us busy pages look better Crowded websites don’t look good: they look nasty. Don’t tell us scrolling is bad Because then all websites are bad. Don’t tell us text is not important 95% of what is commonly referred to as web design is typography. Don’t tell us to get glasses Rather, stop licking your screen, lean back (!) Five Simple Rules 1. The font size you are reading right now is not big. We don’t want to click bigger or smaller buttons and we don’t want to change our preferences. 2.
Let your text breathe. Good Nielsen – bad Nielsen. 3. 4. 5. Information Architects | iA plans, designs and implements digital products. Introduction to AgileUX: Fundamentals of Customer Research. Les tablettes méritent des interfaces dédiées. Voilà un petit moment que je parle de conception d’interfaces mobiles. S’il existe largement assez de documentation sur l’utilisabilité des smartphones (Pour bien démarrer dans la conception d’interfaces mobiles), le cas des tablettes commence à devenir problématique. Si Apple a révolutionné le monde de la mobilité avec l’iPhone et son interface tactile, force est de constater qu’ils se sont contentés du minimum avec la sortie de l’iPad (puisque c’est le même système d’exploitation). Du côté de Google, c’est le même son de cloche avec un Android proposé pour smartphones et tablettes.
Le problème est que les smartphones sont maintenant de plus en plus grands (>4,5 pouces) et des tablettes de plus en plus petites (7 pouces pour le Nexus et le Kindle Fire). J’ai déjà abordé le sujet de la conception multi-écran en 2010 et 2011, mais le débat risque de prendre une autre tournure avec l’arrivée de l’iPad Mini. Agence LunaWeb, ergonomie et conception de sites Internet à Rennes. UX : observer et comprendre l’expérience utilisateur. Je suis tombé hier sur un document dédié à l’étude de l’expérience utilisateur qui m’a soufflé à l’oreille le sujet de ce billet. Les anglophones, maîtres de la concision, disent d’ailleurs UX pour user experience. Mais pourquoi faire des tests et étudier vos futurs utilisateurs ? La réponse en une (jolie) image : Source : Introduction to agileUX Vous l’aurez compris, l’objectif est ici de comprendre vos utilisateurs finaux et d’adapter votre produit en conséquence plutôt que d’espérer que l’inverse se produise.
Attention toutefois à ne pas tomber dans le travers du tout-utilisateur : on peut aussi miser sur la learnability, quand peut se traduire par l’appropriation progressive de l’interface par ses utilisateurs (ils sont forts ces anglais hein). Mais comment fait-on ? L’expérience utilisateur, c’est quoi ? Le but : comprendre le chemin parcouru par l’utilisateur et l’objectif atteint, tout en étudiant les mécanismes émotionnels et techniques. Observer, analyser, restituer, intégrer. Save For Later | Mozilla UX. Firefox and “save for later” All browsers support two functions: searching and revisiting. My research questions whether constructs like bookmarks really are the right model to support revisiting.
I worked closely with Mozilla user experience researchers and designers to rethink how Firefox can better offer “save for later” in the browser. Firefox front-end developers and product managers for mobile and desktop were also involved throughout the process. Timeline for this nine-week exploratory study The request for this study initially came from the Firefox for Android team, who wanted to know why bookmarks usage was minimal on mobile devices and if users would be more likely to bookmark if the feature was designed differently. Screenshots from one build of Firefox in 07/2012 Bookmarks I evaluated all instances of bookmarks in Firefox. Central research question Ultimately, I determined that users bookmark as a means to save for later, so this became the focus of my research.
Design brainstorm. TEDxParis 2012.