SlideShare a Scribd company logo
Papercasting the Interactive
Ebook
The Ebook Designer
What's wrong with this picture?
Design Blindness
• Insider's perspective.
• Each page is a small part of a larger whole.
• You know what the page is meant to do.
• Aesthetics can sometimes mask usability.
YOU ARE NOT THE USER.
"Instead of a traditional TOC I want an image
where the user will click on images for each
chapter. "
"I want it to feel like a pop-up book where you
touch words and it caused an image to
appear."
Image from Falafel in Purgatory by Jennifer Martin and Sharmin Rahman.
Image from Falafel in Purgatory by Jennifer Martin and Sharmin Rahman.
Image from Falafel in Purgatory by Jennifer Martin and Sharmin Rahman.
The Ebook User
1. They have a reason for reading this book.
2. They muddle through technology.
3. They "satisfice."
4. No one thinks about how to use a book.
I didn't know you could click on the images!!
Designing the Ebook Interface
►How adept are the users?
 What indicators will you need to use to
direct them?
►What is the user looking for?
 How many steps do they need?
 Videos or slideshows?
 What kind of interaction?
User Research
• Card Sorting
• Contextual Interviews
• Focus Groups
• Heuristic Evaluation
• Individual Interviews
• Personas
• Surveys
• Storyboarding
• Prototyping
• First Click Testing
• Use Cases
• A/ B testing
• Task Analysis
• Usability Testing
User Research
• Card Sorting
• Contextual Interviews
• Focus Groups
• Heuristic Evaluation
• Individual Interviews
• Personas
• Surveys
• A/ B testing
• Prototyping
• First Click Testing
• Use Cases
• Task Analysis
• Usability Testing
Prototyping
Usability Testing through
Papercasting/ Paper Prototyping.
• Done after wireframes/ storyboarding.
• Designed to test how users interact with a
product using just paper.
• Designers can make changes on the fly and
retest in the same session.
• After sessions, designers have a better
understanding of user's wayfinding patterns/
needs.
Advice from Steve Krug
• Testing one user is better than testing
none.
• Test early.
• Record responses.
Why Use Paper Prototyping?
• Usability testing that does not require a lot of time
or money.
• Research shows that using high-fidelity prototypes
(digital designs) and low-fidelity prototypes (paper)
result in the detection of the same usability issues.
• Test subject are more willing to point out problems
in the design when it's only paper. People generally
aren't as critical on high-fidelity prototypes that
look like they took time and effort.
Tools
• Scissors.
• Markers.
• Different sizes of sticky
notes.
• Tablet and phone
templates.
Guidelines
• Work within a frame. Papercasting should always be done
in a template, preferably one that is the actual size of the
device.
• Plain white paper can represent all non-interactive text and
images. As long as you can not click on it, it should be on
plain paper.
• All interactive objects should be identified with sticky
notes. Any object that needs to be clicked, pulled, pushed,
or tapped, should show the different states .
• All states should be stacked on the prototype so users can
see what happens when they interact with the object.
• Do not spend too much time on making the pieces look
professional as they are meant to be iterative.
Prototyping Process:
Identifying Content
• Static text and images can be identified with wireframes.
• Linked text should be identified.
• Any image that is clickable should be identified, including
buttons, arrows, slideshows and linked maps.
• Movies needs to be identified along with controls
• Audio needs to be identified along with controls.
• Quizzes and forms need to be broken down into
interactive parts.
• Instructions for all interactive objects need to be
identified as well.
Prototyping Process:
Building the Deck
• Design a paper interface for each page that
will have interactivity.
• Interactivity will be placed on the page as a
sticky note.
• Pile sticky notes to replicate different phases
or stages of object (example, slideshow,
movies).
Examples
CHECKLIST LINKS
PHOTO w/ POP-OUT CAPTION SLIDESHOW
Interactive Ebook Prototype: Slideshow
Interactive Ebook Prototype: Slideshow
Interactive Ebook Prototype: Slideshow
Interactive Ebook Prototype: Slideshow
Prototyping Process:
Testing Users
• Once you have a deck of prototypes, find
someone and have them walk through the
book.
• Can be done anywhere, but it's best at a table
where you can sit across from the user.
• Bring a notepad and extra sticky notes. The
notepad for your notes, the sticky notes to
make changes based on user input.
User Walkthrough
Rules for the user walkthrough.
Hand prototype to user.
Have user "read" through the book.
Record how user interacts.
Ask questions.
Edit on the fly.
A warning about priming
• Exposure to one stimulus/ pattern influences
the response to another stimulus.
• In usability testing it is important not to
provide too much detail as it might prime or
lead the user.
"What do you think that button does?"
"Did you see the entire slideshow?"
Lessons Learned
• Interactivity is still novel and unexpected.
• Always provide simple directions for
interactivity.
• Do not overwhelm readers with
interactivity- less is more.
Thank You!!
Supplemental ebook available at
https://emerson.box.com/papercasting
Twitter: rodzvilla
Tumblr: foxholeformat.tumblr.com

More Related Content

What's hot

When Developer Must Become Designer - ATO2017
When Developer Must Become Designer - ATO2017When Developer Must Become Designer - ATO2017
When Developer Must Become Designer - ATO2017
Angel Banks
 
Module 04: User Research
Module 04: User ResearchModule 04: User Research
Module 04: User Research
Daniel Drew Turner
 
An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)
Neil Turner
 
Build sh*t that matters
Build sh*t that matters Build sh*t that matters
Build sh*t that matters
Nick Chickinelli
 
Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)
David Farrell
 
UCD and low-fidelity prototyping
UCD and low-fidelity prototypingUCD and low-fidelity prototyping
UCD and low-fidelity prototyping
sawsan slii
 
Open Textbooks Authoring Models and Tools
Open Textbooks Authoring Models and ToolsOpen Textbooks Authoring Models and Tools
Open Textbooks Authoring Models and Tools
Scott Leslie
 
Game Design 2: 2011 - Introduction to Game Interface Design
Game Design 2: 2011 - Introduction to Game Interface DesignGame Design 2: 2011 - Introduction to Game Interface Design
Game Design 2: 2011 - Introduction to Game Interface Design
David Farrell
 
Ольга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
Ольга Качалина - Mobile prototyping. fake it till you make it. - WargamingОльга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
Ольга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
WG_ Events
 
Module 10: Usability Testing
Module 10: Usability TestingModule 10: Usability Testing
Module 10: Usability Testing
Daniel Drew Turner
 
Design of everyday things fundamental principles of interaction
Design of everyday things   fundamental principles of interactionDesign of everyday things   fundamental principles of interaction
Design of everyday things fundamental principles of interaction
Isaac Liao
 
IA basics
IA basicsIA basics
IA basics
Zdeněk Lanc
 
When Developer Must Become Designer - How to be a one-person UX team
When Developer Must Become Designer - How to be a one-person UX teamWhen Developer Must Become Designer - How to be a one-person UX team
When Developer Must Become Designer - How to be a one-person UX team
Angel Banks
 
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Bruce Eckel
 
Better Software Through User Research
Better Software Through User ResearchBetter Software Through User Research
Better Software Through User Research
Alexandra Leisse
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
Fresche Solutions
 
Rapid Prototyping With jQuery
Rapid Prototyping With jQueryRapid Prototyping With jQuery
Rapid Prototyping With jQuery
Paul Bakaus
 
Tauranga DNUG 2010-11-11
Tauranga DNUG 2010-11-11 Tauranga DNUG 2010-11-11
Tauranga DNUG 2010-11-11
dbruning
 
UX Is Like A Joke
UX Is Like A JokeUX Is Like A Joke
UX Is Like A Joke
stephs829
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - Introduction
David Farrell
 

What's hot (20)

When Developer Must Become Designer - ATO2017
When Developer Must Become Designer - ATO2017When Developer Must Become Designer - ATO2017
When Developer Must Become Designer - ATO2017
 
Module 04: User Research
Module 04: User ResearchModule 04: User Research
Module 04: User Research
 
An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)
 
Build sh*t that matters
Build sh*t that matters Build sh*t that matters
Build sh*t that matters
 
Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)Game Design 2: Menu Flow (2011)
Game Design 2: Menu Flow (2011)
 
UCD and low-fidelity prototyping
UCD and low-fidelity prototypingUCD and low-fidelity prototyping
UCD and low-fidelity prototyping
 
Open Textbooks Authoring Models and Tools
Open Textbooks Authoring Models and ToolsOpen Textbooks Authoring Models and Tools
Open Textbooks Authoring Models and Tools
 
Game Design 2: 2011 - Introduction to Game Interface Design
Game Design 2: 2011 - Introduction to Game Interface DesignGame Design 2: 2011 - Introduction to Game Interface Design
Game Design 2: 2011 - Introduction to Game Interface Design
 
Ольга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
Ольга Качалина - Mobile prototyping. fake it till you make it. - WargamingОльга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
Ольга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
 
Module 10: Usability Testing
Module 10: Usability TestingModule 10: Usability Testing
Module 10: Usability Testing
 
Design of everyday things fundamental principles of interaction
Design of everyday things   fundamental principles of interactionDesign of everyday things   fundamental principles of interaction
Design of everyday things fundamental principles of interaction
 
IA basics
IA basicsIA basics
IA basics
 
When Developer Must Become Designer - How to be a one-person UX team
When Developer Must Become Designer - How to be a one-person UX teamWhen Developer Must Become Designer - How to be a one-person UX team
When Developer Must Become Designer - How to be a one-person UX team
 
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
Phase 3: Better ideas (Presentation at SalesForce 1-28-2015)
 
Better Software Through User Research
Better Software Through User ResearchBetter Software Through User Research
Better Software Through User Research
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
Rapid Prototyping With jQuery
Rapid Prototyping With jQueryRapid Prototyping With jQuery
Rapid Prototyping With jQuery
 
Tauranga DNUG 2010-11-11
Tauranga DNUG 2010-11-11 Tauranga DNUG 2010-11-11
Tauranga DNUG 2010-11-11
 
UX Is Like A Joke
UX Is Like A JokeUX Is Like A Joke
UX Is Like A Joke
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - Introduction
 

Similar to Papercasting User Experience in Interactive Ebooks - ebookcraft 2016 - John Rodzvilla

體驗劇場_1050503_W11_原型設計_楊政達
體驗劇場_1050503_W11_原型設計_楊政達體驗劇場_1050503_W11_原型設計_楊政達
體驗劇場_1050503_W11_原型設計_楊政達
Visual Cognition and Modeling Lab
 
Interaction-design-basic.pptx
Interaction-design-basic.pptxInteraction-design-basic.pptx
Interaction-design-basic.pptx
PrinceCharlesClement
 
Storyboarding
StoryboardingStoryboarding
Storyboarding
Chandan Sah
 
Prototyping 2013.12.12.
Prototyping 2013.12.12.Prototyping 2013.12.12.
Prototyping 2013.12.12.
zhenxun
 
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
David Farrell
 
Making Effective Prototypes
Making Effective PrototypesMaking Effective Prototypes
Making Effective Prototypes
Matthew Ho
 
Using Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesUsing Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR Interfaces
Mark Billinghurst
 
Paper prototyping
Paper prototypingPaper prototyping
Paper prototyping
Elyna
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
jayyearley
 
What I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchWhat I learned at Cooper U about Design Research
What I learned at Cooper U about Design Research
SolutionStream
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata
 
Discovery methods for HCI
Discovery methods for HCIDiscovery methods for HCI
Discovery methods for HCI
Omar Ghazi
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface Prototyping
David Farrell
 
Week 4 - tablet app design
Week 4 - tablet app designWeek 4 - tablet app design
Week 4 - tablet app design
Katherine McCurdy-Lapierre, R.G.D.
 
Android User Interface Design
Android User Interface Design Android User Interface Design
Android User Interface Design
Ahmad Firoz
 
Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015
Janice Tsai
 
2nd part of Unit 1.ppt
2nd part of Unit 1.ppt2nd part of Unit 1.ppt
2nd part of Unit 1.ppt
devikarankhambe1
 
chapter_01_5e.pdf
chapter_01_5e.pdfchapter_01_5e.pdf
chapter_01_5e.pdf
Muhammad Bilal
 
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and LayoutGames Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
David Farrell
 
Sharefest val garton
Sharefest   val gartonSharefest   val garton
Sharefest val garton
vgarton
 

Similar to Papercasting User Experience in Interactive Ebooks - ebookcraft 2016 - John Rodzvilla (20)

體驗劇場_1050503_W11_原型設計_楊政達
體驗劇場_1050503_W11_原型設計_楊政達體驗劇場_1050503_W11_原型設計_楊政達
體驗劇場_1050503_W11_原型設計_楊政達
 
Interaction-design-basic.pptx
Interaction-design-basic.pptxInteraction-design-basic.pptx
Interaction-design-basic.pptx
 
Storyboarding
StoryboardingStoryboarding
Storyboarding
 
Prototyping 2013.12.12.
Prototyping 2013.12.12.Prototyping 2013.12.12.
Prototyping 2013.12.12.
 
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
 
Making Effective Prototypes
Making Effective PrototypesMaking Effective Prototypes
Making Effective Prototypes
 
Using Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesUsing Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR Interfaces
 
Paper prototyping
Paper prototypingPaper prototyping
Paper prototyping
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
 
What I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchWhat I learned at Cooper U about Design Research
What I learned at Cooper U about Design Research
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Discovery methods for HCI
Discovery methods for HCIDiscovery methods for HCI
Discovery methods for HCI
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface Prototyping
 
Week 4 - tablet app design
Week 4 - tablet app designWeek 4 - tablet app design
Week 4 - tablet app design
 
Android User Interface Design
Android User Interface Design Android User Interface Design
Android User Interface Design
 
Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015
 
2nd part of Unit 1.ppt
2nd part of Unit 1.ppt2nd part of Unit 1.ppt
2nd part of Unit 1.ppt
 
chapter_01_5e.pdf
chapter_01_5e.pdfchapter_01_5e.pdf
chapter_01_5e.pdf
 
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and LayoutGames Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
 
Sharefest val garton
Sharefest   val gartonSharefest   val garton
Sharefest val garton
 

More from BookNet Canada

Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
BookNet Canada
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
BookNet Canada
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
BookNet Canada
 
Transcript: Green paths: Learning from publishers’ sustainability journeys - ...
Transcript: Green paths: Learning from publishers’ sustainability journeys - ...Transcript: Green paths: Learning from publishers’ sustainability journeys - ...
Transcript: Green paths: Learning from publishers’ sustainability journeys - ...
BookNet Canada
 
Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024
Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024
Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024
BookNet Canada
 
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
BookNet Canada
 
Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024
BookNet Canada
 
Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024
Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024
Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024
BookNet Canada
 
Transcript: Trending now: Book subjects on the move in the Canadian market - ...
Transcript: Trending now: Book subjects on the move in the Canadian market - ...Transcript: Trending now: Book subjects on the move in the Canadian market - ...
Transcript: Trending now: Book subjects on the move in the Canadian market - ...
BookNet Canada
 
Transcript: New stores, new views: Booksellers adapting engaging and thriving...
Transcript: New stores, new views: Booksellers adapting engaging and thriving...Transcript: New stores, new views: Booksellers adapting engaging and thriving...
Transcript: New stores, new views: Booksellers adapting engaging and thriving...
BookNet Canada
 
Show and tell: What’s in your tech stack? - Tech Forum 2023
Show and tell: What’s in your tech stack? - Tech Forum 2023Show and tell: What’s in your tech stack? - Tech Forum 2023
Show and tell: What’s in your tech stack? - Tech Forum 2023
BookNet Canada
 
Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023
Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023
Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023
BookNet Canada
 
Transcript: Redefining the book supply chain: A glimpse into the future - Tec...
Transcript: Redefining the book supply chain: A glimpse into the future - Tec...Transcript: Redefining the book supply chain: A glimpse into the future - Tec...
Transcript: Redefining the book supply chain: A glimpse into the future - Tec...
BookNet Canada
 

More from BookNet Canada (20)

Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
 
Transcript: Green paths: Learning from publishers’ sustainability journeys - ...
Transcript: Green paths: Learning from publishers’ sustainability journeys - ...Transcript: Green paths: Learning from publishers’ sustainability journeys - ...
Transcript: Green paths: Learning from publishers’ sustainability journeys - ...
 
Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024
Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024
Green paths: Learning from publishers’ sustainability journeys - Tech Forum 2024
 
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
 
Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024
 
Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024
Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024
Trending now: Book subjects on the move in the Canadian market - Tech Forum 2024
 
Transcript: Trending now: Book subjects on the move in the Canadian market - ...
Transcript: Trending now: Book subjects on the move in the Canadian market - ...Transcript: Trending now: Book subjects on the move in the Canadian market - ...
Transcript: Trending now: Book subjects on the move in the Canadian market - ...
 
Transcript: New stores, new views: Booksellers adapting engaging and thriving...
Transcript: New stores, new views: Booksellers adapting engaging and thriving...Transcript: New stores, new views: Booksellers adapting engaging and thriving...
Transcript: New stores, new views: Booksellers adapting engaging and thriving...
 
Show and tell: What’s in your tech stack? - Tech Forum 2023
Show and tell: What’s in your tech stack? - Tech Forum 2023Show and tell: What’s in your tech stack? - Tech Forum 2023
Show and tell: What’s in your tech stack? - Tech Forum 2023
 
Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023
Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023
Transcript: Show and tell: What’s in your tech stack? - Tech Forum 2023
 
Transcript: Redefining the book supply chain: A glimpse into the future - Tec...
Transcript: Redefining the book supply chain: A glimpse into the future - Tec...Transcript: Redefining the book supply chain: A glimpse into the future - Tec...
Transcript: Redefining the book supply chain: A glimpse into the future - Tec...
 

Recently uploaded

UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching AptitudeUGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
S. Raj Kumar
 
How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
HajraNaeem15
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Celine George
 
Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47
MysoreMuleSoftMeetup
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
Nguyen Thanh Tu Collection
 
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skillsspot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
haiqairshad
 
Wound healing PPT
Wound healing PPTWound healing PPT
Wound healing PPT
Jyoti Chand
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
BoudhayanBhattachari
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
deepaannamalai16
 
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdfWalmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
TechSoup
 
Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
National Information Standards Organization (NISO)
 
Standardized tool for Intelligence test.
Standardized tool for Intelligence test.Standardized tool for Intelligence test.
Standardized tool for Intelligence test.
deepaannamalai16
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
Celine George
 
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptxBIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
RidwanHassanYusuf
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
mulvey2
 
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
imrankhan141184
 
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptxRESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
zuzanka
 
SWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptxSWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptx
zuzanka
 
Temple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation resultsTemple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation results
Krassimira Luka
 

Recently uploaded (20)

UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching AptitudeUGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
 
How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
 
Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
 
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skillsspot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
 
Wound healing PPT
Wound healing PPTWound healing PPT
Wound healing PPT
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
 
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdfWalmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
 
Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
 
Standardized tool for Intelligence test.
Standardized tool for Intelligence test.Standardized tool for Intelligence test.
Standardized tool for Intelligence test.
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
 
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptxBIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
 
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
 
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptxRESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
 
SWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptxSWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptx
 
Temple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation resultsTemple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation results
 

Papercasting User Experience in Interactive Ebooks - ebookcraft 2016 - John Rodzvilla

  • 2. The Ebook Designer What's wrong with this picture?
  • 3. Design Blindness • Insider's perspective. • Each page is a small part of a larger whole. • You know what the page is meant to do. • Aesthetics can sometimes mask usability. YOU ARE NOT THE USER.
  • 4. "Instead of a traditional TOC I want an image where the user will click on images for each chapter. " "I want it to feel like a pop-up book where you touch words and it caused an image to appear."
  • 5. Image from Falafel in Purgatory by Jennifer Martin and Sharmin Rahman.
  • 6. Image from Falafel in Purgatory by Jennifer Martin and Sharmin Rahman.
  • 7. Image from Falafel in Purgatory by Jennifer Martin and Sharmin Rahman.
  • 8. The Ebook User 1. They have a reason for reading this book. 2. They muddle through technology. 3. They "satisfice." 4. No one thinks about how to use a book. I didn't know you could click on the images!!
  • 9. Designing the Ebook Interface ►How adept are the users?  What indicators will you need to use to direct them? ►What is the user looking for?  How many steps do they need?  Videos or slideshows?  What kind of interaction?
  • 10. User Research • Card Sorting • Contextual Interviews • Focus Groups • Heuristic Evaluation • Individual Interviews • Personas • Surveys • Storyboarding • Prototyping • First Click Testing • Use Cases • A/ B testing • Task Analysis • Usability Testing
  • 11. User Research • Card Sorting • Contextual Interviews • Focus Groups • Heuristic Evaluation • Individual Interviews • Personas • Surveys • A/ B testing • Prototyping • First Click Testing • Use Cases • Task Analysis • Usability Testing Prototyping
  • 12. Usability Testing through Papercasting/ Paper Prototyping. • Done after wireframes/ storyboarding. • Designed to test how users interact with a product using just paper. • Designers can make changes on the fly and retest in the same session. • After sessions, designers have a better understanding of user's wayfinding patterns/ needs.
  • 13. Advice from Steve Krug • Testing one user is better than testing none. • Test early. • Record responses.
  • 14. Why Use Paper Prototyping? • Usability testing that does not require a lot of time or money. • Research shows that using high-fidelity prototypes (digital designs) and low-fidelity prototypes (paper) result in the detection of the same usability issues. • Test subject are more willing to point out problems in the design when it's only paper. People generally aren't as critical on high-fidelity prototypes that look like they took time and effort.
  • 15. Tools • Scissors. • Markers. • Different sizes of sticky notes. • Tablet and phone templates.
  • 16. Guidelines • Work within a frame. Papercasting should always be done in a template, preferably one that is the actual size of the device. • Plain white paper can represent all non-interactive text and images. As long as you can not click on it, it should be on plain paper. • All interactive objects should be identified with sticky notes. Any object that needs to be clicked, pulled, pushed, or tapped, should show the different states . • All states should be stacked on the prototype so users can see what happens when they interact with the object. • Do not spend too much time on making the pieces look professional as they are meant to be iterative.
  • 17. Prototyping Process: Identifying Content • Static text and images can be identified with wireframes. • Linked text should be identified. • Any image that is clickable should be identified, including buttons, arrows, slideshows and linked maps. • Movies needs to be identified along with controls • Audio needs to be identified along with controls. • Quizzes and forms need to be broken down into interactive parts. • Instructions for all interactive objects need to be identified as well.
  • 18. Prototyping Process: Building the Deck • Design a paper interface for each page that will have interactivity. • Interactivity will be placed on the page as a sticky note. • Pile sticky notes to replicate different phases or stages of object (example, slideshow, movies).
  • 19. Examples CHECKLIST LINKS PHOTO w/ POP-OUT CAPTION SLIDESHOW
  • 24. Prototyping Process: Testing Users • Once you have a deck of prototypes, find someone and have them walk through the book. • Can be done anywhere, but it's best at a table where you can sit across from the user. • Bring a notepad and extra sticky notes. The notepad for your notes, the sticky notes to make changes based on user input.
  • 25. User Walkthrough Rules for the user walkthrough. Hand prototype to user. Have user "read" through the book. Record how user interacts. Ask questions. Edit on the fly.
  • 26. A warning about priming • Exposure to one stimulus/ pattern influences the response to another stimulus. • In usability testing it is important not to provide too much detail as it might prime or lead the user. "What do you think that button does?" "Did you see the entire slideshow?"
  • 27. Lessons Learned • Interactivity is still novel and unexpected. • Always provide simple directions for interactivity. • Do not overwhelm readers with interactivity- less is more.
  • 28. Thank You!! Supplemental ebook available at https://emerson.box.com/papercasting Twitter: rodzvilla Tumblr: foxholeformat.tumblr.com