SlideShare a Scribd company logo
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Three “View Ports” 
• Web-PC View 
• Web-Mobile View 
• Mobile App 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Web-PC View 
• Traditional 
• Fulfill Stated Objectives for Content & 
Structure 
• Fulfill user needs 
– Informational needs 
– Physical behaviors (interactions) 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Web-PC View 
• Design for usability 
– Brochureware > bells & whistles > engagement 
– Load time 
• Design for discoverability (SEO) 
• Design for maintenance (CMSs) 
• Means to determine success / updates 
– Google Analytics 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Web-Mobile view 
• Via Analytics, is Mobile important? 
• Screen size 
• User interactions (finger vs. mouse) 
• Mobile = not fixed 
• Mobile search 
• Applicable further down the purchase funnel 
– Long tail 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Web-Mobile view: Responsive Design 
• Reflow content depending on “viewport” 
• Encoded in CSS 
• Breakpoints in design, to reflow 
• Ex: a “landscape” calendar reflows to vertical 
calendar 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Web-Mobile view: Adaptive Design 
• Reflows and changes appropriate content for 
different viewports and circumstances 
• Responsive design is an aspect of adaptive 
design 
• Using geo location data for shopping 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Web-Mobile view: Second site 
• Dynamic serving within same URL 
• Design a second site for mobile viewing 
• Was the original means of design for mobile 
• Requires the maintenance of two sites 
• Works if mobile and PC use of site is 
dramatically different 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Mobile App Design: When ? 
• Retailer 
• News Org 
• Games 
• Events 
• Serve loyal customers, versus new customers 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Mobile App Design: When ? 
• Take advantage of Phone features: Camera, 
GPS 
• Interactive features, better user experience 
• Still design for mobile web 
– Not an either / or decision 
• Cost considerations 
Digital Marketing alexbr.brown@gmail.com University of Delaware
#buad477 follow @alexbrownracing http://www.udel.edu/alex/classes 
Design 
Mobile App Design: Platforms 
• iOS 
• Android 
• HTML5 
Digital Marketing alexbr.brown@gmail.com University of Delaware

More Related Content

Similar to Design: PC-based, Mobile and Mobile App

Microsoft Power Apps 102 : Responsive Layout With Power Apps.pptx
Microsoft Power Apps 102 : Responsive Layout With Power Apps.pptxMicrosoft Power Apps 102 : Responsive Layout With Power Apps.pptx
Microsoft Power Apps 102 : Responsive Layout With Power Apps.pptx
Md. Tahmidul Abedin
 
Ravilalsare-Resume
Ravilalsare-ResumeRavilalsare-Resume
Ravilalsare-Resume
Ravindra lalsare
 
A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio
Tina Lee
 
Purposeful Design: Effective Website Design & Content Strategies
Purposeful Design: Effective Website Design & Content StrategiesPurposeful Design: Effective Website Design & Content Strategies
Purposeful Design: Effective Website Design & Content Strategies
Jordan Bones
 
HueyLe-Resume2014
HueyLe-Resume2014HueyLe-Resume2014
HueyLe-Resume2014
Huey Le
 
Connecting to Real Data in App Builder
Connecting to Real Data in App Builder Connecting to Real Data in App Builder
Connecting to Real Data in App Builder
JohnMcGuigan10
 
FarooqShad
FarooqShadFarooqShad
FarooqShad
Farooq Shad
 
Digital Marketing Class: Big data
Digital Marketing Class: Big dataDigital Marketing Class: Big data
Digital Marketing Class: Big data
Alex Brown
 
web designing course in chandigarh
web designing course in       chandigarhweb designing course in       chandigarh
web designing course in chandigarh
jashandhir098
 
2016 02-29-web design-resume
2016 02-29-web design-resume2016 02-29-web design-resume
2016 02-29-web design-resume
David Blake
 
Web designtrends 5-29-2013
Web designtrends 5-29-2013Web designtrends 5-29-2013
Web designtrends 5-29-2013
Angela Bowman
 
Digital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital AssetsDigital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital Assets
Ayca Turhan
 
Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...
Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...
Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...
FITC
 
Mobile Website or Responsive Design? The Answer is NEITHER.
Mobile Website or Responsive Design? The Answer is NEITHER.Mobile Website or Responsive Design? The Answer is NEITHER.
Mobile Website or Responsive Design? The Answer is NEITHER.
TWG
 
KevinThet_Resume_2016
KevinThet_Resume_2016KevinThet_Resume_2016
KevinThet_Resume_2016
Kevin Thet
 
KevinThet_Resume_2016
KevinThet_Resume_2016KevinThet_Resume_2016
KevinThet_Resume_2016
Kevin Thet
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
Intergen
 
BobBaker-Resume
BobBaker-ResumeBobBaker-Resume
BobBaker-Resume
Bob Baker
 
Using an openBim Workflow
Using an openBim WorkflowUsing an openBim Workflow
Using an openBim Workflow
Jeffrey Ouellette
 
Senior UX Architect
Senior UX ArchitectSenior UX Architect
Senior UX Architect
uxandco
 

Similar to Design: PC-based, Mobile and Mobile App (20)

Microsoft Power Apps 102 : Responsive Layout With Power Apps.pptx
Microsoft Power Apps 102 : Responsive Layout With Power Apps.pptxMicrosoft Power Apps 102 : Responsive Layout With Power Apps.pptx
Microsoft Power Apps 102 : Responsive Layout With Power Apps.pptx
 
Ravilalsare-Resume
Ravilalsare-ResumeRavilalsare-Resume
Ravilalsare-Resume
 
A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio
 
Purposeful Design: Effective Website Design & Content Strategies
Purposeful Design: Effective Website Design & Content StrategiesPurposeful Design: Effective Website Design & Content Strategies
Purposeful Design: Effective Website Design & Content Strategies
 
HueyLe-Resume2014
HueyLe-Resume2014HueyLe-Resume2014
HueyLe-Resume2014
 
Connecting to Real Data in App Builder
Connecting to Real Data in App Builder Connecting to Real Data in App Builder
Connecting to Real Data in App Builder
 
FarooqShad
FarooqShadFarooqShad
FarooqShad
 
Digital Marketing Class: Big data
Digital Marketing Class: Big dataDigital Marketing Class: Big data
Digital Marketing Class: Big data
 
web designing course in chandigarh
web designing course in       chandigarhweb designing course in       chandigarh
web designing course in chandigarh
 
2016 02-29-web design-resume
2016 02-29-web design-resume2016 02-29-web design-resume
2016 02-29-web design-resume
 
Web designtrends 5-29-2013
Web designtrends 5-29-2013Web designtrends 5-29-2013
Web designtrends 5-29-2013
 
Digital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital AssetsDigital Marketing Course Week 3: Digital Assets
Digital Marketing Course Week 3: Digital Assets
 
Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...
Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...
Should I Build a Separate Mobile Site or a Responsive Site? Neither! with Der...
 
Mobile Website or Responsive Design? The Answer is NEITHER.
Mobile Website or Responsive Design? The Answer is NEITHER.Mobile Website or Responsive Design? The Answer is NEITHER.
Mobile Website or Responsive Design? The Answer is NEITHER.
 
KevinThet_Resume_2016
KevinThet_Resume_2016KevinThet_Resume_2016
KevinThet_Resume_2016
 
KevinThet_Resume_2016
KevinThet_Resume_2016KevinThet_Resume_2016
KevinThet_Resume_2016
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
BobBaker-Resume
BobBaker-ResumeBobBaker-Resume
BobBaker-Resume
 
Using an openBim Workflow
Using an openBim WorkflowUsing an openBim Workflow
Using an openBim Workflow
 
Senior UX Architect
Senior UX ArchitectSenior UX Architect
Senior UX Architect
 

More from Alex Brown

Digital Marketing: Mobile Impact
Digital Marketing: Mobile ImpactDigital Marketing: Mobile Impact
Digital Marketing: Mobile Impact
Alex Brown
 
Consumer Behavior: Digital Marketing
Consumer Behavior: Digital MarketingConsumer Behavior: Digital Marketing
Consumer Behavior: Digital Marketing
Alex Brown
 
Media: Changing Media Landscape
Media: Changing Media LandscapeMedia: Changing Media Landscape
Media: Changing Media Landscape
Alex Brown
 
Economics: New Rules for Digital Media
Economics: New Rules for Digital MediaEconomics: New Rules for Digital Media
Economics: New Rules for Digital Media
Alex Brown
 
History: Internet, Social and Mobile
History: Internet, Social and MobileHistory: Internet, Social and Mobile
History: Internet, Social and Mobile
Alex Brown
 
Digital Marketing: Pricing issues
Digital Marketing: Pricing issuesDigital Marketing: Pricing issues
Digital Marketing: Pricing issues
Alex Brown
 
Digital Marketing: Distribution and Retailing Issues
Digital Marketing: Distribution and Retailing IssuesDigital Marketing: Distribution and Retailing Issues
Digital Marketing: Distribution and Retailing Issues
Alex Brown
 
Product: Open Source, Ecosystems, and Intellectual Property issues
Product: Open Source, Ecosystems, and Intellectual Property issuesProduct: Open Source, Ecosystems, and Intellectual Property issues
Product: Open Source, Ecosystems, and Intellectual Property issues
Alex Brown
 
Digital Marketing: Global Governance
Digital Marketing: Global GovernanceDigital Marketing: Global Governance
Digital Marketing: Global Governance
Alex Brown
 
Viral Marketing
Viral MarketingViral Marketing
Viral Marketing
Alex Brown
 
Content Marketing: Building Community
Content Marketing: Building CommunityContent Marketing: Building Community
Content Marketing: Building Community
Alex Brown
 
Digital Marketing Class: Content marketing
Digital Marketing Class: Content marketingDigital Marketing Class: Content marketing
Digital Marketing Class: Content marketing
Alex Brown
 

More from Alex Brown (12)

Digital Marketing: Mobile Impact
Digital Marketing: Mobile ImpactDigital Marketing: Mobile Impact
Digital Marketing: Mobile Impact
 
Consumer Behavior: Digital Marketing
Consumer Behavior: Digital MarketingConsumer Behavior: Digital Marketing
Consumer Behavior: Digital Marketing
 
Media: Changing Media Landscape
Media: Changing Media LandscapeMedia: Changing Media Landscape
Media: Changing Media Landscape
 
Economics: New Rules for Digital Media
Economics: New Rules for Digital MediaEconomics: New Rules for Digital Media
Economics: New Rules for Digital Media
 
History: Internet, Social and Mobile
History: Internet, Social and MobileHistory: Internet, Social and Mobile
History: Internet, Social and Mobile
 
Digital Marketing: Pricing issues
Digital Marketing: Pricing issuesDigital Marketing: Pricing issues
Digital Marketing: Pricing issues
 
Digital Marketing: Distribution and Retailing Issues
Digital Marketing: Distribution and Retailing IssuesDigital Marketing: Distribution and Retailing Issues
Digital Marketing: Distribution and Retailing Issues
 
Product: Open Source, Ecosystems, and Intellectual Property issues
Product: Open Source, Ecosystems, and Intellectual Property issuesProduct: Open Source, Ecosystems, and Intellectual Property issues
Product: Open Source, Ecosystems, and Intellectual Property issues
 
Digital Marketing: Global Governance
Digital Marketing: Global GovernanceDigital Marketing: Global Governance
Digital Marketing: Global Governance
 
Viral Marketing
Viral MarketingViral Marketing
Viral Marketing
 
Content Marketing: Building Community
Content Marketing: Building CommunityContent Marketing: Building Community
Content Marketing: Building Community
 
Digital Marketing Class: Content marketing
Digital Marketing Class: Content marketingDigital Marketing Class: Content marketing
Digital Marketing Class: Content marketing
 

Recently uploaded

No Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found OnlineNo Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found Online
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Mastering SEO for Google in the AI Era - Dennis Yu
Mastering SEO for Google in the AI Era - Dennis YuMastering SEO for Google in the AI Era - Dennis Yu
Top Strategies for Building High-Quality Backlinks in 2024 PPT.pdf
Top Strategies for Building High-Quality Backlinks in 2024 PPT.pdfTop Strategies for Building High-Quality Backlinks in 2024 PPT.pdf
Top Strategies for Building High-Quality Backlinks in 2024 PPT.pdf
1Solutions Pvt. Ltd.
 
Pillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan BrockPillar-Based Marketing Master Class - Ryan Brock
How to Kickstart Content Marketing With A Small Team - Dennis Shiao
How to Kickstart Content Marketing With A Small Team - Dennis ShiaoHow to Kickstart Content Marketing With A Small Team - Dennis Shiao
How to Kickstart Content Marketing With A Small Team - Dennis Shiao
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Mastering SEO for Google in the AI Era - Dennis Yu
Mastering SEO for Google in the AI Era - Dennis YuMastering SEO for Google in the AI Era - Dennis Yu
Assignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing CourseAssignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing Course
klaudiadgmkt
 
What Software is Used in Marketing in 2024.
What Software is Used in Marketing in 2024.What Software is Used in Marketing in 2024.
What Software is Used in Marketing in 2024.
Ishaaq6
 
Mastering The Best Restaurant Advertising Campaigns Detailed Guide
Mastering The Best Restaurant Advertising Campaigns Detailed GuideMastering The Best Restaurant Advertising Campaigns Detailed Guide
Mastering The Best Restaurant Advertising Campaigns Detailed Guide
Kopa Global Technologies
 
Practical Progress from a Theory by Steven Kingpdf
Practical Progress from a Theory by Steven KingpdfPractical Progress from a Theory by Steven Kingpdf
Practical Progress from a Theory by Steven Kingpdf
william charnock
 
Efficient Website Management for Digital Marketing Pros
Efficient Website Management for Digital Marketing ProsEfficient Website Management for Digital Marketing Pros
Efficient Website Management for Digital Marketing Pros
Lauren Polinsky
 
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptxMindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
elizabethella096
 
Growth Marketing in 2024 - Randy Rayess, Outgrow
Growth Marketing in 2024 - Randy Rayess,  OutgrowGrowth Marketing in 2024 - Randy Rayess,  Outgrow
Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.
InstBlast Marketing
 
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Amsive
 
Mastering Your Online Visibility - Fernando Angulo
Mastering Your Online Visibility - Fernando AnguloMastering Your Online Visibility - Fernando Angulo
WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...
WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...
WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...
Veronika Höller
 
SEO in the AI Era - Trust, Quality and Content Discovery - Andy Crestodina
SEO in the AI Era - Trust, Quality and Content Discovery - Andy CrestodinaSEO in the AI Era - Trust, Quality and Content Discovery - Andy Crestodina
SEO in the AI Era - Trust, Quality and Content Discovery - Andy Crestodina
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
DCC Technology Intro Slides June 2024.pptx
DCC Technology Intro Slides June 2024.pptxDCC Technology Intro Slides June 2024.pptx
DCC Technology Intro Slides June 2024.pptx
vishc81
 

Recently uploaded (20)

No Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found OnlineNo Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found Online
 
Mastering SEO for Google in the AI Era - Dennis Yu
Mastering SEO for Google in the AI Era - Dennis YuMastering SEO for Google in the AI Era - Dennis Yu
Mastering SEO for Google in the AI Era - Dennis Yu
 
Top Strategies for Building High-Quality Backlinks in 2024 PPT.pdf
Top Strategies for Building High-Quality Backlinks in 2024 PPT.pdfTop Strategies for Building High-Quality Backlinks in 2024 PPT.pdf
Top Strategies for Building High-Quality Backlinks in 2024 PPT.pdf
 
Pillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan BrockPillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan Brock
 
How to Kickstart Content Marketing With A Small Team - Dennis Shiao
How to Kickstart Content Marketing With A Small Team - Dennis ShiaoHow to Kickstart Content Marketing With A Small Team - Dennis Shiao
How to Kickstart Content Marketing With A Small Team - Dennis Shiao
 
Mastering SEO for Google in the AI Era - Dennis Yu
Mastering SEO for Google in the AI Era - Dennis YuMastering SEO for Google in the AI Era - Dennis Yu
Mastering SEO for Google in the AI Era - Dennis Yu
 
Assignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing CourseAssignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing Course
 
What Software is Used in Marketing in 2024.
What Software is Used in Marketing in 2024.What Software is Used in Marketing in 2024.
What Software is Used in Marketing in 2024.
 
Mastering The Best Restaurant Advertising Campaigns Detailed Guide
Mastering The Best Restaurant Advertising Campaigns Detailed GuideMastering The Best Restaurant Advertising Campaigns Detailed Guide
Mastering The Best Restaurant Advertising Campaigns Detailed Guide
 
Practical Progress from a Theory by Steven Kingpdf
Practical Progress from a Theory by Steven KingpdfPractical Progress from a Theory by Steven Kingpdf
Practical Progress from a Theory by Steven Kingpdf
 
Efficient Website Management for Digital Marketing Pros
Efficient Website Management for Digital Marketing ProsEfficient Website Management for Digital Marketing Pros
Efficient Website Management for Digital Marketing Pros
 
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptxMindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
 
Growth Marketing in 2024 - Randy Rayess, Outgrow
Growth Marketing in 2024 - Randy Rayess,  OutgrowGrowth Marketing in 2024 - Randy Rayess,  Outgrow
Growth Marketing in 2024 - Randy Rayess, Outgrow
 
Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.
 
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
 
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
 
Mastering Your Online Visibility - Fernando Angulo
Mastering Your Online Visibility - Fernando AnguloMastering Your Online Visibility - Fernando Angulo
Mastering Your Online Visibility - Fernando Angulo
 
WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...
WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...
WTS-Berlin-2024-Veronika-Höller-Innovate-NextGEN-SEO-Merging-AI-Multimedia-an...
 
SEO in the AI Era - Trust, Quality and Content Discovery - Andy Crestodina
SEO in the AI Era - Trust, Quality and Content Discovery - Andy CrestodinaSEO in the AI Era - Trust, Quality and Content Discovery - Andy Crestodina
SEO in the AI Era - Trust, Quality and Content Discovery - Andy Crestodina
 
DCC Technology Intro Slides June 2024.pptx
DCC Technology Intro Slides June 2024.pptxDCC Technology Intro Slides June 2024.pptx
DCC Technology Intro Slides June 2024.pptx
 

Design: PC-based, Mobile and Mobile App

  • 1. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Three “View Ports” • Web-PC View • Web-Mobile View • Mobile App Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 2. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Web-PC View • Traditional • Fulfill Stated Objectives for Content & Structure • Fulfill user needs – Informational needs – Physical behaviors (interactions) Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 3. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Web-PC View • Design for usability – Brochureware > bells & whistles > engagement – Load time • Design for discoverability (SEO) • Design for maintenance (CMSs) • Means to determine success / updates – Google Analytics Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 4. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Web-Mobile view • Via Analytics, is Mobile important? • Screen size • User interactions (finger vs. mouse) • Mobile = not fixed • Mobile search • Applicable further down the purchase funnel – Long tail Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 5. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Web-Mobile view: Responsive Design • Reflow content depending on “viewport” • Encoded in CSS • Breakpoints in design, to reflow • Ex: a “landscape” calendar reflows to vertical calendar Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 6. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Web-Mobile view: Adaptive Design • Reflows and changes appropriate content for different viewports and circumstances • Responsive design is an aspect of adaptive design • Using geo location data for shopping Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 7. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Web-Mobile view: Second site • Dynamic serving within same URL • Design a second site for mobile viewing • Was the original means of design for mobile • Requires the maintenance of two sites • Works if mobile and PC use of site is dramatically different Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 8. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Mobile App Design: When ? • Retailer • News Org • Games • Events • Serve loyal customers, versus new customers Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 9. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Mobile App Design: When ? • Take advantage of Phone features: Camera, GPS • Interactive features, better user experience • Still design for mobile web – Not an either / or decision • Cost considerations Digital Marketing alexbr.brown@gmail.com University of Delaware
  • 10. #buad477 follow @alexbrownracing http://www.udel.edu/alex/classes Design Mobile App Design: Platforms • iOS • Android • HTML5 Digital Marketing alexbr.brown@gmail.com University of Delaware