SlideShare a Scribd company logo
1 of 55
Download to read offline
Wireframes
It’s important to be aware of what wireframes are
NOT and should not be used as.
!
Wireframes
It’s possible people will try to misuse wireframes.
It’s your responsibility to maintain focus on them
as a step in development, not an end.
!
Wireframes are part of a process, and exist to
support the next step.
Wireframes
NOT
!
— prototyping
— visual design (http://ux.stackexchange.com/
questions/18069/how-to-work-with-visual-designers-
who-treat-wireframes-as-literal-graphic-sugges)
— proofs of your concept
— marketing materials
Wireframes
NOT
!
—"Got it. Done. Boom."
http://ma.tt/2010/11/one-point-oh/
Wireframes
NOT
!
Mockups: generally focus on visual design elements, are
often very close to actual final site design. Include
graphics, typography, and other page elements.
Wireframes
NOT
!
Prototypes: Semi-functional. Have the the start of a
functional user interface.Ability to click, simulates the
way the site will work.
!
Wireframes will miss if there’s an interaction-related
issue (which could be a showstopper).
!
Wireframes
NOT
!
Compounding the
issue: many
wireframing tools also
allow you to create
interactive prototypes.
Wireframes
Wireframes ARE:
!
A foundation on which we build
A blueprint for where information will go
A reminder that new ideas aren’t finished or precious
Wireframes
Wireframes ARE:
!
A low-fidelity visual
representation of a website’s
layout design.
!
Represents the basic page layout
structure and navigational
scheme of the site, as well as
major site components
Wireframes
Wireframes ARE:
!
Free of color, particular font
choices, logos, or "live"
design elements
!
A tool to help us learn about
the site or app’s architecture
A Quick Note on
Greeking
Though there is not universal
agreement, it’s an accepted
practice is to use greeked
text as a placeholder. It
shows where content will go,
how the page will look with
content (not too busy nor too
unbalanced).
!
And it can be fun.
http://favbulous.com/post/973/20-funny-lorem-
ipsum-dummy-text-generators
Wireframes
Wireframes ARE:
!
Low fidelity so we don’t get
hung up on "hm, maybe 5px
to the right" or "I don’t like
that shade of blue"
!
Can even be really, really low
in fidelity to start
Wireframes
Wireframes DO:
!
Show where design
elements will appear on
the page
!
Help us test/refine
navigation (even
submenus)
!
Help define scope
Wireframes
Wireframes DO:
!
Help evaluate page layout
against usability best
practices
!
!
!
Help us all get on the
same page
http://www.w3.org/WAI/eval/Overview.html
Wireframes
Recapping the case for low fidelity
!
— Helps teams avoid premature conversations about surface
issues like color or "pixel-perfect"
!
— Instead focuses discussion on correct and complete
content and functionality
!
— Keeps the focus on user interaction (works or fails)
Wireframes
Recapping the case for low fidelity
!
— Keeps the focus on user interaction (works or fails)
!
— Can clearly communicate how features will function
(note: you need to be active in presenting)
!
— Makes it easier to "kill your darling"/update
!
— Everything’s easier to change if code isn’t committed
Wireframes
AND:
!
It’s the UX team’s (or person’s) job and
responsibility to communicate this and put it in
context to the boss/client/external team/etc.
Wireframes: How To
Step 1: Get inspired
!
(Pro tip: Not all work you’ll see out in the wild may be
good work… build your critical eye and facilities.)
!
!
!
Wireframes: How To
Step 1: Get inspired
!
UICloud I Heart Wireframes
!
!
!
http://www.w3.org/WAI/eval/Overview.html http://wireframes.tumblr.com
Wireframes: How To
Step 1: Get inspired
!
Wirify Browser Bookmarklet
!
!
!
http://www.wirify.com/
Wireframes: How To
Step 2: Figure out your process
!
— sketch —> code?
— sketch —> wireframe —> high-fidelity —> code?
— sketch —> wireframe —> visual design —> code?
— wireframe —> interactive prototype —> code?
— etc.
!
—What’s your story?
!
(Bonus round: What do these have in common?)
Wireframes: How To
Step 2: Figure out your process
!
— think about your strengths, skills, and interests
!
— you may need to try many times to figure out what
works best for you
!
— maybe different processes work for different projects
Wireframes: How To
Step 3: Choose your quiver
!
Balsamiq UXPin
!
!
!
http://balsamiq.com http://uxpin.com/
Wireframes: How To
Step 3: Choose your quiver
!
OmniGraffle Axure RP
!
!
!
http://www.omnigroup.com/omnigraffle/ http://axure.com/
Wireframes: How To
Step 3: Choose your quiver
!
Flairbuilder Keynote/PowerPoint
!
!
!
http://www.flairbuilder.com
Wireframes: How To
Step 3: Choose your quiver
!
Web-based tools:
http://www.mockflow.com/
https://gomockingbird.com/
http://www.hotgloo.com/
http://www.webflow.com/
Wireframes: How To
Step 3: Choose your quiver
!
"Traditional" graphics tools:
Photoshop
Illustrator
Fireworks
InDesign
!
!
Wireframes: How To
Step 3: Choose your quiver
!
Free and paid sketching tools:
http://designshack.net/articles/inspiration/5-fantastic-
notebooks-and-sketchbooks-for-designers/
!
Sketching blanks:
http://www.jankoatwarpspeed.com/free-sketching-
wireframing-kit/
http://benmartineau.com/works/grids-for-
sketching.php
Wireframes: How To
Step 4: Grid it or block it
!
!
!
!
!
!
Wireframes: How To
Step 4: Grid it
!
!
!
!
!
You can create responsive grids using http://responsify.it
Wireframes: How To
Step 4: Block it
!
Gray boxes help give a
leg up on information
hierarchy when
creating wireframe,
seeing information
hierarchy when
working from
wireframe
Wireframes: How To
Step 4: or both
!
!
!
Wireframes: How To
Step 4: or both
!
Based on your research, you
should have a sense of
what’s important for users
to find and clients to
present.
!
Relative positioning reflects
information hierarchy.
Wireframes: How To
Step 5: Hierarchy through typography
!
You pay more attention to this
than this
or this
or this
!
!
Wireframes: How To
Step 5: Hierarchy through typography
!
!
!
!
Wireframes: How To
Step 6 (optional): Go hi-fi
!
— Increment
!
— at visual/code stage you want to be in polishing mode
and no longer in drafting or experimenting mode. Perform
the iteration cycles (feedback <-> wireframing) quickly
!
— or instead go to interactive prototyping
!
Wireframes: How To
Step 6 (optional): Go hi-fi
!
Wireframes
Alternatives
!
— if you’re a Photoshop ace, maybe wireframe in that
!
— if you’re a Javascript/CSS ace, maybe you can wireframe
"in the browser"
!
— or you can use frameworks such as ZURB Foundation,
Twitter Bootstrap, Skeleton
Wireframes
CAVEAT
!
Make sure everybody understands that each step of the
process exists to support the next one, not dictate what it
should be.The wireframe should remain a tool that helps
with the creation of a higher fidelity mockup or prototype,
not a perfect blueprint for it.This means that no part of the
wireframe should be off limits when it comes to changes.
!
http://www.attackofdesign.com/why-wireframes-can-hurt-your-project/
Wireframes
Huddle? Break!
!
Let’s take a break to ponder all this, keeping in mind the
project of building a site for a new Oakland Farmers’
Market based on all our user research (including the
stakeholder needs). Break into teams, share what processes
work for you.
!
15 minutes.
Patterns
PATTERNS
!
It’s not just paisley and plaid.
Patterns
PATTERNS
!
Unfortunately, there can be multiple
meanings.
!
Patterns as templates, design
language:
Patterns
PATTERNS
!
http://www.smashingmagazine.com/2009/06/15/40-
helpful-resources-on-user-interface-design-patterns/
!
http://patterntap.com
!
http://ui-cloud.com
!
http://www.mobile-patterns.com
!
http://bradfrost.github.io/this-is-responsive/
Patterns
ANTI-PATTERNS
Patterns
ANTI-PATTERNS
!
"a frequently used design pattern that either outright
doesn’t work or is counter-productive"
!
— Sarah Kahn, in http://webdesign.tutsplus.com/articles/
the-world-of-ux-anti-patterns--webdesign-12198
Patterns
ANTI-PATTERNS
!
Type: Clickable elements which don’t appear clickable
!
Can include:
— Buttons which are too small.
—Text links which aren’t visually distinct
— Buttons which are too flat to cue users that they are in fact
buttons
—The absence of hover states can also be problematic,
including failure to use {cursor: pointer;}.
Patterns
ANTI-PATTERNS
!
Type: Clickable elements which don’t appear clickable
!
Example:
Patterns
ANTI-PATTERNS
!
Type: Content hidden below the fold
!
Example:
Patterns
ANTI-PATTERNS
!
Type: Content covering content
Example: Drop-down menus on MPICT.org
!
Type: Users want to batch an action, but nope
Example: A long list of items with actions for each item (e.g.
edit or delete), but user has no way to select multiple items
!
Type: Oh, you entered some data? Took care of that for you.
Example: Forms that delete user-entered data on page reload
Patterns
DARK PATTERNS
Patterns
DARK PATTERNS
!
—"…dirty tricks designers use to make people do stuff"
— Harry Brignull, www.darkpatterns.org
!
— User interfaces designed to trick people
!
—And these test well! They’re effective. Just at the expense
(sometimes literal) of users: trying to end a gym membership.
!
— Not cool, man. Not cool.
Patterns
There are lots of "how-to" texts on this
Patterns
DARK PATTERNS
!
!
http://alistapart.com/article/dark-patterns-deception-vs.-honesty-in-ui-design
Wireframing
Let’s do this thing.
Next up:
Responsive web design
ddt@twoangstroms.com
twitter web

More Related Content

What's hot

Session 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignSession 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignLeanna Gingras
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminarlabecvar
 
Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Leanna Gingras
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Patrick McNeil
 
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)Elida Arrizza
 
Usability Show+Tell
Usability Show+TellUsability Show+Tell
Usability Show+Tellgcotrell
 
UX Bootcamp - August 2016
UX Bootcamp - August 2016UX Bootcamp - August 2016
UX Bootcamp - August 2016Jacklyn Burgan
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really wantleisa reichelt
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersEuropeana Newspapers
 
10 Ways to Improve Your UX Now
10 Ways to Improve Your UX Now10 Ways to Improve Your UX Now
10 Ways to Improve Your UX NowComrade
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationJonathan Abbett
 
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...You're a pig, but they call you chicken: How to co-opt the Agile methodology ...
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...Jonathan Abbett
 
Understanding your user, what works; Persona, Empathy map, Customer profile?
Understanding your user, what works; Persona, Empathy map, Customer profile?Understanding your user, what works; Persona, Empathy map, Customer profile?
Understanding your user, what works; Persona, Empathy map, Customer profile?Anouschka Scholten
 
High Fidelity Prototyping
High Fidelity PrototypingHigh Fidelity Prototyping
High Fidelity PrototypingHans Põldoja
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015Katelyn Caillouet
 
UX design for every screen
UX design for every screenUX design for every screen
UX design for every screenFour Kitchens
 
Importance of the Usability of a website
Importance of the Usability of a websiteImportance of the Usability of a website
Importance of the Usability of a websiteSherihan Anver
 

What's hot (20)

IA basics
IA basicsIA basics
IA basics
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
 
Session 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignSession 3: Sketching and User-centered Design
Session 3: Sketching and User-centered Design
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014
 
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
The 10 Golden Usability Heuristics (Montreal Girl Geeks September 2014)
 
Crop UX design
Crop UX designCrop UX design
Crop UX design
 
Usability Show+Tell
Usability Show+TellUsability Show+Tell
Usability Show+Tell
 
UX Bootcamp - August 2016
UX Bootcamp - August 2016UX Bootcamp - August 2016
UX Bootcamp - August 2016
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic Newspapers
 
10 Ways to Improve Your UX Now
10 Ways to Improve Your UX Now10 Ways to Improve Your UX Now
10 Ways to Improve Your UX Now
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaboration
 
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...You're a pig, but they call you chicken: How to co-opt the Agile methodology ...
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...
 
Understanding your user, what works; Persona, Empathy map, Customer profile?
Understanding your user, what works; Persona, Empathy map, Customer profile?Understanding your user, what works; Persona, Empathy map, Customer profile?
Understanding your user, what works; Persona, Empathy map, Customer profile?
 
High Fidelity Prototyping
High Fidelity PrototypingHigh Fidelity Prototyping
High Fidelity Prototyping
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015
 
UX design for every screen
UX design for every screenUX design for every screen
UX design for every screen
 
Importance of the Usability of a website
Importance of the Usability of a websiteImportance of the Usability of a website
Importance of the Usability of a website
 

Similar to Module 07: Wireframes

Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideFramebench
 
UX Pres MIni version!
UX Pres MIni version!UX Pres MIni version!
UX Pres MIni version!Jessi Baker
 
High-Fidelity Prototyping
High-Fidelity PrototypingHigh-Fidelity Prototyping
High-Fidelity PrototypingHans Põldoja
 
The Guide To Wireframing
The Guide To WireframingThe Guide To Wireframing
The Guide To WireframingLewis Lin 🦊
 
Week4 : Wireframes and Sketching
Week4 : Wireframes and SketchingWeek4 : Wireframes and Sketching
Week4 : Wireframes and SketchingMark Zelis
 
Web valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentWeb valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentEamonn Maguire
 
User Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersUser Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersCatherine Robson
 
Wireframing basics may 2012
Wireframing basics may 2012Wireframing basics may 2012
Wireframing basics may 2012Meaghan Barbin
 
UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Shah Muhammad Baig
 
Prototyping tools
Prototyping toolsPrototyping tools
Prototyping toolsJoël Plas
 
High-Fidelity Prototyping
High-Fidelity PrototypingHigh-Fidelity Prototyping
High-Fidelity PrototypingHans Põldoja
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions
 
3stages Wdn08 V3
3stages Wdn08 V33stages Wdn08 V3
3stages Wdn08 V3Boris Mann
 
Session on mockups
Session on mockupsSession on mockups
Session on mockupsAbdul Dibosh
 

Similar to Module 07: Wireframes (20)

Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
 
Lean Prototyping Guide
Lean Prototyping GuideLean Prototyping Guide
Lean Prototyping Guide
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
UX Work Shop
UX Work ShopUX Work Shop
UX Work Shop
 
UX Pres MIni version!
UX Pres MIni version!UX Pres MIni version!
UX Pres MIni version!
 
High-Fidelity Prototyping
High-Fidelity PrototypingHigh-Fidelity Prototyping
High-Fidelity Prototyping
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
 
The Guide To Wireframing
The Guide To WireframingThe Guide To Wireframing
The Guide To Wireframing
 
Week4 : Wireframes and Sketching
Week4 : Wireframes and SketchingWeek4 : Wireframes and Sketching
Week4 : Wireframes and Sketching
 
Wireframes
WireframesWireframes
Wireframes
 
Web valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentWeb valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app development
 
User Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersUser Experience Bootcamp for Developers
User Experience Bootcamp for Developers
 
Wireframing basics may 2012
Wireframing basics may 2012Wireframing basics may 2012
Wireframing basics may 2012
 
UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
Prototyping tools
Prototyping toolsPrototyping tools
Prototyping tools
 
High-Fidelity Prototyping
High-Fidelity PrototypingHigh-Fidelity Prototyping
High-Fidelity Prototyping
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
3stages Wdn08 V3
3stages Wdn08 V33stages Wdn08 V3
3stages Wdn08 V3
 
Session on mockups
Session on mockupsSession on mockups
Session on mockups
 

More from Daniel Drew Turner

A Quick Note on Typography as Information Architecture
A Quick Note on Typography as Information ArchitectureA Quick Note on Typography as Information Architecture
A Quick Note on Typography as Information ArchitectureDaniel Drew Turner
 
UX Course Overview for MPICT.org
UX Course Overview for MPICT.orgUX Course Overview for MPICT.org
UX Course Overview for MPICT.orgDaniel Drew Turner
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and ScenariosDaniel Drew Turner
 
Module 08: Responsive Web Design
Module 08: Responsive Web DesignModule 08: Responsive Web Design
Module 08: Responsive Web DesignDaniel Drew Turner
 
Module 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXModule 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXDaniel Drew Turner
 
Module 02: The Psychology of UX
Module 02: The Psychology of UXModule 02: The Psychology of UX
Module 02: The Psychology of UXDaniel Drew Turner
 
Resources in Information Architecture: Talk at General Assembly SF
Resources in Information Architecture: Talk at General Assembly SFResources in Information Architecture: Talk at General Assembly SF
Resources in Information Architecture: Talk at General Assembly SFDaniel Drew Turner
 
Mobile application usability audit
Mobile application usability auditMobile application usability audit
Mobile application usability auditDaniel Drew Turner
 

More from Daniel Drew Turner (14)

A Quick Note on Typography as Information Architecture
A Quick Note on Typography as Information ArchitectureA Quick Note on Typography as Information Architecture
A Quick Note on Typography as Information Architecture
 
UX Course Overview for MPICT.org
UX Course Overview for MPICT.orgUX Course Overview for MPICT.org
UX Course Overview for MPICT.org
 
Module 04: User Research
Module 04: User ResearchModule 04: User Research
Module 04: User Research
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and Scenarios
 
Module 06: Maps and Flows
Module 06: Maps and FlowsModule 06: Maps and Flows
Module 06: Maps and Flows
 
Module 10: Usability Testing
Module 10: Usability TestingModule 10: Usability Testing
Module 10: Usability Testing
 
Module 08: Responsive Web Design
Module 08: Responsive Web DesignModule 08: Responsive Web Design
Module 08: Responsive Web Design
 
Module 09: Prototypes
Module 09: PrototypesModule 09: Prototypes
Module 09: Prototypes
 
Module 03: UX Thinking
Module 03: UX ThinkingModule 03: UX Thinking
Module 03: UX Thinking
 
Module 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXModule 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UX
 
Module 02: The Psychology of UX
Module 02: The Psychology of UXModule 02: The Psychology of UX
Module 02: The Psychology of UX
 
Failcon ddt draft0
 Failcon ddt draft0 Failcon ddt draft0
Failcon ddt draft0
 
Resources in Information Architecture: Talk at General Assembly SF
Resources in Information Architecture: Talk at General Assembly SFResources in Information Architecture: Talk at General Assembly SF
Resources in Information Architecture: Talk at General Assembly SF
 
Mobile application usability audit
Mobile application usability auditMobile application usability audit
Mobile application usability audit
 

Recently uploaded

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
 
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
 
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
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
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
 
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
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
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
 
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
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
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
 
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
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
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
 

Recently uploaded (19)

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
 
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
 
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...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
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
 
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
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
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
 
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
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
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...
 
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
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
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
 

Module 07: Wireframes