SlideShare uma empresa Scribd logo
1 de 66
Baixar para ler offline
Responsive
Toolbox
Jacob Surber
Sr. Product Manager HTML Design
@jacobsurber
Web design
Web Designers
Print
Information
Motion
Visual
Ona notepad
Innotepad
On a notepad
Top down
Visual approach
Innotepad
Bottom Up
Content First
Content
First
We find ourselves
on the edge
Team dynamic
&
individual responsibilities
Tools
Inspection
Responsive Inspector
PIOTR WALCZYSZYN - http://outof.me
Collaboration
Skitch Cloudapp
Dan Mall
Dan Mall
danielmall.com/articles/rif-element-collages
Abstraction
Abstraction = Good
Abstraction = Bad?
The right tool for the right job
Design
Designfor the medium
“Content
Choreography”
@trentwalton
Honesty in design
Emerging Tools
2013
If you are not embarrassed by the first version
of your product, you’ve launched too late.
- Reid Hoffman
Change is OK
Change requires more than
5 minutes of effort
Because a tool does not
solve your every need,
doesn’t mean it can’t help
#letsbehonest
Design is about
communication
Layout
is Design
Let’s talk about
#changeiscoming
Designers Developers
is about communication
• Responsive Intent
• Designing to content
What’s the workflow?
What’s the workflow?
What’s the workflow?
http://blog.terrenceryan.com/reflow-cleaner/
Mobile or Desktop?
#whichway??
screen grab
Where are we going?
Where are we
Try
html.adobe.com/edge/reflow
@Reflow
Jacob Surber
Sr. Product Manager HTML Design
@jacobsurber

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

How to solve communication breakdown in product managers
How to solve communication breakdown in product managersHow to solve communication breakdown in product managers
How to solve communication breakdown in product managers
 
Get Hired! Landing A Product Job
 Get Hired! Landing A Product Job Get Hired! Landing A Product Job
Get Hired! Landing A Product Job
 
A PM and a Developer Walk into a Bar
A PM and a Developer Walk into a BarA PM and a Developer Walk into a Bar
A PM and a Developer Walk into a Bar
 
The Evolution of The PM Career by Airbnb Product Manager Helen Sims
The Evolution of The PM Career by Airbnb Product Manager Helen SimsThe Evolution of The PM Career by Airbnb Product Manager Helen Sims
The Evolution of The PM Career by Airbnb Product Manager Helen Sims
 
Mock Interviewing with Salesforce's Product Manager
Mock Interviewing with Salesforce's Product ManagerMock Interviewing with Salesforce's Product Manager
Mock Interviewing with Salesforce's Product Manager
 
From Testing to Product Management
From Testing to Product ManagementFrom Testing to Product Management
From Testing to Product Management
 
Agile
AgileAgile
Agile
 
Designers Vs Developers—Can't we all just get along
Designers Vs Developers—Can't we all just get alongDesigners Vs Developers—Can't we all just get along
Designers Vs Developers—Can't we all just get along
 
Quovantis design principles
Quovantis design principlesQuovantis design principles
Quovantis design principles
 
How Design and UX can help startups
How Design and UX can help startupsHow Design and UX can help startups
How Design and UX can help startups
 
Uber Product Manager Talks: How to Crack the PM Interview
Uber Product Manager Talks: How to Crack the PM Interview Uber Product Manager Talks: How to Crack the PM Interview
Uber Product Manager Talks: How to Crack the PM Interview
 
How to Transition into a Product Role by Facebook PM
How to Transition into a Product Role by Facebook PMHow to Transition into a Product Role by Facebook PM
How to Transition into a Product Role by Facebook PM
 
Designing with Executives (aka "Why Execs Obsess Over Icons")
Designing with Executives (aka "Why Execs Obsess Over Icons")Designing with Executives (aka "Why Execs Obsess Over Icons")
Designing with Executives (aka "Why Execs Obsess Over Icons")
 
"Ask Me Anything" with Facebook's Product Manager & Product School Instructor
"Ask Me Anything" with Facebook's Product Manager & Product School Instructor "Ask Me Anything" with Facebook's Product Manager & Product School Instructor
"Ask Me Anything" with Facebook's Product Manager & Product School Instructor
 
Building Smart Software
Building Smart SoftwareBuilding Smart Software
Building Smart Software
 
How to succeed as technical lead or development manager
How to succeed as technical lead or development managerHow to succeed as technical lead or development manager
How to succeed as technical lead or development manager
 
Prototype it!
Prototype it!Prototype it!
Prototype it!
 
Team #5 night mares
Team #5  night maresTeam #5  night mares
Team #5 night mares
 
Greg Nudelman - One dollar prototype (From Business to Buttons 2015)
Greg Nudelman - One dollar prototype (From Business to Buttons 2015)Greg Nudelman - One dollar prototype (From Business to Buttons 2015)
Greg Nudelman - One dollar prototype (From Business to Buttons 2015)
 
Product Managers: How To Get Your Developers To Love You
Product Managers: How To Get Your Developers To Love YouProduct Managers: How To Get Your Developers To Love You
Product Managers: How To Get Your Developers To Love You
 

Destaque

Design Responsibly
Design ResponsiblyDesign Responsibly
Design Responsibly
Jacob Surber
 

Destaque (7)

Responsive toolbox
Responsive toolboxResponsive toolbox
Responsive toolbox
 
Product is Design
Product is DesignProduct is Design
Product is Design
 
Reflow Adobe MAX 2013
Reflow Adobe MAX 2013Reflow Adobe MAX 2013
Reflow Adobe MAX 2013
 
The page is dead - SXSWi 2012
The page is dead - SXSWi 2012The page is dead - SXSWi 2012
The page is dead - SXSWi 2012
 
Design Responsibly
Design ResponsiblyDesign Responsibly
Design Responsibly
 
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 20173 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 

Semelhante a Web Design Toolbox

Semelhante a Web Design Toolbox (20)

Web Design Toolbox
Web Design ToolboxWeb Design Toolbox
Web Design Toolbox
 
What every developer can learn from startups
What every developer can learn from startupsWhat every developer can learn from startups
What every developer can learn from startups
 
What it Really Means to Be Agile
What it Really Means to Be AgileWhat it Really Means to Be Agile
What it Really Means to Be Agile
 
LA Uncubed presentation
LA Uncubed presentationLA Uncubed presentation
LA Uncubed presentation
 
Startups • Working with designers
Startups • Working with designersStartups • Working with designers
Startups • Working with designers
 
Manifesto
ManifestoManifesto
Manifesto
 
Carmen Brion - The value for product teams to design think
Carmen Brion - The value for product teams to design thinkCarmen Brion - The value for product teams to design think
Carmen Brion - The value for product teams to design think
 
Push conference 2018 key takeaways
Push conference 2018 key takeawaysPush conference 2018 key takeaways
Push conference 2018 key takeaways
 
AD - Developer communication and Technology
AD - Developer communication and TechnologyAD - Developer communication and Technology
AD - Developer communication and Technology
 
How To Do Kick-Ass Software Development
How To Do Kick-Ass Software DevelopmentHow To Do Kick-Ass Software Development
How To Do Kick-Ass Software Development
 
Collaborative Product Design
Collaborative Product DesignCollaborative Product Design
Collaborative Product Design
 
Pair Programming, TDD and other impractical things
Pair Programming, TDD and other impractical thingsPair Programming, TDD and other impractical things
Pair Programming, TDD and other impractical things
 
Between Paper & Code
Between Paper & CodeBetween Paper & Code
Between Paper & Code
 
Building a Responsive Web Design Process
Building a Responsive Web Design ProcessBuilding a Responsive Web Design Process
Building a Responsive Web Design Process
 
Collaborative Design: Lessons & Observations
Collaborative Design: Lessons & ObservationsCollaborative Design: Lessons & Observations
Collaborative Design: Lessons & Observations
 
User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...
 
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer CollaborationWhy Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
 
Top 10 Things To Do If You Want To Get Fired Over A WordPress Project
Top 10 Things To Do If You Want To Get Fired Over A WordPress ProjectTop 10 Things To Do If You Want To Get Fired Over A WordPress Project
Top 10 Things To Do If You Want To Get Fired Over A WordPress Project
 
Agile development
Agile developmentAgile development
Agile development
 
“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017
“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017
“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017
 

Último

Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
daisycvs
 
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in PakistanChallenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
vineshkumarsajnani12
 
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al MizharAl Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
allensay1
 

Último (20)

QSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptx
QSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptxQSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptx
QSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptx
 
Getting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAI
Getting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAIGetting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAI
Getting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAI
 
Falcon Invoice Discounting: Unlock Your Business Potential
Falcon Invoice Discounting: Unlock Your Business PotentialFalcon Invoice Discounting: Unlock Your Business Potential
Falcon Invoice Discounting: Unlock Your Business Potential
 
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 MonthsSEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
 
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
 
PHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation FinalPHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation Final
 
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in PakistanChallenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
 
Puri CALL GIRL ❤️8084732287❤️ CALL GIRLS IN ESCORT SERVICE WE ARW PROVIDING
Puri CALL GIRL ❤️8084732287❤️ CALL GIRLS IN ESCORT SERVICE WE ARW PROVIDINGPuri CALL GIRL ❤️8084732287❤️ CALL GIRLS IN ESCORT SERVICE WE ARW PROVIDING
Puri CALL GIRL ❤️8084732287❤️ CALL GIRLS IN ESCORT SERVICE WE ARW PROVIDING
 
Pre Engineered Building Manufacturers Hyderabad.pptx
Pre Engineered  Building Manufacturers Hyderabad.pptxPre Engineered  Building Manufacturers Hyderabad.pptx
Pre Engineered Building Manufacturers Hyderabad.pptx
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1
 
Nanded Call Girl Just Call 8084732287 Top Class Call Girl Service Available
Nanded Call Girl Just Call 8084732287 Top Class Call Girl Service AvailableNanded Call Girl Just Call 8084732287 Top Class Call Girl Service Available
Nanded Call Girl Just Call 8084732287 Top Class Call Girl Service Available
 
Durg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTS
Durg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTSDurg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTS
Durg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTS
 
KOTA 💋 Call Girl 9827461493 Call Girls in Escort service book now
KOTA 💋 Call Girl 9827461493 Call Girls in  Escort service book nowKOTA 💋 Call Girl 9827461493 Call Girls in  Escort service book now
KOTA 💋 Call Girl 9827461493 Call Girls in Escort service book now
 
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book nowGUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
 
Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...
Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...
Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...
 
Buy gmail accounts.pdf buy Old Gmail Accounts
Buy gmail accounts.pdf buy Old Gmail AccountsBuy gmail accounts.pdf buy Old Gmail Accounts
Buy gmail accounts.pdf buy Old Gmail Accounts
 
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al MizharAl Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
 
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDINGBerhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
 
Cannabis Legalization World Map: 2024 Updated
Cannabis Legalization World Map: 2024 UpdatedCannabis Legalization World Map: 2024 Updated
Cannabis Legalization World Map: 2024 Updated
 
Ooty Call Gril 80022//12248 Only For Sex And High Profile Best Gril Sex Avail...
Ooty Call Gril 80022//12248 Only For Sex And High Profile Best Gril Sex Avail...Ooty Call Gril 80022//12248 Only For Sex And High Profile Best Gril Sex Avail...
Ooty Call Gril 80022//12248 Only For Sex And High Profile Best Gril Sex Avail...
 

Web Design Toolbox