DIFFERENTATION STORYBOARD
A website wireframe, sometimes
a panel or group of panels where a
collection of sketches is grouped to
represent the significant shifts in
Meaning
setting and action in a succession of
shots (as for a film, television show, or
commercial)
A storyboard serves as your guide
when creating a video. Your storyboard
serves as a visual script that directs
you visually through the entire
Function
production process. You can know
which shots to make and how to create
them when filming by having a plan for
your video.
Example
WIREFRAME PROTOTYPE
Prototyping is an experimental process in which a design team
referred to as a page schematic or screen
transforms an idea into a tangible form from paper to digital.
blueprint, is a graphic representation of a
Teams build prototypes of varying degrees of fidelity to
website's basic structure. The word
capture design concepts and test them with users. Prototypes
"wireframe" comes from other domains
allow brands to refine and validate their designs so they can
where 3D shape and volume are
release the right product.
represented by a skeletal structure.
Wireframes serve multiple purposes by
helping ties the website's information
Prototypes are commonly used by system analysts and users
architecture to the visual design by
to refine new designs. Prototyping is a key step in the design
showing the paths between pages. Clarify
thinking process and is often used in the final testing phase.
a consistent way to present certain types
Every product has a target group and is designed to solve a
of information in the user interface.
problem in some way.
Determine the intended functionality of
the interface.