SlideShare a Scribd company logo
1 of 12
23mm




       PowerPoint
       Prototyping
18mm




       Toolkit                       Click here to go
                                     to the example


         By Long Zheng
         www.istartedsomething.com



         Version 0.1 (Draft)
Example
  Notepad
 File Edit Format View Help
Example
  Notepad
 File Edit Format View Help


  Open
Example
  Notepad
 File Edit Format View Help

                       Open
                                   Long     Documents   Search


                        Organize          Views




                                                          OK     Cancel
Example
  Notepad
 File Edit Format View Help




                 Are you sure you want to close?

                         You clicked
                      Yes             No
Example
  Notepad
 File Edit Format View Help




                              HAHA. You lose.
                              You clicked
                                   Okay
Windows
Frames




  Standard window frame with                           Standard window frame with emphasis
  drop shadow                                          drop shadow




                               Inactive window frame
Windows presets
Standard

    Notepad
   File Edit Format View Help
Windows presets
Modal


        Connect to a network




                               Next   Cancel
Windows presets
Open file dialog box

     Open
                 Long     Documents   Search


      Organize          Views




                                        OK     Cancel
Controls
Back buttons                                     Window controls

               Back                                                Close

               Back (inactive)                                     Minimize, close

               Back and forward with dropdown                      Minimize, maximize, close

               Back and forward with dropdown                      Minimize
               (inactive)


Bars
Address bar                                        Command bar
       Long   Documents                                 Organize      Views

Search bar
                                                   Toolbar
Search
                                                    File Edit Format View Help


Buttons
                                                                                               Scrollbar
       OK             Cancel        Apply       Close
Hit area
           Important
           Use this to set up the hit area for linking to different slides. It’s
           transparent to show where the user can click on the screen
           without distorting the experience.

           Right click on it, and click “Edit hyperlink” to choose the
           destination.

           Alternatively you can also hyperlink objects such as buttons
           itself to point to different slides.

           It is best to add the hitbox to your slides last as they may get
           overlapped and hard to select.

More Related Content

Similar to Toolkit 0 1

PowerPoint: Powerful Presentation Design
PowerPoint:  Powerful Presentation DesignPowerPoint:  Powerful Presentation Design
PowerPoint: Powerful Presentation DesignKellie Demmler
 
Word2007 tutorial
Word2007 tutorialWord2007 tutorial
Word2007 tutorialsat646
 
Microsoft Word 2010 Beginning Class
Microsoft Word 2010 Beginning ClassMicrosoft Word 2010 Beginning Class
Microsoft Word 2010 Beginning ClassLady_Informationado
 
Basic editing
Basic editingBasic editing
Basic editingferg_v
 
Folder browserdialog unmasked
Folder browserdialog unmaskedFolder browserdialog unmasked
Folder browserdialog unmaskedLogicNP
 
Office quick-reference-2010
Office quick-reference-2010Office quick-reference-2010
Office quick-reference-2010MicroKnowledge
 
Power point2007 chapter_1
Power point2007 chapter_1Power point2007 chapter_1
Power point2007 chapter_1almario1988
 
Introduction to windows
Introduction to windowsIntroduction to windows
Introduction to windowsMukund Trivedi
 
Ulysses Digital Variorum
Ulysses Digital VariorumUlysses Digital Variorum
Ulysses Digital VariorumRicardo Yi
 
Fennec Ui Walkthrough 2009 03 02
Fennec Ui Walkthrough 2009 03 02Fennec Ui Walkthrough 2009 03 02
Fennec Ui Walkthrough 2009 03 02Madhava Enros
 
Getting started with google docs
Getting started with google docsGetting started with google docs
Getting started with google docsMohamed Amin Embi
 
Summary
SummarySummary
Summarya1568
 
Getting started with google docs
Getting started with google docsGetting started with google docs
Getting started with google docsJiT2U
 
Marquee10 presentation word_s1_audio
Marquee10 presentation word_s1_audioMarquee10 presentation word_s1_audio
Marquee10 presentation word_s1_audioRosalyn Warren
 
Marquee10 presentation word_s1
Marquee10 presentation word_s1Marquee10 presentation word_s1
Marquee10 presentation word_s1Rosalyn Warren
 
Ms Word 2010 Training In Ambala ! Batra Computer Centre
Ms Word 2010 Training In Ambala ! Batra Computer CentreMs Word 2010 Training In Ambala ! Batra Computer Centre
Ms Word 2010 Training In Ambala ! Batra Computer Centrejatin batra
 

Similar to Toolkit 0 1 (19)

Screen elements
Screen elementsScreen elements
Screen elements
 
PowerPoint: Powerful Presentation Design
PowerPoint:  Powerful Presentation DesignPowerPoint:  Powerful Presentation Design
PowerPoint: Powerful Presentation Design
 
Word2007 tutorial
Word2007 tutorialWord2007 tutorial
Word2007 tutorial
 
Microsoft Word 2010 Beginning Class
Microsoft Word 2010 Beginning ClassMicrosoft Word 2010 Beginning Class
Microsoft Word 2010 Beginning Class
 
Basic editing
Basic editingBasic editing
Basic editing
 
Folder browserdialog unmasked
Folder browserdialog unmaskedFolder browserdialog unmasked
Folder browserdialog unmasked
 
Office quick-reference-2010
Office quick-reference-2010Office quick-reference-2010
Office quick-reference-2010
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft word
 
Power point2007 chapter_1
Power point2007 chapter_1Power point2007 chapter_1
Power point2007 chapter_1
 
Introduction to windows
Introduction to windowsIntroduction to windows
Introduction to windows
 
Ulysses Digital Variorum
Ulysses Digital VariorumUlysses Digital Variorum
Ulysses Digital Variorum
 
Fennec Ui Walkthrough 2009 03 02
Fennec Ui Walkthrough 2009 03 02Fennec Ui Walkthrough 2009 03 02
Fennec Ui Walkthrough 2009 03 02
 
Chapter one
Chapter oneChapter one
Chapter one
 
Getting started with google docs
Getting started with google docsGetting started with google docs
Getting started with google docs
 
Summary
SummarySummary
Summary
 
Getting started with google docs
Getting started with google docsGetting started with google docs
Getting started with google docs
 
Marquee10 presentation word_s1_audio
Marquee10 presentation word_s1_audioMarquee10 presentation word_s1_audio
Marquee10 presentation word_s1_audio
 
Marquee10 presentation word_s1
Marquee10 presentation word_s1Marquee10 presentation word_s1
Marquee10 presentation word_s1
 
Ms Word 2010 Training In Ambala ! Batra Computer Centre
Ms Word 2010 Training In Ambala ! Batra Computer CentreMs Word 2010 Training In Ambala ! Batra Computer Centre
Ms Word 2010 Training In Ambala ! Batra Computer Centre
 

Toolkit 0 1

  • 1. 23mm PowerPoint Prototyping 18mm Toolkit Click here to go to the example By Long Zheng www.istartedsomething.com Version 0.1 (Draft)
  • 2. Example Notepad File Edit Format View Help
  • 3. Example Notepad File Edit Format View Help Open
  • 4. Example Notepad File Edit Format View Help Open Long Documents Search Organize Views OK Cancel
  • 5. Example Notepad File Edit Format View Help Are you sure you want to close? You clicked Yes No
  • 6. Example Notepad File Edit Format View Help HAHA. You lose. You clicked Okay
  • 7. Windows Frames Standard window frame with Standard window frame with emphasis drop shadow drop shadow Inactive window frame
  • 8. Windows presets Standard Notepad File Edit Format View Help
  • 9. Windows presets Modal Connect to a network Next Cancel
  • 10. Windows presets Open file dialog box Open Long Documents Search Organize Views OK Cancel
  • 11. Controls Back buttons Window controls Back Close Back (inactive) Minimize, close Back and forward with dropdown Minimize, maximize, close Back and forward with dropdown Minimize (inactive) Bars Address bar Command bar Long Documents Organize Views Search bar Toolbar Search File Edit Format View Help Buttons Scrollbar OK Cancel Apply Close
  • 12. Hit area Important Use this to set up the hit area for linking to different slides. It’s transparent to show where the user can click on the screen without distorting the experience. Right click on it, and click “Edit hyperlink” to choose the destination. Alternatively you can also hyperlink objects such as buttons itself to point to different slides. It is best to add the hitbox to your slides last as they may get overlapped and hard to select.