SlideShare ist ein Scribd-Unternehmen logo
1 von 75
Downloaden Sie, um offline zu lesen
Layout and Wireframing

January, 2014
UI/UX Dominicana
About me
Omar Duarte
Telecommunications Engineer
Web Product Manager since 2010
Layout = Distribution
Wireframe =
Distribution Schematics
UX in Layout
My opinionated summary
Layout
!

User Goals

Business Goals

The Olden Days
Layout and Wireframing
Users only care
about this!
Layout
!

User Goals

Business Goals

The Compromise
Layout and Wireframing
Layout
!
User Goals
!
!
!
!
!
Business Goals
!
!

Users First
https://www.simple.com/
Standalone
Mobile Sites

Responsive
Sites

~2006

Mobile First

2014
The	
  mobile	
  web	
  will	
  be	
  bigger	
  than	
  desktop	
  

Internet	
  use	
  by	
  2015	
  
- Morgan Stanley.
Long Scrolling
Sites
*

*with obvious exceptions
Rule of Thumb for
Long Scrolling Sites
Stay focused.
http://getaviate.com
Hierarchy is of
outmost importance.
http://dashinoodlebar.com/
Go crazy without sacrificing
mobile experience
http://wrist.im
Pretty and Cool is not
always the answer
http://fluger.com/
Layout Trends
for 2014
Large Hero Areas
http://www.unvael.com/
https://squareup.com/
http://pacelaw.com/
Full Background
Video
http://kanyewest.com/
http://www.bkwld.com/
http://packdog.com/
Cards
http://mashable.com/
http://etchapps.com/
http://www.silktricky.com/

(My opinion: works case-by-case)
Navigation is getting
Disrupted
https://squareup.com/
http://mashable.com/
http://www.socifi.com/
Learn and Get Inspired
http://onepagelove.com/
http://awwwards.com/
http://pinterest.com (Yes! Pinterest!)
Wireframing
“[…]	
  if	
  a	
  user	
  cannot	
  figure	
  out	
  where	
  to	
  go	
  on	
  a	
  black	
  and	
  
white	
  wireframe,	
  it	
  doesn’t	
  maDer	
  what	
  colors	
  you	
  
eventually	
  use.”	
  
-­‐	
  	
  JusJn	
  Smith.	
  	
  xenoabedesign.com	
  
a wireframe is

NOT
!
!
!
!
!

the first step
1. Requirement Gathering
2. End-user analysis
3. Task Analysis
4. Wireframing process
However…
By	
  having	
  content	
  that	
  you	
  and	
  the	
  client	
  have	
  worked	
  
closely	
  hand	
  to	
  hand	
  rather	
  than	
  dropping	
  in	
  filler	
  text,	
  not	
  
only	
  are	
  you	
  already	
  closer	
  to	
  a	
  more	
  complete	
  […]	
  design	
  
[…],	
  but	
  your	
  design	
  is	
  a	
  lot	
  more	
  content	
  focussed	
  and	
  will	
  
give	
  the	
  client	
  a	
  more	
  accurate	
  idea	
  of	
  how	
  their	
  message	
  
is	
  going	
  to	
  be	
  delivered	
  to	
  the	
  website’s	
  visitors.	
  
- Bobby Anderson. Change your Focus and Design Content First
1. Requirement Gathering
2. End-user analysis
3. Get ALL the content
4. Task Analysis
4. Wireframing process
The Wireframing
process
There are several
ways to go…
*This image was shamelessly ‘stolen’ from tutsplus UX Tutorial
parentesis

(
What about
Startups?
Pick a method that will help
you validate your design
quick and iterate painlessly.
Layout and Wireframing
Read this, it’s awesome
)

moving along
The Grid
“The	
  grid	
  is	
  the	
  most	
  vivid	
  manifestaJon	
  of	
  the	
  will	
  to	
  
order	
  in	
  graphic	
  design.”	
  
-­‐	
  	
  Mark	
  Boulton.	
  Grids	
  Are	
  Good	
  (Right?)
Layout and Wireframing
Each of these are
called units
12 Unit grid
2 Columns
3 Columns
4 Columns
You get the point…
Layout and Wireframing
This layout was done
in 5 minutes

Only Keynote shapes were used over a 12 column grid
Going Mobile
First
Layout and Wireframing
Layout and Wireframing
Starting to design a layout
for desktop sizes will give
you headaches when the time
for optimising the mobile UX
arrives.
Scaling down to mobile screen
resolution will mean that some
elements of the layout won’t
be shown

Is this important?

How about this?

Is this the right size?

This doesn’t fit for mobiles, maybe I should
put this content elsewhere

THIS LAYOUT SUCKS!!!
Only rule for designing
Mobile First:
Priority determines Hierarchy
Most Important things
always go first.
Wireframing
basics
Start with boxes
Logo
Signin | Signup

Hero Area

Feature 1

Feature 2

Feature 3

Menu
Add text
WIRENATOR
SIGNIN

|

SIGNUP

Menu

Design a wireframe in 5 minutes

SIGNUP

LEARN MORE

ICON

ICON

ICON

Easy Drag and Drop

Easy Peer Feedback

SUCH WIRE

Text text text text text text text
text text text text text

Text text text text text text text
text text text text text

Text text text text text text text
text text text text text
Add grayscale tones
WIRENATOR

SIGNIN

|

SIGNUP

Menu

Design a wireframe in 5 minutes

SIGNUP

LEARN MORE

Easy Drag and Drop

Easy Peer Feedback

SUCH WIRE

Text text text text text text text
text text text text text

Text text text text text text text
text text text text text

Text text text text text text text
text text text text text
HD Wireframe

Decide
Mockup /
Prototype
Best Wireframing
tools
best wireframing tools
Keep on learning
•

Good Design Faster

•

Guidelines for Responsive Web Design

•

Why Cards are the Future of the Web

•

Design Process in the Responsive Age

•

The Quest for Emotional Engagement
Thanks!

Weitere ähnliche Inhalte

Was ist angesagt?

Crash Course in Wireframing
Crash Course in WireframingCrash Course in Wireframing
Crash Course in WireframingMarcel
 
Storyboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools ReviewStoryboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools ReviewHenry Cogo
 
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
 
Wireframing Workshop - TiE Women Create-a-Thon
Wireframing Workshop - TiE Women Create-a-ThonWireframing Workshop - TiE Women Create-a-Thon
Wireframing Workshop - TiE Women Create-a-ThonKristine Howard
 
Wireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyWireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyCreately
 
Wireframes and Interaction Design Documents
Wireframes and Interaction Design DocumentsWireframes and Interaction Design Documents
Wireframes and Interaction Design Documentspiksels
 
Mockup, wireframe e visual: una breve introduzione
Mockup, wireframe e visual: una breve introduzioneMockup, wireframe e visual: una breve introduzione
Mockup, wireframe e visual: una breve introduzioneWEBdeBS
 
Lean prototyping for entrepreneurs
Lean prototyping for entrepreneursLean prototyping for entrepreneurs
Lean prototyping for entrepreneursAmir Khella
 
Wireframes for Web Design
Wireframes for Web DesignWireframes for Web Design
Wireframes for Web DesignMindy McAdams
 
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
 
Essential Prototyping for Entrepreneurs
Essential Prototyping for EntrepreneursEssential Prototyping for Entrepreneurs
Essential Prototyping for EntrepreneursBow Kraivanich
 
Interaction designers vs algorithms
Interaction designers vs algorithmsInteraction designers vs algorithms
Interaction designers vs algorithmscxpartners
 
Agile design pattern
Agile design patternAgile design pattern
Agile design patternPoppy Martono
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axureAndrii Rusakov
 
Design System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, TestDesign System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, TestPaya Do
 
Intro to Wireframing
Intro to WireframingIntro to Wireframing
Intro to WireframingCynthia Petti
 
How To Design A Wireframe For Website
How To Design A Wireframe For WebsiteHow To Design A Wireframe For Website
How To Design A Wireframe For WebsitePropel Guru
 
Axure for dummies, that don't even know they are
Axure for dummies, that don't even know they areAxure for dummies, that don't even know they are
Axure for dummies, that don't even know they areOscar Gonzalez Garza
 

Was ist angesagt? (20)

Crash Course in Wireframing
Crash Course in WireframingCrash Course in Wireframing
Crash Course in Wireframing
 
Storyboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools ReviewStoryboarding and Wireframe Tools Review
Storyboarding and Wireframe Tools Review
 
Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
 
Wireframing Workshop - TiE Women Create-a-Thon
Wireframing Workshop - TiE Women Create-a-ThonWireframing Workshop - TiE Women Create-a-Thon
Wireframing Workshop - TiE Women Create-a-Thon
 
Wireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyWireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by Creately
 
Wireframes and Interaction Design Documents
Wireframes and Interaction Design DocumentsWireframes and Interaction Design Documents
Wireframes and Interaction Design Documents
 
Mockup, wireframe e visual: una breve introduzione
Mockup, wireframe e visual: una breve introduzioneMockup, wireframe e visual: una breve introduzione
Mockup, wireframe e visual: una breve introduzione
 
Lean prototyping for entrepreneurs
Lean prototyping for entrepreneursLean prototyping for entrepreneurs
Lean prototyping for entrepreneurs
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid Prototyping
 
Wireframes for Web Design
Wireframes for Web DesignWireframes for Web Design
Wireframes for Web Design
 
Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)
 
Workshop Mock-Ups
Workshop Mock-UpsWorkshop Mock-Ups
Workshop Mock-Ups
 
Essential Prototyping for Entrepreneurs
Essential Prototyping for EntrepreneursEssential Prototyping for Entrepreneurs
Essential Prototyping for Entrepreneurs
 
Interaction designers vs algorithms
Interaction designers vs algorithmsInteraction designers vs algorithms
Interaction designers vs algorithms
 
Agile design pattern
Agile design patternAgile design pattern
Agile design pattern
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axure
 
Design System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, TestDesign System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, Test
 
Intro to Wireframing
Intro to WireframingIntro to Wireframing
Intro to Wireframing
 
How To Design A Wireframe For Website
How To Design A Wireframe For WebsiteHow To Design A Wireframe For Website
How To Design A Wireframe For Website
 
Axure for dummies, that don't even know they are
Axure for dummies, that don't even know they areAxure for dummies, that don't even know they are
Axure for dummies, that don't even know they are
 

Andere mochten auch

United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing? United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing? HubSpot
 
The Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, HumilityThe Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, HumilityBrandon Ward
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and designKevin Picalausa
 
2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address Recap2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address RecapHubSpot
 
design thinking portfolio
design thinking portfoliodesign thinking portfolio
design thinking portfolioNatasha Koshy
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXMichelle Chin
 
Samsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy SampleSamsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy SampleShawn Roe
 
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBAThe Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBACarzanova
 
5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely Ignore5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely IgnoreHubSpot
 
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.Marc-Oliver Gern
 
5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, Yet5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, YetDemandWave
 
The 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & IdeasThe 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & IdeasMarketing Genome
 
Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...Manu Melwin Joy
 
#INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah #INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah HubSpot
 
Storytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageStorytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageAmit Kapoor
 
Wireframing Fundamentals
Wireframing FundamentalsWireframing Fundamentals
Wireframing FundamentalsTelepathy
 
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | SkillsStorytelling with Data - Approach | Skills
Storytelling with Data - Approach | SkillsAmit Kapoor
 
Visual Storytelling with Data
Visual Storytelling with DataVisual Storytelling with Data
Visual Storytelling with DataJESS3
 

Andere mochten auch (20)

United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing? United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing?
 
ChalkboardPortfolio
ChalkboardPortfolioChalkboardPortfolio
ChalkboardPortfolio
 
The Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, HumilityThe Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, Humility
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and design
 
2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address Recap2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address Recap
 
design thinking portfolio
design thinking portfoliodesign thinking portfolio
design thinking portfolio
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUX
 
Samsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy SampleSamsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy Sample
 
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBAThe Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
 
5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely Ignore5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely Ignore
 
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
 
Experience Impact Framework
Experience Impact FrameworkExperience Impact Framework
Experience Impact Framework
 
5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, Yet5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, Yet
 
The 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & IdeasThe 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & Ideas
 
Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...
 
#INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah #INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah
 
Storytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageStorytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | Engage
 
Wireframing Fundamentals
Wireframing FundamentalsWireframing Fundamentals
Wireframing Fundamentals
 
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | SkillsStorytelling with Data - Approach | Skills
Storytelling with Data - Approach | Skills
 
Visual Storytelling with Data
Visual Storytelling with DataVisual Storytelling with Data
Visual Storytelling with Data
 

Ähnlich wie Layout and Wireframing

Mobile User Interface Design
Mobile User Interface DesignMobile User Interface Design
Mobile User Interface Designrita
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...affilinet
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Paul Brown
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile ExperienceDavid Drucker
 
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...auexpo Conference
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny PlacesMobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny PlacesApigee | Google Cloud
 
Performance Optimisation For Web & Mobile
Performance Optimisation For Web & MobilePerformance Optimisation For Web & Mobile
Performance Optimisation For Web & Mobileformfunction
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Teamstudio
 
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Bram Vanderhaeghe
 
MOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks Like
MOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks LikeMOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks Like
MOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks LikeAdrian Mendoza
 
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdfHow to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdfMarie Weaver
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014MoodLabs
 
Responsive Email Design
Responsive Email DesignResponsive Email Design
Responsive Email DesignAnna Yeaman
 
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
 
Enterprise mobile applications
Enterprise mobile applicationsEnterprise mobile applications
Enterprise mobile applicationsTurin Project
 
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesignBart De Waele
 
Responsive Webdesign - UXtour Microsoft
Responsive Webdesign - UXtour MicrosoftResponsive Webdesign - UXtour Microsoft
Responsive Webdesign - UXtour MicrosoftThomas Deceuninck
 

Ähnlich wie Layout and Wireframing (20)

Mobile User Interface Design
Mobile User Interface DesignMobile User Interface Design
Mobile User Interface Design
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile Experience
 
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny PlacesMobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
 
Mobile first ux
Mobile first uxMobile first ux
Mobile first ux
 
Performance Optimisation For Web & Mobile
Performance Optimisation For Web & MobilePerformance Optimisation For Web & Mobile
Performance Optimisation For Web & Mobile
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1
 
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
 
MOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks Like
MOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks LikeMOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks Like
MOBILE RIGHT NOW: What A Real Customer’s Mobile Experience Looks Like
 
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdfHow to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Responsive email design guide
Responsive email design guideResponsive email design guide
Responsive email design guide
 
Responsive Email Design
Responsive Email DesignResponsive Email Design
Responsive Email Design
 
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
 
Enterprise mobile applications
Enterprise mobile applicationsEnterprise mobile applications
Enterprise mobile applications
 
Responsive webdesign
Responsive webdesignResponsive webdesign
Responsive webdesign
 
Responsive Webdesign - UXtour Microsoft
Responsive Webdesign - UXtour MicrosoftResponsive Webdesign - UXtour Microsoft
Responsive Webdesign - UXtour Microsoft
 

Kürzlich hochgeladen

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
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
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
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
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
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
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
 
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
 
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
 
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
 
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
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
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
 
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
 
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
 

Kürzlich hochgeladen (19)

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
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
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
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
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
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
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...
 
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
 
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
 
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
 
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
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
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...
 
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
 
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
 

Layout and Wireframing