wwwistartedsomethingcom Version 02 PowerPoint Prototyping 23mm 61mm Go to example Toolkit Example Notepad F ile E dit F o rmat V iew H elp This example provides a wireframe prototype of Notepad and a few functionality ID: 157465
Download Presentation The PPT/PDF document "By Long Zheng" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
By Long Zheng
www.istartedsomething.comVersion 0.2
PowerPoint Prototyping
23mm
61mm
Go to example
ToolkitSlide2
Example
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elp
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.Slide3
Example
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elp
OpenSlide4
Example
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elp
Open
Long
Documents
Search
Organize
Views
OK
CancelSlide5
Example
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elp
You clicked
Yes
Are you sure you want to close?
NoSlide6
Example
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elp
You clicked
Now why would you
want to do that?
OkaySlide7
Example
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elp
Lorem
Ipsum
is simply dummy text of the printing and typesetting industry.
Lorem
Ipsum
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
Lorem
Ipsum
passages, and more recently with desktop publishing software like Aldus PageMaker including versions of
Lorem
Ipsum
.Slide8
End of exampleSlide9
Windows
Frames
Standard window frame with drop shadow
Standard window frame with emphasis drop shadow
Inactive window frameSlide10
Windows presetsStandard
Notepad
F
ile
E
dit F
o
rmat
V
iew
H
elpSlide11
Connect to a network
Windows presets
Modal
Next
CancelSlide12
Windows presets
Open file dialog
box
Open
Long
Documents
Search
Organize
Views
OK
CancelSlide13
Controls
Back buttons
Back
Back and forward with dropdown
Back (inactive)
Back and forward with dropdown
(inactive)
Window controls
Close
Minimize, maximize, close
Minimize, close
Minimize
Long
Documents
Bars
Address bar
Search bar
Search
Command bar
Organize
Views
OK
Buttons
Close
Cancel
Apply
F
ile
E
dit F
o
rmat
V
iew
H
elp
Toolbar
Scrollbar
Form Fields
Something
Radio buttons
Checkboxes
Drop-down
Something
Text inputSlide14
Start bar
6:42 PM
Adobe Photoshop
6:42 PM
Adobe PhotoshopSlide15
Hit area
ImportantUse 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.