Powerpoint Prototyping Toolkit V1 2

5,682 views
5,506 views

Published on

This is a powerpoint prototyping toolkit with all the shapes, objects and usual features that you may need to design a wireframe in Powerpoint.

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
5,682
On SlideShare
0
From Embeds
0
Number of Embeds
76
Actions
Shares
0
Downloads
175
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Powerpoint Prototyping Toolkit V1 2

  1. 1. PowerPoint Prototyping Toolkit v1.2 nutic.net
  2. 2. “ Usability is like oxygen -- you never notice it until it is missing...”
  3. 3. Window template IE7 running under Vista at 1024x768 (94% without taskbar) Site name – Page name, keyword, keyword, keyword - Windows Internet Explorer x Live Search http://www.nutic.net/ x Site name – Page name,… Page Tools Internet 100%
  4. 4. Window template IE7 running under Vista at 800x600 (100% without taskbar) Nom du site - Nom de la page, mot clés, mot clés, mot clés - Windows Internet Explorer x Live Search http://www.e-maujean.net/ x Nom du site - Nom de la… Page Tools Internet 100%
  5. 5. Page liste « TP03 » <ul><li>Détermination des sous-ensembles logiques de contenu insuffisamment lisible </li></ul><ul><ul><li>Pas de traitement graphique distinctif des sous-ensembles logiques au sein de la page. Par exemple: les blocs introduction, style, photo, hotel </li></ul></ul><ul><ul><li>Il manque un niveau de titre qui permettrait de un repérage immédiat des sous ensembles logiques </li></ul></ul><ul><ul><li>Certain blocs de contenu ne comportent aucun titre ce qui rend la compréhension de la nature de l’information problématique </li></ul></ul>N° Titre chapitre // Subtitre chapitre Header Footer Module #3 Filtres Module #2 Liste produits
  6. 6. Controls OK Buttons Close Cancel Apply Click here to win $100 ! Call-to-action Search engine Something Back buttons Window controls Scrollbars Form Fields Cursors Loaders Icons AR4a – Traité (incomplet)  Pleas, enter a keyword and press enter Something
  7. 7. Modules 3 nouvelles formalités reçues [ Relancer les demandes incomplètes ] Num Formalités Nom de la société Déposée le     <ul><li>75 01M société X 11/12/2008 CCI : BGN Bruno_admin </li></ul><ul><li>01M Metalustrie 11/12/2008 CFE net </li></ul><ul><li>01M société Y 11/12/2008 CFE net </li></ul>Origine Précédent … Suivant 1 2 3 6 Le saviez-vous ? [ paramétrer ] Vous pouvez définir vos propres raccourcis, vers vos tâches ou dossiers les plus fréquents Démarrer une formalité : [ Reprise d’une ancienne liasse ] 
  8. 8. Ads 94% (for 1024x768 fullscreen template) 120x600 300x250 728x90 200x80 180x40 130x80 335x90
  9. 9. Ajax interactives samples Ferrari (17) Fiat (25) Ford (35) Honda (22) Hummer (3) Hyundai (12) Isuzu (2) Jaguar (6) Jeep (5) Kia (4) Lada (2) Lamborghini (4) Lancia (6) Land Rover (12) Landwind (2) Lexus (6) Lincoln (1) Lotus (12) Maserati (2) Maybach (1) Mazda (6) Mercedes (16) Mini (3) Mitsubishi (3) Morgan (1) Nissan (6) Opel (23) Peugeot (31) Pininfarina (1) Pontiac (2) Porsche (6) Renault (43) Rolls-Royce (2) Saab (7) Seat (19) Skoda (9) Smart (3) SsangYong (3) Subaru (3) Suzuki (2) Toyota (10) Venturi (1) Volkswagen (38) Volvo (14) Acura (3) Alfa Roméo (4) Aston Martin (13) Audi (36) Bentley (14) BMW (42) Bugatti (2) Buick (2) Buick (2) Cadillac (3) Caterham (1) Chevrolet (26) Chrysler (19) Citroen (37) Corvette (5) Dacia (2) Daihatsu (4) Dodge (6) Sélectionnez une marque pour accéder au modèle de votre véhicule 1. Sélectionnez la marque de votre voiture Ajoutez un modèle de voiture Votre véhicule n’est pas listé? <ul><li>Ressources supplémentaires </li></ul><ul><li>Liens sur « Audi A4 (2004) » </li></ul><ul><li>Forum-auto.com </li></ul><ul><li>Auto-evasion.com/forum </li></ul><ul><li>Forum.321auto.com </li></ul><ul><li>Soumettre un lien v </li></ul>
  10. 10. Ajax interactives samples Ferrari (17) Fiat (25) Ford (35) Honda (22) Hummer (3) Hyundai (12) Isuzu (2) Jaguar (6) Jeep (5) Kia (4) Lada (2) Lamborghini (4) Lancia (6) Land Rover (12) Landwind (2) Lexus (6) Lincoln (1) Lotus (12) Maserati (2) Maybach (1) Mazda (6) Mercedes (16) Mini (3) Mitsubishi (3) Morgan (1) Nissan (6) Opel (23) Peugeot (31) Pininfarina (1) Pontiac (2) Porsche (6) Renault (43) Rolls-Royce (2) Saab (7) Seat (19) Skoda (9) Smart (3) SsangYong (3) Subaru (3) Suzuki (2) Toyota (10) Venturi (1) Volkswagen (38) Volvo (14) Acura (3) Alfa Roméo (4) Aston Martin (13) Audi (36) Bentley (14) BMW (42) Bugatti (2) Buick (2) Buick (2) Cadillac (3) Caterham (1) Chevrolet (26) Chrysler (19) Citroen (37) Corvette (5) Dacia (2) Daihatsu (4) Dodge (6) Sélectionnez une marque pour accéder au modèle de votre véhicule 1. Sélectionnez la marque de votre voiture Ajoutez un modèle de voiture Votre véhicule n’est pas listé? <ul><li>Ressources supplémentaires </li></ul><ul><li>Liens sur « Audi A4 (2004) » </li></ul><ul><li>Forum-auto.com </li></ul><ul><li>Auto-evasion.com/forum </li></ul><ul><li>Forum.321auto.com </li></ul><ul><li>Fermer ^ </li></ul>Lien à proposer : Votre adresse mail valide : Veuillez recopier ci-dessous le mot : mécanique http:// ok
  11. 11. Ajax interactives samples Ferrari (17) Fiat (25) Ford (35) Honda (22) Hummer (3) Hyundai (12) Isuzu (2) Jaguar (6) Jeep (5) Kia (4) Lada (2) Lamborghini (4) Lancia (6) Land Rover (12) Landwind (2) Lexus (6) Lincoln (1) Lotus (12) Maserati (2) Maybach (1) Mazda (6) Mercedes (16) Mini (3) Mitsubishi (3) Morgan (1) Nissan (6) Opel (23) Peugeot (31) Pininfarina (1) Pontiac (2) Porsche (6) Renault (43) Rolls-Royce (2) Saab (7) Seat (19) Skoda (9) Smart (3) SsangYong (3) Subaru (3) Suzuki (2) Toyota (10) Venturi (1) Volkswagen (38) Volvo (14) Acura (3) Alfa Roméo (4) Aston Martin (13) Audi (36) Bentley (14) BMW (42) Bugatti (2) Buick (2) Buick (2) Cadillac (3) Caterham (1) Chevrolet (26) Chrysler (19) Citroen (37) Corvette (5) Dacia (2) Daihatsu (4) Dodge (6) 1. Sélectionnez la marque de votre voiture Ajoutez un modèle de voiture Votre véhicule n’est pas listé? <ul><li>Ressources supplémentaires </li></ul><ul><li>Liens sur « Audi A4 (2004) » </li></ul><ul><li>Forum-auto.com </li></ul><ul><li>Auto-evasion.com/forum </li></ul><ul><li>Forum.321auto.com </li></ul><ul><li>Soumettre un lien v </li></ul>
  12. 12. Ajax interactives samples Ferrari (17) Fiat (25) Ford (35) Honda (22) Hummer (3) Hyundai (12) Isuzu (2) Jaguar (6) Jeep (5) Kia (4) Lada (2) Lamborghini (4) Lancia (6) Land Rover (12) Landwind (2) Lexus (6) Lincoln (1) Lotus (12) Maserati (2) Maybach (1) Mazda (6) Mercedes (16) Mini (3) Mitsubishi (3) Morgan (1) Nissan (6) Opel (23) Peugeot (31) Pininfarina (1) Pontiac (2) Porsche (6) Renault (43) Rolls-Royce (2) Saab (7) Seat (19) Skoda (9) Smart (3) SsangYong (3) Subaru (3) Suzuki (2) Toyota (10) Venturi (1) Volkswagen (38) Volvo (14) Acura (3) Alfa Roméo (4) Aston Martin (13) Audi (36) Bentley (14) BMW (42) Bugatti (2) Buick (2) Buick (2) Cadillac (3) Caterham (1) Chevrolet (26) Chrysler (19) Citroen (37) Corvette (5) Dacia (2) Daihatsu (4) Dodge (6) 1. Sélectionnez la marque de votre voiture Ajoutez un modèle de voiture Votre véhicule n’est pas listé? 2. Sélectionnez le modèle de votre voiture A3 (2005) A3 Sportback (2004) A4 (2007) A4 (2004) A4 Avant (2004) A4 cabriolet (2005) A5 (2007) A6 (2004) A6 Allroad Quattro (2006) A8 (2007) A8 (2005) A8L (2005) Audi A6 avant (2004) Avantissimo (2001) Concept Cross Cabriolet Concept Cross Coupé Quattro (2007) Concept Metroproject Quattro (2007) Concept Road Jet (2005) Concept Shooting Brake (2005) Q7 (2006) (38) Q7 V12 (2006) R8 (2006) RS4 (2005) RS4 Avant (2005) RS4 Cabriolet (2005) RS6 Avant (2007) S3 (2006) S4 (2004) S4 Avant (2004) S4 Cabriolet (2004) S5 (2007) S6 (2006) S6 Avant (2006) S8 (2005) TT Clubsport quattro (2007) TT Roadster (2000) TT Roadster (2006) TT Sport (2005) TTCoupe (2006) <ul><li>Ressources supplémentaires </li></ul><ul><li>Liens sur « Audi A4 (2004) » </li></ul><ul><li>Forum-auto.com </li></ul><ul><li>Auto-evasion.com/forum </li></ul><ul><li>Forum.321auto.com </li></ul><ul><li>Soumettre un lien v </li></ul>
  13. 13. Few.. ..examples
  14. 14. <ul><li>Please get it in fullscreen (F5) </li></ul>Avant de commencer Let’s start This document doesn’t present a graphic layout, but aims to represent the global organization of information on the main screens of the site.
  15. 15. LOGO Section 1 | Section 2 | Section 3 | Section 4 Last entries Feed Web 2.0 - The Dark Side Laurent was born in 1976 in Reims, Champagne. After an uneventful first 18 years he moved to Switzerland to study at the HEC […] 17 comments | Read this Web 2.0 - The Dark Side Laurent was born in 1976 in Reims, Champagne. After an uneventful first 18 years he moved to Switzerland to study at the HEC […] 21 comments | Read this ……………………………………………………………………………………………………………………………………… October 22, 2007 – 16:35 Start-up application process closed! A quick note to let you all know that the start-up competition deadline has now officially passed and we are no longer accepting applications. In the next week we'll be reviewing applications and if there are any questions or we need further information from you we'll be in touch. We intend to screen the applications and make our final selection to be announced on November 5. Thanks to all of the great companies that took the time to submit their companies and products for consideration ... We have a GREAT pool of candidates. It may sound cheesy to say, but even on a brief first read, you're all winners and we only regret that there's only room for 30 of you. Read the whole entry Posted on October 22, 2007 in Program | Permalink | Comments (0) | TrackBack (0) ……………………………………………………………………………………………………………………………………… October 22, 2007 – 16:28 [Interview] - Grupo Atlan Web 2.0 - The Dark Side Laurent was born in 1976 in Reims, Champagne. After an uneventful first 18 years he moved to Switzerland to study at the HEC […] 17 comments | Read this Version Française | About | Credits <ul><li>Live from LeWeb3 Feed </li></ul><ul><li>Anyone notice Aqua is no longer in OS X? The default system appearance is now &quot;blue&quot; and the Apple menu is translucent. about an hour ago </li></ul><ul><li>The #1 search term on Google Trends all weekend is Daylight Savings Time. Me thinks people are confused. http://tinyurl.com/yqlrdh about 2 hours ago </li></ul><ul><li>Installing Leopard. Meanwhile the Gmail IMAP fairy has not visited my account. about 21 hours ago </li></ul><ul><li>follow me on Twitter </li></ul><ul><li>Last comments Feed </li></ul><ul><li>John : “Awesome! This will get applied to my site tonight. Thanks Ronald. “ </li></ul><ul><li>Markus : “Can any visitor who leaves a comment edit it? edit.. I guess they can… great job” </li></ul><ul><li>David : “Hello, I’m testing the plugin… thanks edit: it works properly on my blog! Thanks so much awesome plugin” </li></ul><ul><li>John : “Awesome! This will get applied to my site tonight. Thanks Ronald. “ </li></ul><ul><li>Markus : “Can any visitor who leaves a comment edit it? edit.. I guess they can… great job” </li></ul><ul><li>Meta </li></ul><ul><li>This blog is powered by Wordpress </li></ul><ul><li>Design and technique by Hetic </li></ul><ul><li>Copyright CFJ </li></ul>Search Le Web3 Live : news from inside ! » FOURTH EDITION : Paris December 11TH / 12TH - Windows Internet Explorer x Live Search http://www.leweb3-live.net/en x Le Web3 Live : news fro… Page Tools Internet 100%
  16. 16. Aide-Mécanique .com Toute l’aide mécanique, pour votre voiture Sélectionnez votre véhicule ou faites une recherche Ferrari (17) Fiat (25) Ford (35) Honda (22) Hummer (3) Hyundai (12) Isuzu (2) Jaguar (6) Jeep (5) Kia (4) Lada (2) Lamborghini (4) Lancia (6) Land Rover (12) Landwind (2) Lexus (6) Lincoln (1) Lotus (12) Maserati (2) Maybach (1) Mazda (6) Mercedes (16) Mini (3) Mitsubishi (3) Morgan (1) Nissan (6) Opel (23) Peugeot (31) Pininfarina (1) Pontiac (2) Porsche (6) Renault (43) Rolls-Royce (2) Saab (7) Seat (19) Skoda (9) Smart (3) SsangYong (3) Subaru (3) Suzuki (2) Toyota (10) Venturi (1) Volkswagen (38) Volvo (14) Acura (3) Alfa Roméo (4) Aston Martin (13) Audi (36) Bentley (14) BMW (42) Bugatti (2) Buick (2) Buick (2) Cadillac (3) Caterham (1) Chevrolet (26) Chrysler (19) Citroen (37) Corvette (5) Dacia (2) Daihatsu (4) Dodge (6) Thématiques générales (commune à toutes les voitures) Roue Changer sa roue • Vérifier la pression • Changer ses jantes • Pneus neige • Contrôler l’usure • Choisir ses jantes • Vérifier la pression • Vérifier la pression • Vérifier la pression Entretien Changer sa roue • Vérifier la pression • Changer ses jantes • Pneus neige • Contrôler l’usure • Choisir ses jantes • Vérifier la pression • Vérifier la pression • Vérifier la pression Carrosserie Changer sa roue • Vérifier la pression • Changer ses jantes • Pneus neige • Contrôler l’usure • Choisir ses jantes • Vérifier la pression • Vérifier la pression • Vérifier la pression Intérieur Changer sa roue • Vérifier la pression • Changer ses jantes • Pneus neige • Contrôler l’usure • Choisir ses jantes • Vérifier la pression • Vérifier la pression • Vérifier la pression Compétition Préparer sa voiture pour la course • Compétition et sécurité • Piste ou rally • Pneus neige • Contrôler l’usure • Choisir ses jantes • Vérifier la pression • Vérifier la pression • Vérifier la pression Soumettre une fiche commune à toutes les voitures <ul><li>Nouveautés </li></ul><ul><li>« Faire sa vidange » sur « Audi A4 (2004) » </li></ul><ul><li>« Changer sa roue » sur « Thématique générale » </li></ul><ul><li>« Monter un kit d’intérieur » sur « Volkswagen Golf GTi III (1999) » </li></ul><ul><li>Plus de nouveauté v </li></ul>Sélectionnez une marque pour accéder au modèle de votre véhicule Bonjour, invité! Identifiez-vous ou inscrivez-vous . 1. Sélectionnez la marque de votre voiture Ajoutez un modèle de voiture Votre véhicule n’est pas listé? Timer 2sec Tapez un mot-clé puis cliquez sur la loupe pour lancer une recherche Aide-mécanique.com // Le site d’aide et de conseils mécaniques pour votre voiture - Windows Internet Explorer x Live Search http://auto.aide-mecanique.com x Aide-mécanique.com // … Page Tools Internet 100%
  17. 17. Press the escape key (ESC) to quit Please e-mail any suggestion to < [email_address] >

×