SlideShare una empresa de Scribd logo
1 de 11
Pour  réaliser  un site s ur  un Mobile Version 1.0 PowerPoint Prototyping 23mm 61mm Aller à l’exemple
Sommaire ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Boutons et écrans types Zone de titre. Touche de retour; la fonction est équivalente au « back » d’un browser Web Corps de la page incluant une barre de scrolling 165 pixels pour une image
Boutons et écrans types 3 hauteurs d’écran La barre de scrolling est comprise 1 ligne de texte correspond à du Arial 10
Important Utiliser un cadre transparent sur la zone à cliquer et cela pour chaque action que l’on souhaite. Faire un clic droit sur l’endroit voulu, choisir “Lien hypertexte” et renvoyer vers la diapositive voulue. Hit area
Vers la droite ou la gauche (non valable en WML) Navigation avec un mobile 1 2 4 3 Vers le haut ou sélection du lien précédant 1 Vers le bas ou sélection du lien suivant 2 Page précédente 4 3 Options du browser 5 5
Bandeau Navigation Zone de contenu Navigation 2 Pied de page Navigation 3 Du Web...   http://
3 hauteurs d’écran ... au mobile Bandeau Onglets thématiques Sous navigation Zone de contenu Pied de page, Navigation dans un thème Petit poucet
Site Web  / Site Mobile   http:// Bandeau Navigation Zone de contenu Navigation 2 Pied de page Navigation 3 Bandeau Onglets thématiques Sous navigation Zone de contenu Pied de page, Navigation dans un thème Petit poucet
Bandeau Jeux Sons Vidéos Images Jeux Images Vidéos Sons Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Tous les jeux >> Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Bla bla bla bla bla bla bla bla bla bla bla bla bla Toutes les images Toutes les vidéos Tous les sons Publicité > Infos Service < Accueil opérateur Exemple
Bandeau <  Accueil Jeux Sons Vidéos Images Images Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Publicité Images Nouveautés ,[object Object],[object Object],[object Object],[object Object],Catégories Et aussi… Exemple

Más contenido relacionado

Destacado

Prix et stock - Optimizze - ERP - V16
Prix et stock - Optimizze - ERP - V16Prix et stock - Optimizze - ERP - V16
Prix et stock - Optimizze - ERP - V16Optimizze
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads France
 
TWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesTWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesValeria Gasik
 
Prototyping and Testing solutions for Kev!
Prototyping and Testing solutions for Kev!Prototyping and Testing solutions for Kev!
Prototyping and Testing solutions for Kev!Martín Hoare
 
Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014Use Age
 
Première étude sur le testing en France
Première étude sur le testing en FrancePremière étude sur le testing en France
Première étude sur le testing en FranceRomain Creteur
 
Multi-Device Prototypes
Multi-Device PrototypesMulti-Device Prototypes
Multi-Device PrototypesDoug Gapinski
 
Tests Dinterface SWT
Tests Dinterface SWTTests Dinterface SWT
Tests Dinterface SWTEric Le Merdy
 
Lessons learned from testing prototypes in real life
Lessons learned from testing prototypes in real lifeLessons learned from testing prototypes in real life
Lessons learned from testing prototypes in real lifeTilen Travnik
 
Wireframes et prototypes - Pourquoi, quand et comment les utiliser
Wireframes et prototypes - Pourquoi, quand et comment les utiliserWireframes et prototypes - Pourquoi, quand et comment les utiliser
Wireframes et prototypes - Pourquoi, quand et comment les utilisernathalieberger
 
Prototyping in SL by Cooper Macbeth
Prototyping in SL by Cooper MacbethPrototyping in SL by Cooper Macbeth
Prototyping in SL by Cooper MacbethDream Realizations
 
Software Prototyping
Software PrototypingSoftware Prototyping
Software Prototypingcompumod
 
A Virtual Environment for Designing User Interface Prototypes with Accessibil...
A Virtual Environment for Designing User Interface Prototypes with Accessibil...A Virtual Environment for Designing User Interface Prototypes with Accessibil...
A Virtual Environment for Designing User Interface Prototypes with Accessibil...Cynthia Calongne
 
Augmenter votre efficacité en gestion des stocks par la classification des ar...
Augmenter votre efficacité en gestion des stocks par la classification des ar...Augmenter votre efficacité en gestion des stocks par la classification des ar...
Augmenter votre efficacité en gestion des stocks par la classification des ar...IMAFS
 
PréSentation SystèMes Rfid Industriels DéVeloppéS Par Airfield
PréSentation SystèMes Rfid Industriels DéVeloppéS Par AirfieldPréSentation SystèMes Rfid Industriels DéVeloppéS Par Airfield
PréSentation SystèMes Rfid Industriels DéVeloppéS Par Airfieldabellaire
 

Destacado (18)

Prix et stock - Optimizze - ERP - V16
Prix et stock - Optimizze - ERP - V16Prix et stock - Optimizze - ERP - V16
Prix et stock - Optimizze - ERP - V16
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
 
TWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesTWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypes
 
Protype and test
Protype and testProtype and test
Protype and test
 
20080429 Epaper Update Lite
20080429 Epaper Update Lite20080429 Epaper Update Lite
20080429 Epaper Update Lite
 
Prototyping and Testing solutions for Kev!
Prototyping and Testing solutions for Kev!Prototyping and Testing solutions for Kev!
Prototyping and Testing solutions for Kev!
 
Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014
 
Maquettes & Prototypes
Maquettes & PrototypesMaquettes & Prototypes
Maquettes & Prototypes
 
Première étude sur le testing en France
Première étude sur le testing en FrancePremière étude sur le testing en France
Première étude sur le testing en France
 
Multi-Device Prototypes
Multi-Device PrototypesMulti-Device Prototypes
Multi-Device Prototypes
 
Tests Dinterface SWT
Tests Dinterface SWTTests Dinterface SWT
Tests Dinterface SWT
 
Lessons learned from testing prototypes in real life
Lessons learned from testing prototypes in real lifeLessons learned from testing prototypes in real life
Lessons learned from testing prototypes in real life
 
Wireframes et prototypes - Pourquoi, quand et comment les utiliser
Wireframes et prototypes - Pourquoi, quand et comment les utiliserWireframes et prototypes - Pourquoi, quand et comment les utiliser
Wireframes et prototypes - Pourquoi, quand et comment les utiliser
 
Prototyping in SL by Cooper Macbeth
Prototyping in SL by Cooper MacbethPrototyping in SL by Cooper Macbeth
Prototyping in SL by Cooper Macbeth
 
Software Prototyping
Software PrototypingSoftware Prototyping
Software Prototyping
 
A Virtual Environment for Designing User Interface Prototypes with Accessibil...
A Virtual Environment for Designing User Interface Prototypes with Accessibil...A Virtual Environment for Designing User Interface Prototypes with Accessibil...
A Virtual Environment for Designing User Interface Prototypes with Accessibil...
 
Augmenter votre efficacité en gestion des stocks par la classification des ar...
Augmenter votre efficacité en gestion des stocks par la classification des ar...Augmenter votre efficacité en gestion des stocks par la classification des ar...
Augmenter votre efficacité en gestion des stocks par la classification des ar...
 
PréSentation SystèMes Rfid Industriels DéVeloppéS Par Airfield
PréSentation SystèMes Rfid Industriels DéVeloppéS Par AirfieldPréSentation SystèMes Rfid Industriels DéVeloppéS Par Airfield
PréSentation SystèMes Rfid Industriels DéVeloppéS Par Airfield
 

Toolkit Wap complet

  • 1. Pour réaliser un site s ur un Mobile Version 1.0 PowerPoint Prototyping 23mm 61mm Aller à l’exemple
  • 2.
  • 3. Boutons et écrans types Zone de titre. Touche de retour; la fonction est équivalente au « back » d’un browser Web Corps de la page incluant une barre de scrolling 165 pixels pour une image
  • 4. Boutons et écrans types 3 hauteurs d’écran La barre de scrolling est comprise 1 ligne de texte correspond à du Arial 10
  • 5. Important Utiliser un cadre transparent sur la zone à cliquer et cela pour chaque action que l’on souhaite. Faire un clic droit sur l’endroit voulu, choisir “Lien hypertexte” et renvoyer vers la diapositive voulue. Hit area
  • 6. Vers la droite ou la gauche (non valable en WML) Navigation avec un mobile 1 2 4 3 Vers le haut ou sélection du lien précédant 1 Vers le bas ou sélection du lien suivant 2 Page précédente 4 3 Options du browser 5 5
  • 7. Bandeau Navigation Zone de contenu Navigation 2 Pied de page Navigation 3 Du Web...   http://
  • 8. 3 hauteurs d’écran ... au mobile Bandeau Onglets thématiques Sous navigation Zone de contenu Pied de page, Navigation dans un thème Petit poucet
  • 9. Site Web / Site Mobile   http:// Bandeau Navigation Zone de contenu Navigation 2 Pied de page Navigation 3 Bandeau Onglets thématiques Sous navigation Zone de contenu Pied de page, Navigation dans un thème Petit poucet
  • 10. Bandeau Jeux Sons Vidéos Images Jeux Images Vidéos Sons Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Tous les jeux >> Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Bla bla bla bla bla bla bla bla bla bla bla bla bla >> Bla bla bla bla bla bla bla bla bla bla bla bla bla Toutes les images Toutes les vidéos Tous les sons Publicité > Infos Service < Accueil opérateur Exemple
  • 11.