ANGULAR JS AVEC GDE GOOGLE

Transcription

1 ANGULAR JS AVEC GDE GOOGLE JUIN 2015 BRINGING THE HUMAN TOUCH TO TECHNOLOGY 2015 SERIAL

2 QUI SUIS-JE? ESTELLE USER EXPERIENCE DESIGNER BUSINESS ANALYST BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 2

3 1 INTRODUCTION BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 3

4 L EXPÉRIENCE UTILISATEUR «Most people make the mistake of thinking design is what it looks like. People think it s this veneer that the designers are handed this box and told, Make it look good! That s not what we think design is. It s not just what it looks like and feels like. Design is how it works» Steve Jobs INTERFACES CLIENTS LOURDS SWING INTERFACES WEB 1.0 HTML1 / CSS1 RICH INTERNET APPLICATION FLEX HTML5 / JS / CSS5 A JAX RESPONSIVE WEBAPPS Indépendance du chargement des composants Applications Multi-devices 100 % Côté client 100 % Déploiement 100 % Com. C/S 0 % Déploiement 20 % Com. C/S 60 % côté client SMARTPHONE TABLETTE VOITURE IWATCH BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 4

5 LES AXES D ANALYSES Il est démontré que l'approche centrée utilisateur est le moyen le plus efficace de générer le succès et l engagement. STRATEGIE OPTIMISATION STANDARDS DESIGN BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 5

6 2 METHODOLOGIE BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 6

7 DEFINITION DES BESOINS Il s agit de la phase d analyse globale qui vise à cadrer le périmètre fonctionnel de la future solution. L implication des différents décideurs est essentielle pour la réussite du projet. «Trouver le meilleur compromis entre utilisateurs et commanditaires.» SERIAL SA OBTENIR UNE SOLUTION VISION GLOBALE COMPROMIS EVOLUTIVE STRATEGIQUE BESOINS BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 7

8 DEFINITION DES BESOINS CIBLES Critères différenciateurs des utilisateurs COÛT Budget disponible pour la réalisation du projet STRATEGIE D ENTREPRISE Critères de réussite pour le management DELAIS Date de mise en production des versions STRATEGIE D EVOLUTION Besoin utilisateurs à court, moyen et long termes QUALITE Critères de réussite priorisés BESOINS UTILISATEURS Liste des fonctionnalités et cas d utilisation IMAGE DE MARQUE Perception souhaitée auprès des utilisateurs BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 8

9 ANALYSE METIER DETAILLÉ ERGONOMIQUE Il s agit de la phase d analyse détaillée qui vise à répondre de manière pertinente aux besoins des parties pour un scope défini. L implication d un référent métier et des utilisateurs est essentielle. The ability to simplify means to eliminate the unnecessary so that the necessary may speak. Hans Hofmann OBTENIR UNE SOLUTION EFFICACE SIMPLE PROACTIVE NAVIGABLE ACCESSIBLE BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 9

10 ANALYSE METIER DETAILLÉE ERGONOMIQUE PRIORISATION DES CAS D UTILISATION 1 Prioriser les cas d utilisation permet de construire un logiciel efficace qui pourra fournir la bonne information au bon moment. Proposer une navigation adéquate et efficace pour répondre aux cas d utilisation prioritaires. Ainsi l utilisateur sera guidé pour atteindre ses objectifs. 2 ARCHITECTURE FONCTIONNELLE

11 PRIORISATION DE L INFORMATION 3 Prioriser l information permet d alléger considérablement les interfaces. Seules les informations et fonctionnalités nécessaires sont proposées les autres resteront accessibles de manière contextuelles. L organisation visuelle permet d organiser l information de manière logique ainsi l utilisateur pourra trouver, en un coup d œil, l information ou la fonctionnalité dont il a besoin. 4 ORGANISATION VISUELLE INFORMATION CONTEXTUELLES 5 Il s agit ici de trouver le moyen le plus simple pour permettre à l utilisateur d accéder aux données ou actions complémentaires dont il a besoin.

12 Cette étape vise à homogénéiser l ensemble des interfaces, ainsi la prise en main de la solution est simple et le temps d apprentissage minimal. 6 HOMOGENEITE DE LA SOLUTION VOCABULAIRE METIER 7 Le vocabulaire métier est une étape clef en effet il correspond à 80% de la compréhension globale de la solution. BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 12

13 DEFINITION DES STANDARDS "What makes people passionate, pure and simple, is great experiences. If they have great experience with your product and they have great experiences with your service, they re going to be passionate about your brand, they re going to be committed to it. That s how you build that kind of commitment. Jesse James Garrett OBTENIR UNE SOLUTION HOMOGENE FAMILIERE CREDIBLE DESIRABLE UTILISABLE BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 13

14 DEFINITION DES STANDARDS LAYOUT Emplacement des éléments GUIDANCE, GESTION DES ERREURS Accompagnement de l utilisateur NAVIGATION Menu, retours, boutons d action FORMAT DES DONNEES Homogénéité des formats COMPOSANTS Liste, tableau, formulaire COMPREHENSION Vocabulaire, différenciation, association DESIGN D INTERACTION Transition, gestuel STYLE Typographie, couleurs BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 14

15 STANDARDS GOOGLE - MATERIAL DESIGN BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 15

16 DESIGN INTERFACE HOMME MACHINE Il s agit d une phase qui vise à faciliter la communication, la compréhension et la validation de la solution. Real project always includes a risk of failure. Thomas Edison once joked, We now know a thousand ways not to build a light bulb. By building a prototype, you can quickly weed out the approaches that don t work to focus on the ones that do. OBTENIR UNE SOLUTION OPTIMISEE UTILE EVOLUTIVE CREDIBLE SIMPLE BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 16

17 LES OUTILS BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 17

18 NOS OFFRES USABILITE Interfaces statiques Organisation visuelle Look & Feel UTILISATEURS Maquette cliquable Architecture stratégique Organisation Visuelle Look & Feel FULL DESIGN Maquette cliquable Architecture Design d interaction Organisation Visuelle Look & Feel MANAGEMENT Maquette cliquable Architecture stratégique Organisation Visuelle Look & Feel IT Maquette cliquable Architecture Organisation Visuelle Ce que nous vous offrons en complément de votre offre Guide des Standards expérience Utilisateur BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 18

19 2 RETOUR D EXPERIENCE BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 19

20 RETOUR D EXPERIENCE BRINGING THE HUMAN TOUCH TO TECHNOLOGY SERIAL.CH 20