offre mobilité | 2013
DESCRIPTION
TRANSCRIPT
![Page 1: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/1.jpg)
Conseil et réalisationWeb & Mobile
Avril 2013
![Page 2: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/2.jpg)
Notre expertise
๏ Conseil - AMOA et ergonomie UI
๏ Développement sur mesure - web, mobile et métier
๏ Expertise - technique, agilité et qualité
๏ R&D - Produits et méthodologie
2
Spécialiste de l’expérience utilisateur et des usages innovants
![Page 3: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/3.jpg)
Le bon partenaire pour votre projet mobile
๏ Conseil pour le choix de votre stratégie
๏ Assistance à la réalisation du cahier des charges
๏ Prototypage (fil de fer, html, natif)
๏ Tests utilisateurs
3
De la formalisation du besoin
๏ Maîtrise des technologies de développement web et mobile
๏ Méthodologie Agile éprouvée et adaptée
๏ Développement sur mesure au forfait
๏ Smartphones & Tablettes
Au déploiement du service mobile
CSS 3
![Page 4: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/4.jpg)
Ils nous font confiance
4
![Page 5: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/5.jpg)
Les dernières références de PIA
5
![Page 6: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/6.jpg)
6
• Conseil sur le choix du terminal pour les enquêteurs
• Etude des nouveaux usages liés à la mobilité
• Recherche des solutions d’enquêtes F2F tirant partie de
la mobilité
• Préconisation sur la stratégie de tests de la solution retenue
Conseil en stratégie mobile
B2B
Choix Tablette et Solution métier
![Page 7: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/7.jpg)
• Site B2B et B2C pour tablettes et desktop
• Architecture de l’information
• Prototypage papier et fil de fer
• Maquettage html5 et css5
• Recrutement d’un panel d’utilisateurs
• Tests utilisateurs de la maquette
Conception d’un site d’information sur l’eau
Conseil Ergonomie et Design
B2C
7
B2B
![Page 8: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/8.jpg)
8
• Amélioration de l’ergonomie et du design du site
• Définition des nouveaux parcours utilisateurs
• Prototypage papier
• Prototypage fil de fer sous Balsamiq
• Design visuel (photoshop)
Conseil Ergonomie et Design
Réseau Social pour les PME
B2C
http://www.smartpanda-network.com
![Page 9: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/9.jpg)
9
• Consultation de revue de presse plurimédias (presse, TV, radio et web)
• Suivi en temps réel des alertes sur les
marques
• Android - Air - Flex
Développement Mobile
Veille et alertes plurimédias
B2B
![Page 10: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/10.jpg)
10
• Appli iPad native
• Conception de l’ergonomie et du design
• Utilisée comme borne interactive dans les galeries
• Disponible sur l’app store pour le grand public
• Accompagnée d’un site web (html5, css3)
Développement Web & Mobile
Découvrir un meuble d’exception
B2C
![Page 11: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/11.jpg)
11
• Conception de l’ergonomie et du design
• Développement Web app
• Application multiplateforme : iPhone,
Smartphones Android, BlackBerry, Tablette Samsung Galaxy 2,...
Développement Mobile
Enquêtes de satisfaction Clients
B2B
![Page 12: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/12.jpg)
12
• Conception de l’ergonomie et du design
• Site web mobile
• Applications hybrides (multiplateforme) pour
iPhone et terminaux Android
• Alertes et notifications par Push
• Intégration au back office via une API Rest
Développement Web & Mobile
Site marchand mobile
B2C
![Page 13: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/13.jpg)
13
• Conception de l’ergonomie et du design
• Développement Web app
• Développement iPad
Application iPad et web de formation sur les collections
B2B
Développement Web & Mobile (en cours)
![Page 14: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/14.jpg)
14
• Conception de l’ergonomie et du design
• Applications pour iPhone et Samsung Galaxy
• Développement natif iOS et Android
Services d’assurances pour les expatriés
Développement Mobile (en cours)
B2C
![Page 15: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/15.jpg)
Méthodologie de conception de l’IHM
15
![Page 16: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/16.jpg)
16
Brief
Analyse de l’existant
• L'essentiel : pitch court
• Contexte du projet
• Enjeux, Objectifs & Facteurs clés de succès
• Mise en évidence de problèmes : visuels, ergonomiques et stratégiques
• Problèmes de structuration de contenus• Optimisation de l'expérience utilisateur
![Page 17: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/17.jpg)
17
Benchmark concurrentiel
Cibles
• Concurrents directs ou indirects
• Problématiques à observer
• Comment ont-elles été traitées par les concurrents
• Identification des cibles• Réalisation de persona• Modélisation des parcours utilisateurs
![Page 18: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/18.jpg)
18
Contenu
Interface
• Inventaire des contenus• Stratégie éditoriale• Architecture de l'information
• Règles d'interface • Cinématiques et navigation• Wireframes
![Page 19: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/19.jpg)
Processus de développement agile
19
![Page 20: Offre Mobilité | 2013](https://reader033.vdocuments.net/reader033/viewer/2022051514/54856745b47959ec0c8b4e76/html5/thumbnails/20.jpg)
20
Utilisation de la méthode agile Scrum