SlideShare a Scribd company logo
1 of 25
MAGNETS user interface magnetic
summary ,[object Object]
  2. grid system
  3. components
  4. sample
  5. what else ?
  6. how to orderMATERIALIZE YOUR NEXT SUCCESS 2 / 8 IAFACTORY   |   conseil en architecture de l’information   |www.iafactory.fr|contact@iafactory.fr|
1. CONCEPT enhance collaboration in the design of your projects
what about your project's meetings ? must make better use of our brand must be simplified he always wants to be right this module requires 2 months of development big boss TECHNOLOGY DESIGN MANAGEMENT we need more products on the home page TECHNOLOGY julien MANAGEMENT thomas Nielsen says that users... MANAGEMENT boss katy don’t forget SEO – SEM strategy david must be esthetic create a great experience cms rules do not allow jean-pierre MANAGEMENT DESIGN DESIGN emma TECHNOLOGY put forward the newsletter not possible with our project deadline lucie karl MANAGEMENT E-MARKETING banners must be visible enhance the customer area E-MARKETING laurent uwe william oliver E-MARKETING
how to reconcile all these requirements in user interface ? ? PRODUCT MANAGER DESIGNER PROJECT MANAGER SEO – SEM CONSULTANT ENGINEER BOSS
built your own interface in live during your workshop
how ? with a flexible, modular and very cool magnetic kit !
you just need a magnetic board (or any type of magnetic surface like a fridge for example…) CLICK SEARCH HELLO, I’M MAGNETIC ! HELLO, WE’RE COMPONENTS ! CLICK SEARCH OK NO OK NO DRAG ME NO YOU CAN WRITE ON ME IF I’M EMPTY YOUR CONTENT
build any type of interface with our magnetic kit X
2. GRID SYSTEM modular grid, suitable for any type of site
grid system, modular and flexible
3. MAGNETS magnetic interface components
magnetic interface components 740 ELEMENTS ! 18 boards A4
magnetic interface components ,[object Object]
PLANCHE 2 / BOARD 2 - forms
PLANCHE 3/ BOARD 3 - buttons
PLANCHE 4 / BOARD 4 – nav.
PLANCHE 5 / BOARD 5 – nav.
PLANCHE 6 / BOARD 6 – carrousel 1,[object Object]
PLANCHE 8 / BOARD 8 – carrousel 3

More Related Content

Viewers also liked

Viewers also liked (6)

Ob exercise perception
Ob exercise perceptionOb exercise perception
Ob exercise perception
 
mapa
mapamapa
mapa
 
敬和で英語による授業を増やすべきか
敬和で英語による授業を増やすべきか敬和で英語による授業を増やすべきか
敬和で英語による授業を増やすべきか
 
Durisol müratõkked
Durisol müratõkkedDurisol müratõkked
Durisol müratõkked
 
China Pakistan Economic Corridor (C-PEC)
China Pakistan Economic Corridor (C-PEC)China Pakistan Economic Corridor (C-PEC)
China Pakistan Economic Corridor (C-PEC)
 
Project Stories from BT
Project Stories from BTProject Stories from BT
Project Stories from BT
 

More from iafactory

Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0iafactory
 
Iafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outilsIafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outilsiafactory
 
Bunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservationBunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservationiafactory
 
Belles expériences web mobile
Belles expériences web mobile  Belles expériences web mobile
Belles expériences web mobile iafactory
 
Panorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactoryPanorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactoryiafactory
 
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en maintemplates.iafactory, guide de prise en main
templates.iafactory, guide de prise en mainiafactory
 
Formation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerceFormation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerceiafactory
 
Formation conception de support interactif - 04 - benchmark
Formation conception de support interactif - 04 - benchmarkFormation conception de support interactif - 04 - benchmark
Formation conception de support interactif - 04 - benchmarkiafactory
 
Formation conception de support interactif - 03 - audit de site web
 Formation conception de support interactif - 03 - audit de site web Formation conception de support interactif - 03 - audit de site web
Formation conception de support interactif - 03 - audit de site webiafactory
 
Formation conception de support interactif - 01 - introduction
Formation conception de support interactif - 01 - introductionFormation conception de support interactif - 01 - introduction
Formation conception de support interactif - 01 - introductioniafactory
 
Formation gestion de projet - 06 - la production
 Formation gestion de projet - 06 - la production Formation gestion de projet - 06 - la production
Formation gestion de projet - 06 - la productioniafactory
 
Formation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conceptionFormation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conceptioniafactory
 
Formation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrageFormation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrageiafactory
 
Formation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandationFormation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandationiafactory
 
Formation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audienceFormation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audienceiafactory
 
Formation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligneFormation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligneiafactory
 
Formation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demandeFormation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demandeiafactory
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetiafactory
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)iafactory
 

More from iafactory (19)

Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0
 
Iafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outilsIafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outils
 
Bunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservationBunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservation
 
Belles expériences web mobile
Belles expériences web mobile  Belles expériences web mobile
Belles expériences web mobile
 
Panorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactoryPanorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactory
 
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en maintemplates.iafactory, guide de prise en main
templates.iafactory, guide de prise en main
 
Formation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerceFormation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerce
 
Formation conception de support interactif - 04 - benchmark
Formation conception de support interactif - 04 - benchmarkFormation conception de support interactif - 04 - benchmark
Formation conception de support interactif - 04 - benchmark
 
Formation conception de support interactif - 03 - audit de site web
 Formation conception de support interactif - 03 - audit de site web Formation conception de support interactif - 03 - audit de site web
Formation conception de support interactif - 03 - audit de site web
 
Formation conception de support interactif - 01 - introduction
Formation conception de support interactif - 01 - introductionFormation conception de support interactif - 01 - introduction
Formation conception de support interactif - 01 - introduction
 
Formation gestion de projet - 06 - la production
 Formation gestion de projet - 06 - la production Formation gestion de projet - 06 - la production
Formation gestion de projet - 06 - la production
 
Formation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conceptionFormation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conception
 
Formation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrageFormation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrage
 
Formation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandationFormation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandation
 
Formation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audienceFormation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audience
 
Formation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligneFormation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligne
 
Formation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demandeFormation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demande
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projet
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)
 

Interface utilisateur magnétique (magnetic ui)

  • 2.
  • 3. 2. grid system
  • 4. 3. components
  • 5. 4. sample
  • 6. 5. what else ?
  • 7. 6. how to orderMATERIALIZE YOUR NEXT SUCCESS 2 / 8 IAFACTORY | conseil en architecture de l’information |www.iafactory.fr|contact@iafactory.fr|
  • 8. 1. CONCEPT enhance collaboration in the design of your projects
  • 9. what about your project's meetings ? must make better use of our brand must be simplified he always wants to be right this module requires 2 months of development big boss TECHNOLOGY DESIGN MANAGEMENT we need more products on the home page TECHNOLOGY julien MANAGEMENT thomas Nielsen says that users... MANAGEMENT boss katy don’t forget SEO – SEM strategy david must be esthetic create a great experience cms rules do not allow jean-pierre MANAGEMENT DESIGN DESIGN emma TECHNOLOGY put forward the newsletter not possible with our project deadline lucie karl MANAGEMENT E-MARKETING banners must be visible enhance the customer area E-MARKETING laurent uwe william oliver E-MARKETING
  • 10. how to reconcile all these requirements in user interface ? ? PRODUCT MANAGER DESIGNER PROJECT MANAGER SEO – SEM CONSULTANT ENGINEER BOSS
  • 11. built your own interface in live during your workshop
  • 12. how ? with a flexible, modular and very cool magnetic kit !
  • 13. you just need a magnetic board (or any type of magnetic surface like a fridge for example…) CLICK SEARCH HELLO, I’M MAGNETIC ! HELLO, WE’RE COMPONENTS ! CLICK SEARCH OK NO OK NO DRAG ME NO YOU CAN WRITE ON ME IF I’M EMPTY YOUR CONTENT
  • 14. build any type of interface with our magnetic kit X
  • 15. 2. GRID SYSTEM modular grid, suitable for any type of site
  • 16. grid system, modular and flexible
  • 17. 3. MAGNETS magnetic interface components
  • 18. magnetic interface components 740 ELEMENTS ! 18 boards A4
  • 19.
  • 20. PLANCHE 2 / BOARD 2 - forms
  • 21. PLANCHE 3/ BOARD 3 - buttons
  • 22. PLANCHE 4 / BOARD 4 – nav.
  • 23. PLANCHE 5 / BOARD 5 – nav.
  • 24.
  • 25. PLANCHE 8 / BOARD 8 – carrousel 3
  • 26. PLANCHE 9/ BOARD 9 – content 1
  • 27. PLANCHE 10 / BOARD 10 – content 2
  • 28. PLANCHE 11 / BOARD 11 – content 3
  • 29.
  • 30. PLANCHE 14 / BOARD 14 – ad 1
  • 31. PLANCHE 15/ BOARD 15 – ad 2
  • 32. PLANCHE 16 / BOARD 16 – window
  • 33. PLANCHE 17 / BOARD 17 – img
  • 34.
  • 35. IMG OK I COULD BE AN INTRANET GO I COULD BE A CORPORATE WEBSITE… AD I COULD BE AN ECOMMERCEWEBSITE… SUBSCRIBE I COULD BE A MOBILE APP… I COULD BE WHATEVER YOU WANT
  • 36. 5. WHAT ELSE ? more synergy for your digital projects
  • 37. you can easily transpose your work with powerpoint HELLO, YOU JUST BUILD ME, I’M YOUR ARTWORK ! HELLO, I’M POWERPOINT… DO YOU RECOGNIZE ME ? HELLO,WE ARE THE POWERPOINT COMPONENTS .PPT FILE !
  • 38. and send it to everyone ! + + + + I JUST GOT THE PPT FILE (RESULT OF OUR MEETING) I JUST GOT THE PPT FILE (RESULT OF OUR MEETING) PRODUCT MANAGER DESIGNER I JUST GOT THE PPT FILE (RESULT OF OUR MEETING) I JUST GOT THE PPT FILE (RESULT OF OUR MEETING) PROJECT MANAGER SEO – SEM CONSULTANT PAY RISE FOR YOU ! SEND I JUST GOT THE PPT FILE (RESULT OF OUR MEETING) ENGINEER BOSS
  • 39. find also more references and templates for your digital projects http://templates.iafactory.fr
  • 40. 6. ORDER YOURS how to order your magnetic kit ?
  • 41. 2 SOLUTIONS… DO IT YOURSELF / LE FAIRE SOI-MÊME ASK IAFACTORY / IAFACTORY VOUS LIVRE LE KIT DOWNLOAD AND PRINT YOURSELF WE PRODUCE AND DELIVER YOUR KIT EN EN Download and complete your project sheet from the website http://magnets.iafactory.fr (click on "order your magnets" then download the project sheet) ; send your request via email to magnets@iafactory.fr : you will receive a quote (tailored to the magnetic components that interest you). We carry out production and you will be delivered wherever you want Download the file of the user interface magnetic kit (.18 pdf files) from the website http://templates.iafactory.fr (click on “tous les templates” then select “magnets”) ; after that, you will have to print the components of your choice and build by yourself your UI kit (you can use magnetic paper for this). Téléchargez puis remplissez votre fiche projet depuis le site http://magnets.iafactory.fr (cliquez sur « commandez vos magnets » puis récupérez la fiche projet) ; envoyez ensuite votre demande à magnets@iafactory.fr pour obtenir un devis personnalisé en fonction des composants magnétiques qui vous intéressent ; nous nous chargeons de la production et vous êtes livrés rapidement sur le lieu de votre choix. téléchargez le kit d’interface utilisateur magnétique (18 fichiers .pdf) sur le site http://templates.iafactory.fr(cliquez sur « tous les templates » puis choisissez « magnets ») ; ensuite, imprimez par vous-mêmes les éléments de votre choix et construisez vos magnétiques à l’aide de plaque magnétique et de rouleau magnétique… FR FR