SlideShare une entreprise Scribd logo
1  sur  92
Télécharger pour lire hors ligne
INTRODUCTION TO
BUILDING WIREFRAMES
Davide ‘Folletto’ Casali
UX Redirector Advisor
NIGHT.EU
PART I
WIREFRAMES
@hjmediastudios
THE IDEA OF
WIREFRAME COMES
FROM 3D MODELLING
“A website wireframe 

is a visual guide 

that represents 

the skeletal framework 

of a website”
Wikipedia:
“Wireframing is a low-cost,
rapid iterative design
technique that offers one of
the best methods for gaining
design insight early”
Nielsen/Norman Group:
http://www.nngroup.com/courses/wireframing-and-prototyping/
THERE ARE
DIFFERENT QUALITIES
OF WIREFRAMES
Even if wireframes display a single interface/page
they are less like photos and more like movie stills
WIREFRAMES
AS JOURNEYS
© Ivor Beddoes@awfulshot
WIREFRAMES
AS STORYBOARDS
FOR INTERFACES
© Ivor Beddoes
DIFFERENT WAYS TO TELL A STORY
frame by frame, drawings
key frames, textual descriptions
video, spoken narrative
Even if the storyboard is not visible
it’s still the foundation of wireframes
Wireframes are a static representation
of a dynamic non-linear flow of activity
Let’s build a journey.
ImagineTwitter’s registration process.
Home Reg. Form Confirmation
LOGIN PROCESS
The main steps of the journey
Home Reg. Form Confirmation Your Page
LOGIN PROCESS
How do we guide the user to the value?
?
Home Reg. Form Confirmation
Email
Your Page
LOGIN PROCESS
An e-mail based approach
Home Reg. Form Confirmation
Email
Your Page
LOGIN PROCESS
A more direct way to engage the user
Home Reg. Form Confirmation
Email
Your Page
LOGIN PROCESS
Review journeys for the edge cases: errors, problems, etc
!
!
LOGIN PROCESS
The story is even bigger in reality
Home Reg. Form Confirmation
Email
Your Page
Tweet
Third party Third party
The wireframe represents also the very
first moment when the project team
sees everything coming together.
The minimal visual building block
of a wireframe is the box.
Box
Boxes usually contain a uniform kind of
content, not the individual elements.
However, it’s important to choose the right
level of breakdown to support the
discussion.
Box
Content
Box
Box
Box
Navigation
Logo
Some examples
Introduction to Building Wireframes (with Keynote)
Header Image
Navigation
Stats Navigation
Avatar
Profile
Media
Tweet
Tweet
Tweet Filters
Introduction to Building Wireframes (with Keynote)
Invite Friends
Find Friends
Navigation
Pin Pin
Pin
Pin
Pin
N N N
C C
S S
Box
Box
Box
Box
Box
Box
Box
Box
This high level box view is
implicit most of the time, but
it’s incredibly useful when
applied on a number of pages
to ensure consistency and
reusability.
Button
Box
Lorem ipsum gaium sit
amet isciquitur elit in
ellam lacustre pulzella.
TEXT
BUTTONS
IMAGES
···MORE...
Box
Thomas Talker:
Lorem ipsum gaium sit amet
isciquitur elit in ellam
lacustre pulzella.
Expand
Thomas Talker:
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand
Thomas Talker:
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand
Thomas Talker:
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand
Thomas Talker:
Lorem ipsum gaium sit amet isciquitur elit in
ellam lacustre pulzella.
Expand
Thomas Talker:
OFTEN EACH
HIGH-LEVEL
BOX CONTAINS
A REPEATING
PATTERN
TRY WORKING WITH PATTERNS AS
MUCH AS POSSIBLE TO SUPPORT
MEMORY AND LEARNING, MAKING
THE INTERFACE TRUSTWORTHY
1 / Wireframes as stories
2 / From boxes to elements
PART II
THE PROCESS
Wireframes are made to be thrown away.
They are steps in the process of design.
Only the final one stays... until it gets developed.
In other words:
they can be delivered as documentation
but they are not for most of the process
THE INTERMEDIATE STEPS
ARE VALUABLE:
THEY SUPPORT
COMMUNICATION AND
CONSENSUS
AT EACH STEP YOU CAN
· test the journey
· discuss with management
· discuss with technical team
· share with other parties
NAPKINS
WHITEBOARDS
HIGH LEVEL
DETAILED
HD
ASK YOURSELF
What’s the level of detail
I need to communicate
effectively?
PAPER SKETCH
WORK IN ITERATIONS
do
observe
think
dotL O O P
This works
from startups to big enterprises
Got 4 weeks?
WEEKLY ITERATION
Helps with project activities
scoping, clarifies expectations,
supports continuos progress
review.
WEEKLY MEETING
Sets formal progress steps to help
the client keeping the pace while
being in touch with the project
progress
Let’s see an example
PREPARE
The first iteration is
about
understanding the
problem.
Let’s see an example
WORKSHOP
First wireframes made
collaboratively by the
stakeholders in a workshop, in
groups.
WHITEBOARD
Let’s see an example
TEST WITH USERS
Take the whiteboards and
formalize them in individual
proposals to be tested.
Let’s see an example
REVIEW ALTERNATIVES
In this review propose a few
alternatives refining the
solutions from the workshop.
PAPER SKETCH
Let’s see an example
TEST WITH USERS
Yup, again, if it’s possible. Try a
more guerrilla approach
maybe.
Let’s see an example
REVIEW FIRST DRAFT
Ask explicitly to involve
developers if it didn’t happen
before the review.
HIGH LEVEL
PROJECT PLAN 2012-11-08
29 OCT 5 NOV
6
12 NOV
14
26 NOV
30
3 DEC 10 DEC
10 14
17 DEC
21
24 DEC 31 DEC
4
7 JAN
11
STRATEGY
PREPARATION
Planning and
data gathering
STRATEGY
Planning workshops &
research
STRATEGY
Campaign and
challenges details
19 NOV
23
UX DESIGN
Creativity and planning
workshops
UX DESIGN
High-level wireframes
and interactions
DESIGN
VISUAL DESIGN
Different proposals for
brainstorming
VISUAL DESIGN
Consolidation of a
single choice
VISUAL DESIGN
Preparation of master
documents
Wireframes Visual layouts
DEVELOPMENT
Sprint 1
CONTENT
Preparation of basic
copywriting
DEVELOPMENT
Sprint 2
CONTENT
Preparation of basic
translations
DEVELOPMENT
Submission launch
DEVELOPMENT
Sprint 3
DEVELOPMENT
DEVELO
Sprint 4
Submission page
COMMUNITY
Launch support
COMMU
Launch s
Submission launch
MARKETING
Moment 1
MARKETING
Strategy development
MARKETING
Strategy development
MARKETING
Strategy development
MARKETING
Strategy development
5
Concept Definition
Campaign Strategy Channel Strategy Content Calendar
KPI Definition
Audience Validation
In this way you
can build clear,
large scale plans.
Got 1 week?
MONDAY
UNPACK
TUESDAY
SKETCH
WEDNESDAY
DECIDE
THURSDAY
PROTOTYPE
FRIDAY
TEST
THE DESIGN SPRINT
Got 10 minutes?
6 Up Idea Generation Technique
1 2 3
4 5 6
1 ITERATION = No review
NEVER.
Introduction to Building Wireframes (with Keynote)
3 / Choose level of detail
4 / Iterative approach
PART III
KEYNOTE
PROTOTYPING BASICS
Keynote
1
Setup
pages
Introduction to Building Wireframes (with Keynote)
Choose the size
you need, desktop
or mobile.
2
Build
your journey
Add all the
screens of your
journey as slides
2
Build
your screens
Introduction to Building Wireframes (with Keynote)
Welcome
screen
Welcome to
Note Taker
Add note
Add
You have no notes
Create
3
Link
your screens
Link
Format → Add Link
Cmd+K
Introduction to Building Wireframes (with Keynote)
4
Build
your animations
Introduction to Building Wireframes (with Keynote)
MAGIC MOVE
Slide 1 Slide 2
If the same object appears on two pages, it transitions moving and scaling
Create new note+
|
ADDCANCEL
Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
Menu
Home
Write
Profile
5
Test
your wireframe
Play
6
Export
your video
Record
Play → Record Slideshow
Introduction to Building Wireframes (with Keynote)
5 / Basics of Keynote prototyping
6 / Basics of Keynote animation
“
”
Bruno Munari
To complicate is easy, to simplify is hard.
To complicate, just add,
everyone is able to complicate.
Few are able to simplify.
Thanks.
@Folletto
INTENSEMINIMALISM.COM

Contenu connexe

Tendances

UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your storyPatrick Neeman
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important Chris Becker
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designMoodLabs
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionProttay Karim
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobLynn Teo
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
The history of ux by bara' harb
The history of ux by bara' harb The history of ux by bara' harb
The history of ux by bara' harb BaraaHarb
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UXBart Van Hecke
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
Copywriting for UX
Copywriting for UXCopywriting for UX
Copywriting for UXTalisa Chang
 
Org Design for Design Orgs - The Workshop
Org Design for Design Orgs - The WorkshopOrg Design for Design Orgs - The Workshop
Org Design for Design Orgs - The WorkshopPeter Merholz
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialStephen Denning
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 

Tendances (20)

UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your story
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
Ui design
Ui designUi design
Ui design
 
The history of ux by bara' harb
The history of ux by bara' harb The history of ux by bara' harb
The history of ux by bara' harb
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Copywriting for UX
Copywriting for UXCopywriting for UX
Copywriting for UX
 
Org Design for Design Orgs - The Workshop
Org Design for Design Orgs - The WorkshopOrg Design for Design Orgs - The Workshop
Org Design for Design Orgs - The Workshop
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy Tutorial
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 

Similaire à Introduction to Building Wireframes (with Keynote)

Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Erin 'Folletto' Casali
 
Nebraska Trainer's Institute eLearning Presentaiotn
Nebraska Trainer's Institute eLearning PresentaiotnNebraska Trainer's Institute eLearning Presentaiotn
Nebraska Trainer's Institute eLearning Presentaiotneaselsolutions
 
NLJUG speaker academy 2023 - session 1
NLJUG speaker academy 2023 - session 1NLJUG speaker academy 2023 - session 1
NLJUG speaker academy 2023 - session 1Bert Jan Schrijver
 
NLJUG speaker academy 2022 - session 1
NLJUG speaker academy 2022 - session 1NLJUG speaker academy 2022 - session 1
NLJUG speaker academy 2022 - session 1Bert Jan Schrijver
 
Unit 3-what does it look like.pptx
Unit 3-what does it look like.pptxUnit 3-what does it look like.pptx
Unit 3-what does it look like.pptxCarmenDeng2
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
 
Shapes ppt trial.pptx
Shapes ppt trial.pptxShapes ppt trial.pptx
Shapes ppt trial.pptxEvaSSyahvitri
 
Meta Refresh: High on Design
Meta Refresh: High on DesignMeta Refresh: High on Design
Meta Refresh: High on DesignTulsi Dharmarajan
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Stephen Hay
 
Lessons learned maintaining Open Source ActionScript projects
Lessons learned maintaining Open Source ActionScript projectsLessons learned maintaining Open Source ActionScript projects
Lessons learned maintaining Open Source ActionScript projectsZeh Fernando
 
GUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptx
GUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptxGUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptx
GUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptxLlemorSoledSeyer1
 
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesMarcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesПрофсоUX
 
Low-Cost, High-Gain Technologies for Teaching
Low-Cost, High-Gain Technologies for TeachingLow-Cost, High-Gain Technologies for Teaching
Low-Cost, High-Gain Technologies for Teachingbrettssu
 
dotCSS - 14th of November, 2014
dotCSS - 14th of November, 2014dotCSS - 14th of November, 2014
dotCSS - 14th of November, 2014Yury Tatsenka
 

Similaire à Introduction to Building Wireframes (with Keynote) (20)

Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)
 
Nebraska Trainer's Institute eLearning Presentaiotn
Nebraska Trainer's Institute eLearning PresentaiotnNebraska Trainer's Institute eLearning Presentaiotn
Nebraska Trainer's Institute eLearning Presentaiotn
 
NLJUG speaker academy 2023 - session 1
NLJUG speaker academy 2023 - session 1NLJUG speaker academy 2023 - session 1
NLJUG speaker academy 2023 - session 1
 
NLJUG speaker academy 2022 - session 1
NLJUG speaker academy 2022 - session 1NLJUG speaker academy 2022 - session 1
NLJUG speaker academy 2022 - session 1
 
Unit 3-what does it look like.pptx
Unit 3-what does it look like.pptxUnit 3-what does it look like.pptx
Unit 3-what does it look like.pptx
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
 
shapes.pptx
shapes.pptxshapes.pptx
shapes.pptx
 
Shapes 234.pptx
Shapes 234.pptxShapes 234.pptx
Shapes 234.pptx
 
Shapes ppt trial.pptx
Shapes ppt trial.pptxShapes ppt trial.pptx
Shapes ppt trial.pptx
 
Meta Refresh: High on Design
Meta Refresh: High on DesignMeta Refresh: High on Design
Meta Refresh: High on Design
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
 
Brush.pptx
Brush.pptxBrush.pptx
Brush.pptx
 
Brush.pptx
Brush.pptxBrush.pptx
Brush.pptx
 
Lessons learned maintaining Open Source ActionScript projects
Lessons learned maintaining Open Source ActionScript projectsLessons learned maintaining Open Source ActionScript projects
Lessons learned maintaining Open Source ActionScript projects
 
Brush.pptx
Brush.pptxBrush.pptx
Brush.pptx
 
GUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptx
GUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptxGUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptx
GUMAWA NG PATALASTAS NA NAGLALAMAN NG ETHOS,.pptx
 
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile DevicesMarcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
Marcio Leibovitch - Rapid Prototyping for the Web & Mobile Devices
 
Low-Cost, High-Gain Technologies for Teaching
Low-Cost, High-Gain Technologies for TeachingLow-Cost, High-Gain Technologies for Teaching
Low-Cost, High-Gain Technologies for Teaching
 
dotCSS - 14th of November, 2014
dotCSS - 14th of November, 2014dotCSS - 14th of November, 2014
dotCSS - 14th of November, 2014
 
Making Web Accessibility Sexy
Making Web Accessibility SexyMaking Web Accessibility Sexy
Making Web Accessibility Sexy
 

Plus de Erin 'Folletto' Casali

Mastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductMastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductErin 'Folletto' Casali
 
New Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationNew Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationErin 'Folletto' Casali
 
Design without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkDesign without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkErin 'Folletto' Casali
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesErin 'Folletto' Casali
 
The Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveThe Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveErin 'Folletto' Casali
 
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodTeamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodErin 'Folletto' Casali
 
Distributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveDistributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveErin 'Folletto' Casali
 
The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)Erin 'Folletto' Casali
 
Social Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsSocial Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsErin 'Folletto' Casali
 
The Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftThe Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftErin 'Folletto' Casali
 
Design Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveDesign Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveErin 'Folletto' Casali
 
Grow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsGrow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsErin 'Folletto' Casali
 
Gestalt Design Principles for Developers
Gestalt Design Principles for DevelopersGestalt Design Principles for Developers
Gestalt Design Principles for DevelopersErin 'Folletto' Casali
 
The shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsThe shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsErin 'Folletto' Casali
 
The Three Speeds of Effective Collaboration
The Three Speeds of Effective CollaborationThe Three Speeds of Effective Collaboration
The Three Speeds of Effective CollaborationErin 'Folletto' Casali
 

Plus de Erin 'Folletto' Casali (20)

Mastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductMastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the Product
 
Design Remote: The Async Advantage
Design Remote: The Async AdvantageDesign Remote: The Async Advantage
Design Remote: The Async Advantage
 
Foundations of Chat Bot Design
Foundations of Chat Bot DesignFoundations of Chat Bot Design
Foundations of Chat Bot Design
 
New Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationNew Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half Delegation
 
Design without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkDesign without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna Talk
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source Communities
 
The Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveThe Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team Perspective
 
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodTeamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
 
Distributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveDistributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team Perspective
 
The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)
 
Social Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsSocial Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brands
 
The Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftThe Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your Craft
 
Design Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveDesign Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu Curve
 
Kickstarting Design Thinking
Kickstarting Design ThinkingKickstarting Design Thinking
Kickstarting Design Thinking
 
Grow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsGrow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid Traits
 
The Thought Pump Model for Meditation
The Thought Pump Model for MeditationThe Thought Pump Model for Meditation
The Thought Pump Model for Meditation
 
Design with Personas: A Lean Approach
Design with Personas: A Lean ApproachDesign with Personas: A Lean Approach
Design with Personas: A Lean Approach
 
Gestalt Design Principles for Developers
Gestalt Design Principles for DevelopersGestalt Design Principles for Developers
Gestalt Design Principles for Developers
 
The shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsThe shift: UX Designers as Business Consultants
The shift: UX Designers as Business Consultants
 
The Three Speeds of Effective Collaboration
The Three Speeds of Effective CollaborationThe Three Speeds of Effective Collaboration
The Three Speeds of Effective Collaboration
 

Dernier

Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 

Dernier (19)

Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 

Introduction to Building Wireframes (with Keynote)