SlideShare a Scribd company logo
INTRODUCTION TO
BUILDING WIREFRAMES
Davide ‘Folletto’ Casali
NIGHT.EU

UX Designer

Advisor
What do you do?
TODAY
1 / Wireframes · how to work with them
2 / Wireframes management · how to use them effectively
3 / OmniGraffle Pro · introduction

90’

Junior/Mid
PART 1

Wireframes
THE IDEA OF
WIREFRAME COMES
FROM 3D MODELLING

@hjmediastudios
Wikipedia:
“A website wireframe 

is a visual guide 

that represents 

the skeletal framework 

of a website”
Nielsen/Norman Group:
“Wireframing is a low-cost,
rapid iterative design
technique that offers one of
the best methods for gaining
design insight early”

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 STORIES

© Ivor Beddoes
@awfulshot
WIREFRAMES
AS STORYBOARDS
FOR INTERFACES

© Ivor Beddoes
DIFFERENT WAYS TO TELL A STORY
frame by frame, drawings
key frames, textual descriptions
key frames, 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
The wireframe represents also the very first
moment when the project team sees
everything coming together.
Box

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.
Logo
Navigation

Box

Box
Content
Box
Let’s wireframe Twitter.
Boxes only.
Global Navigation

User Page

Navigation
User profile

Multimedia 

Content of the User

User Stats

Who to follow
suggestions

Tweets

Trends

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

N
C

N
Box

N
Box

C
S

Box

Box
Box
Box

Box
Box

S
TEXT

BUTTONS

Lorem ipsum gaium sit
amet isciquitur elit in
ellam lacustre pulzella.

Button

Box
IMAGES

MORE...

···
Box
Thomas Talker:!
Lorem ipsum gaium sit amet
isciquitur elit in ellam
lacustre pulzella.
Expand
OFTEN EACH
HIGH-LEVEL
BOX CONTAINS
A REPEATING
PATTERN

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:!
TRY WORKING WITH PATTERNS AS
MUCH AS POSSIBLE TO SUPPORT
MEMORY AND LEARNING, MAKING
THE INTERFACE TRUSTWORTHY
Let’s build a journey.
Imagine Twitter’s registration process.
LOGIN PROCESS
The main steps of the journey

Home

Reg. Form

Confirmation
LOGIN PROCESS
How do we guide the user to the value?

?
Home

Reg. Form

Confirmation

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

!
Home

Reg. Form

Confirmation

!
Email

Your Page
LOGIN PROCESS
The story is even bigger in reality

Tweet

Third party

Home

Reg. Form

Confirmation

Email

Your Page

Third party
1 / Wireframes as stories

2 / From boxes to elements
PART 2

Wireframes management
AGILE APPROACH TO WIREFRAMING

Ask yourself:
What’s the level of detail
I need to communicate
effectively?

HD
DETAILED
HIGH LEVEL
PAPER SKETCH
WHITEBOARDS
NAPKINS
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
observe

dot
LOOP

do

think

WORK IN ITERATIONS
This works
from startups to big enterprises
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
1 ITERATION = No review*

* or review in a different next step (visual design? development?)
2 ITERATIONS = Draft, then feedback, then refine
3 / Wireframes as steps

4 / Iterative approach
PART 3

OmniGraffle Pro
OmniGraffle
Professional
Why Pro?
OmniGraffle is a powerhouse
Wireframes

Interactive
PDFs

From
sketches to
HD prototypes

IA

HTML export

Presentations

Diagrams

Build any PDF

Pixel perfect
...even if it lacks some pieces
No built-in
collaboration

No motion design
OMNIGRAFFLE CAN
EXPORT INTERACTIVE
PDFS THAT CAN BE
USED AS PROTOTYPES
·
·
·
·

You can send them via email
You can use them as prototypes
You can use them for testing
They show flows, not stills
FUNDAMENTALS
select

shape

lines

text

freeform
Let’s try!
Let’s sketch Twitter’s wireframe
Global Navigation

User Page

Navigation
User profile

Multimedia 

Content of the User

User Stats

Who to follow
suggestions

Tweets

Messages
Let’s sketch a single tweet wireframe

Thomas Talker:!
Lorem ipsum gaium sit amet
isciquitur elit in ellam
lacustre pulzella.
Expand
Let’s sketch Google’s homepage
Let’s sketch Twitter’s homepage
Let’s sketch Dropbox’s homepage
Let’s sketch Wordpress.com homepage
Lots of actions...

SIGN UP

VIDEO
LOGIN

MORE INFO
PROPERTIES: ACTION
1.
2.
3.
4.
5.

Properties panel
Action
Jump elsewhere
Switch to a Specific Canvas
Select canvas
INTERACTIVE PDF
1. File → Export…
2. PDF vector image
3. Entire Document
TIPS
Grouping

Shared Layers

Smart Objects
Grouping
Shared Layers
Smart Objects
SET THE PAGE SIZE IN PX BY
SPECIFYING THE “PX” (OR “PT”) UNIT
BY HAND
IT’S A GOOD IDEA TO KEEP THE ZOOM
AT 100%, TO DESIGN AT THE RIGHT
SCALE. KEEP ALSO THE HEIGHT SHORT
TO FEEL THE SCROLL POSITION.
REVIEW THE KEYBOARD SHORTCUTS
FROM PREFERENCES TO ADAPT THEM
TO YOUR STYLE.
REVIEW ALSO “KEEP TOOL ACTIVE”.
5 / Basics of OmniGraffle Pro

6 / Grouping, masters, smart objs
“

To complicate is easy, to simplify is hard.
To complicate, just add,
everyone is able to complicate.
Few are able to simplify.
Bruno Munari

”
Thanks.

@Folletto

More Related Content

What's hot

Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book Club
Wojciech Staszczyk
 
Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016
Lewis Lin 🦊
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design Overview
Aaron Hursman
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
Chris Feix
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
Joan Lumanauw
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
Ismail Norri
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User Research
Jeremy Horn
 
Sell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks forSell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks for
Jason Mesut
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
Robert Stribley
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
piksels
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX Disciplines
Nick Finck
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
Information architecture
Information architectureInformation architecture
Information architecture
Dr. V Vorvoreanu
 
Design Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleDesign Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the people
Rafael Citadella Daron
 
Why Design Matters
Why Design MattersWhy Design Matters
Why Design Matters
Group 8A
 
Persona & User Journey in Practice
Persona & User Journey in PracticePersona & User Journey in Practice
Persona & User Journey in Practice
Afif Bimantara
 
Website Design Process
Website Design ProcessWebsite Design Process
Website Design Process
Chris Drabsch
 
Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
Sem Gebresilassie
 

What's hot (20)

Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book Club
 
Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design Overview
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User Research
 
Sell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks forSell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks for
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
 
Ux design process
Ux design processUx design process
Ux design process
 
The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX Disciplines
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Information architecture
Information architectureInformation architecture
Information architecture
 
Design Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleDesign Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the people
 
Why Design Matters
Why Design MattersWhy Design Matters
Why Design Matters
 
Persona & User Journey in Practice
Persona & User Journey in PracticePersona & User Journey in Practice
Persona & User Journey in Practice
 
Website Design Process
Website Design ProcessWebsite Design Process
Website Design Process
 
Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 

Similar to Introduction to Building Wireframes (with OmniGraffle)

Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
Erin 'Folletto' Casali
 
Module 07: Wireframes
Module 07: WireframesModule 07: Wireframes
Module 07: Wireframes
Daniel Drew Turner
 
The definitive guide to Web flowcharts
The definitive guide to Web flowchartsThe definitive guide to Web flowcharts
The definitive guide to Web flowcharts
FelixDing
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
Doug Gapinski
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
Sur College of Applied Sciences
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
Framebench
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
Doug Gapinski
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTML
Dee Sadler
 
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
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Dylan Wilbanks
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
Hitesh Mehta
 
Vg prezi pres Regent
Vg prezi pres RegentVg prezi pres Regent
Vg prezi pres Regent
Vasili Giannoutsos
 
Lean Prototyping Guide
Lean Prototyping GuideLean Prototyping Guide
Lean Prototyping Guide
Cybage Software Pvt ltd
 
Building complex sites with Joomla
Building complex sites with JoomlaBuilding complex sites with Joomla
Building complex sites with Joomla
Paul Delbar
 
Designing technical documentation for tablets
Designing technical documentation for tabletsDesigning technical documentation for tablets
Designing technical documentation for tablets
Maxwell Hoffmann
 
Launching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to LaunchLaunching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to Launch
Nick Floro
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
Fergus Roche
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
guestf4f7a4b38
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
mStoner, Inc.
 
UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14
Shilpa Thanawala
 

Similar to Introduction to Building Wireframes (with OmniGraffle) (20)

Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
 
Module 07: Wireframes
Module 07: WireframesModule 07: Wireframes
Module 07: Wireframes
 
The definitive guide to Web flowcharts
The definitive guide to Web flowchartsThe definitive guide to Web flowcharts
The definitive guide to Web flowcharts
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTML
 
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
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
 
Vg prezi pres Regent
Vg prezi pres RegentVg prezi pres Regent
Vg prezi pres Regent
 
Lean Prototyping Guide
Lean Prototyping GuideLean Prototyping Guide
Lean Prototyping Guide
 
Building complex sites with Joomla
Building complex sites with JoomlaBuilding complex sites with Joomla
Building complex sites with Joomla
 
Designing technical documentation for tablets
Designing technical documentation for tabletsDesigning technical documentation for tablets
Designing technical documentation for tablets
 
Launching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to LaunchLaunching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to Launch
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14
 

More from 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 Product
Erin 'Folletto' Casali
 
Design Remote: The Async Advantage
Design Remote: The Async AdvantageDesign Remote: The Async Advantage
Design Remote: The Async Advantage
Erin 'Folletto' Casali
 
Foundations of Chat Bot Design
Foundations of Chat Bot DesignFoundations of Chat Bot Design
Foundations of Chat Bot Design
Erin 'Folletto' Casali
 
New Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationNew Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half Delegation
Erin 'Folletto' Casali
 
Design without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkDesign without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna Talk
Erin 'Folletto' Casali
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source Communities
Erin '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 Perspective
Erin '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 Good
Erin '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 Perspective
Erin '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 brands
Erin '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 Craft
Erin '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 Curve
Erin 'Folletto' Casali
 
Kickstarting Design Thinking
Kickstarting Design ThinkingKickstarting Design Thinking
Kickstarting Design Thinking
Erin '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 Traits
Erin 'Folletto' Casali
 
The Thought Pump Model for Meditation
The Thought Pump Model for MeditationThe Thought Pump Model for Meditation
The Thought Pump Model for Meditation
Erin 'Folletto' Casali
 
Design with Personas: A Lean Approach
Design with Personas: A Lean ApproachDesign with Personas: A Lean Approach
Design with Personas: A Lean Approach
Erin 'Folletto' Casali
 
Gestalt Design Principles for Developers
Gestalt Design Principles for DevelopersGestalt Design Principles for Developers
Gestalt Design Principles for Developers
Erin '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 Consultants
Erin 'Folletto' Casali
 
The Three Speeds of Effective Collaboration
The Three Speeds of Effective CollaborationThe Three Speeds of Effective Collaboration
The Three Speeds of Effective Collaboration
Erin 'Folletto' Casali
 

More from 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
 

Recently uploaded

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
taqyed
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 

Recently uploaded (20)

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 

Introduction to Building Wireframes (with OmniGraffle)