1 / 15

By Long Zheng istartedsomething Version 0.2

23mm. PowerPoint Prototyping. 61mm. Toolkit. By Long Zheng www.istartedsomething.com Version 0.2. Go to example. Example. Notepad. This example provides a wireframe prototype of Notepad and a few functionality.

idalee
Download Presentation

By Long Zheng istartedsomething Version 0.2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 23mm PowerPoint Prototyping 61mm Toolkit By Long Zheng www.istartedsomething.com Version 0.2 Go to example

  2. Example Notepad This example provides a wireframe prototype of Notepad and a few functionality. It mimics user interface changes by linking to different slides in the presentation. Users can interact with the prototype by clicking on the highlighted hit areas which are hyperlinks to the designated slides. Try it yourself. File Edit Format View Help

  3. Example Notepad Open File Edit Format View Help

  4. Example Notepad Open File Edit Format View Help Long Search Documents Organize Views OK Cancel

  5. Example Notepad You clicked Are you sure you want to close? File Edit Format View Help Yes No

  6. Example Notepad You clicked Now why would you want to do that? Okay File Edit Format View Help

  7. Example Notepad LoremIpsum is simply dummy text of the printing and typesetting industry. LoremIpsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing LoremIpsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of LoremIpsum. File Edit Format View Help

  8. End of example

  9. Windows Frames Standard window frame with emphasis drop shadow Standard window frame with drop shadow Inactive window frame

  10. Windows presets Standard Notepad File Edit Format View Help

  11. Windows presets Modal Connect to a network Next Cancel

  12. Windows presets Open file dialog box Open Long Search Documents Organize Views OK Cancel

  13. Controls Back buttons Window controls Back Close Back (inactive) Minimize, close Back and forward with dropdown Minimize, maximize, close Back and forward with dropdown(inactive) Minimize Bars Address bar Command bar File Edit Format View Help Search bar Toolbar Long Search Documents Organize Views Buttons Scrollbar OK Cancel Apply Close Form Fields Something Something Radio buttons Checkboxes Text input Drop-down

  14. Start bar Adobe Photoshop 6:42 PM Adobe Photoshop 6:42 PM

  15. 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