SlideShare a Scribd company logo
1 of 4
Mobile Content
design
How to Get the Best Results When You Design for Mobile
Devices
TIPS
Unless otherwise noted, all contents © 2014 Entirenet
By Brandon Carson
Strategic Lead, Digital Learning Initiatives
Entirenet
www.entirenet.net
Mobile Content Design
Tips
The blending of a person’s digital world with their real life, activities,
and needs is the real mobile revolution. It’s a new form of
communication, adopted en masse because of its naturalness to our
daily lives. Consider the following guidelines when you design for
mobile devices:
•Design for multiple screens:
– Identify the devices that you will support.
– Understand the capabilities of each device.
– Create a default reference design for the devices.
– Define rules for content and design adaptation.
– Incorporate web standards and a flexible layout.
• Consider what makes mobile devices unique:
– Explore how touch targets, gestures, and actions can be
used for interactivity.
– Learn how to leverage the device hardware and software
capabilities, such as geo-location, sensors, camera
functions, and messaging.
– Simplify your user interface to accommodate the smaller
screens.
– Don’t count on traditional interface elements, such as
button states that change on mouse-over.
– Consider whether your experience has to support both
portrait and landscape orientation.
Unless otherwise noted, all contents © 2014 Entirenet
• Consider context:
– Design experiences that are based on “quick bursts” of
information, which is how people use their mobile
devices.
– Remember that most people use smaller devices one-
handed and tablets with both hands.
• Always prototype:
– Iterate often, and take advantage of user feedback to
improve more quickly. By developing a more agile
process, your concepts will adapt to what users really
need and want. Without prototyping, you may have
limited insight into the effectiveness of your design.
Over the next 5-10 years, more
people will turn to typing on glass
than on a physical keyboard.
— Brandon Carson
Unless otherwise noted, all contents © 2014 Entirenet
IS YOUR STAFF MOBILE-
READY?
Click here to learn more
about training your staff.
Unless otherwise noted, all contents © 2014 Entirenet
Dennis Sanchez
Business Development Manager
dsanchez@entirenet.net
425-495-6806
www.Entirenet.net

More Related Content

What's hot

Tagged Mobile UX & Design
Tagged Mobile UX & DesignTagged Mobile UX & Design
Tagged Mobile UX & DesignTagged Social
 
Responsive web design ms training audience
Responsive web design ms training audienceResponsive web design ms training audience
Responsive web design ms training audienceBill England
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile InterfacesAndi Galpern
 
iPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience DifferencesiPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience DifferencesWhite Stripe Studio
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information ArchitectureAndy Fitzgerald
 
Designing for Mobile - Off Canvas Interface
Designing for Mobile - Off Canvas InterfaceDesigning for Mobile - Off Canvas Interface
Designing for Mobile - Off Canvas InterfaceRichard Morris
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2GeneXus
 
Mobile Design for Instructional Designers
Mobile Design for Instructional DesignersMobile Design for Instructional Designers
Mobile Design for Instructional DesignersBrandon Carson
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First StrategySteve Buttry
 
These mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app developmentThese mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app developmentIvano Malavolta
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignBrandon Carson
 
2008 to Now (Innovation)
2008 to Now (Innovation)2008 to Now (Innovation)
2008 to Now (Innovation)Yvonne Leong
 
Nuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentationNuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentationjmnuno
 
Designing Content for Multiple Devices
Designing Content for Multiple DevicesDesigning Content for Multiple Devices
Designing Content for Multiple DevicesBrandon Carson
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsTim Wright
 
Project 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & EventsProject 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & Eventskyriessaen
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 

What's hot (20)

Tagged Mobile UX & Design
Tagged Mobile UX & DesignTagged Mobile UX & Design
Tagged Mobile UX & Design
 
Responsive web design ms training audience
Responsive web design ms training audienceResponsive web design ms training audience
Responsive web design ms training audience
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile Interfaces
 
iPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience DifferencesiPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience Differences
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Designing for Mobile - Off Canvas Interface
Designing for Mobile - Off Canvas InterfaceDesigning for Mobile - Off Canvas Interface
Designing for Mobile - Off Canvas Interface
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
 
Mobile Design for Instructional Designers
Mobile Design for Instructional DesignersMobile Design for Instructional Designers
Mobile Design for Instructional Designers
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First Strategy
 
Content gone mobile
Content gone mobileContent gone mobile
Content gone mobile
 
These mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app developmentThese mobile apps will let you totally rethink hybrid app development
These mobile apps will let you totally rethink hybrid app development
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 
2008 to Now (Innovation)
2008 to Now (Innovation)2008 to Now (Innovation)
2008 to Now (Innovation)
 
Nuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentationNuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentation
 
Designing Content for Multiple Devices
Designing Content for Multiple DevicesDesigning Content for Multiple Devices
Designing Content for Multiple Devices
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
 
esaimen
esaimenesaimen
esaimen
 
Project 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & EventsProject 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & Events
 
UI Design
UI DesignUI Design
UI Design
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 

Viewers also liked

Benvenuti in oser business plan
Benvenuti in oser business planBenvenuti in oser business plan
Benvenuti in oser business planDaniel Millionn
 
Nichol Hiemsra Portfolio
Nichol Hiemsra PortfolioNichol Hiemsra Portfolio
Nichol Hiemsra PortfolioNichol Hiemstra
 
OKRs for social media specialist
OKRs for social media specialistOKRs for social media specialist
OKRs for social media specialistKarim Soliman
 
Isnin 23 9-2013
Isnin 23 9-2013Isnin 23 9-2013
Isnin 23 9-2013sk410klpg
 
Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...
Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...
Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...annapora123
 
Double click on the job 2.0
Double click on the job 2.0Double click on the job 2.0
Double click on the job 2.0Karim Soliman
 
Email Marketing Techniques
Email Marketing TechniquesEmail Marketing Techniques
Email Marketing TechniquesStrataBlue
 
Session 46 Karin Edenius
Session 46 Karin EdeniusSession 46 Karin Edenius
Session 46 Karin Edeniuskarinedenius
 
Climate Change Jeopardy for Students from STEM Jobs
Climate Change Jeopardy for Students from STEM JobsClimate Change Jeopardy for Students from STEM Jobs
Climate Change Jeopardy for Students from STEM JobsKelsey11783
 
SEO для малого і середнього бізнесу: місія можлива
SEO для малого і середнього бізнесу: місія можливаSEO для малого і середнього бізнесу: місія можлива
SEO для малого і середнього бізнесу: місія можливаYurko Kukurika
 
Online identity the paradigm shift
Online identity the paradigm shiftOnline identity the paradigm shift
Online identity the paradigm shiftKarim Soliman
 
Ulumul qur'an fawatihussuwar
Ulumul qur'an fawatihussuwarUlumul qur'an fawatihussuwar
Ulumul qur'an fawatihussuwarSulthan Al-Fatih
 
Everything gone google last update
Everything gone google  last updateEverything gone google  last update
Everything gone google last updateKarim Soliman
 
Cara kerja internet
Cara kerja internetCara kerja internet
Cara kerja internetaldisofyan
 
Jai maa-polymers
Jai maa-polymersJai maa-polymers
Jai maa-polymersjaimaas
 
Blackboard assessments
Blackboard assessmentsBlackboard assessments
Blackboard assessmentsdattolia
 

Viewers also liked (19)

Biologia
BiologiaBiologia
Biologia
 
Benvenuti in oser business plan
Benvenuti in oser business planBenvenuti in oser business plan
Benvenuti in oser business plan
 
Nichol Hiemsra Portfolio
Nichol Hiemsra PortfolioNichol Hiemsra Portfolio
Nichol Hiemsra Portfolio
 
OKRs for social media specialist
OKRs for social media specialistOKRs for social media specialist
OKRs for social media specialist
 
Isnin 23 9-2013
Isnin 23 9-2013Isnin 23 9-2013
Isnin 23 9-2013
 
How to find a job
How to find a jobHow to find a job
How to find a job
 
Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...
Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...
Automatic analysis of 2D polyacrylamide gels in the diagnosis of DNA polymorp...
 
Double click on the job 2.0
Double click on the job 2.0Double click on the job 2.0
Double click on the job 2.0
 
Email Marketing Techniques
Email Marketing TechniquesEmail Marketing Techniques
Email Marketing Techniques
 
Session 46 Karin Edenius
Session 46 Karin EdeniusSession 46 Karin Edenius
Session 46 Karin Edenius
 
Climate Change Jeopardy for Students from STEM Jobs
Climate Change Jeopardy for Students from STEM JobsClimate Change Jeopardy for Students from STEM Jobs
Climate Change Jeopardy for Students from STEM Jobs
 
SEO для малого і середнього бізнесу: місія можлива
SEO для малого і середнього бізнесу: місія можливаSEO для малого і середнього бізнесу: місія можлива
SEO для малого і середнього бізнесу: місія можлива
 
Online identity the paradigm shift
Online identity the paradigm shiftOnline identity the paradigm shift
Online identity the paradigm shift
 
Ulumul qur'an fawatihussuwar
Ulumul qur'an fawatihussuwarUlumul qur'an fawatihussuwar
Ulumul qur'an fawatihussuwar
 
Everything gone google last update
Everything gone google  last updateEverything gone google  last update
Everything gone google last update
 
Cara kerja internet
Cara kerja internetCara kerja internet
Cara kerja internet
 
What i want
What  i wantWhat  i want
What i want
 
Jai maa-polymers
Jai maa-polymersJai maa-polymers
Jai maa-polymers
 
Blackboard assessments
Blackboard assessmentsBlackboard assessments
Blackboard assessments
 

Similar to How To Design Mobile Content For Multiple Devices

Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014MoodLabs
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014Lewis Lin 🦊
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove DesignMike Vdovin
 
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
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignJaneMuder
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersBBDO
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experienceIBM Software India
 
Enterprise mobile applications
Enterprise mobile applicationsEnterprise mobile applications
Enterprise mobile applicationsTurin Project
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxkubalesniak93
 
User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesIRJET Journal
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile appsIvano Malavolta
 
Managing Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – BostonManaging Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – BostonRebekah Walker
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design AnalysisGamze Dede Pala
 
Spectrum 16 pmc 16 - mobile and tech comm
Spectrum 16   pmc 16 - mobile and tech commSpectrum 16   pmc 16 - mobile and tech comm
Spectrum 16 pmc 16 - mobile and tech commNeil Perlin
 
Responsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
Responsive Design & SharePoint 2013: A Case Study of a Responsive IntranetResponsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
Responsive Design & SharePoint 2013: A Case Study of a Responsive IntranetRoberto Yglesias
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleOlga Voskoboinikova
 

Similar to How To Design Mobile Content For Multiple Devices (20)

Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
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
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Designing for Context
Designing for ContextDesigning for Context
Designing for Context
 
Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experience
 
Enterprise mobile applications
Enterprise mobile applicationsEnterprise mobile applications
Enterprise mobile applications
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
 
Mobile2013
Mobile2013Mobile2013
Mobile2013
 
User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile Devices
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
Mobile Responsive ​ Website Designing.pdf
Mobile Responsive ​ Website Designing.pdfMobile Responsive ​ Website Designing.pdf
Mobile Responsive ​ Website Designing.pdf
 
Managing Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – BostonManaging Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – Boston
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
 
Spectrum 16 pmc 16 - mobile and tech comm
Spectrum 16   pmc 16 - mobile and tech commSpectrum 16   pmc 16 - mobile and tech comm
Spectrum 16 pmc 16 - mobile and tech comm
 
Responsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
Responsive Design & SharePoint 2013: A Case Study of a Responsive IntranetResponsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
Responsive Design & SharePoint 2013: A Case Study of a Responsive Intranet
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principle
 

Recently uploaded

Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 

Recently uploaded (20)

Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 

How To Design Mobile Content For Multiple Devices

  • 1. Mobile Content design How to Get the Best Results When You Design for Mobile Devices TIPS Unless otherwise noted, all contents © 2014 Entirenet By Brandon Carson Strategic Lead, Digital Learning Initiatives Entirenet www.entirenet.net
  • 2. Mobile Content Design Tips The blending of a person’s digital world with their real life, activities, and needs is the real mobile revolution. It’s a new form of communication, adopted en masse because of its naturalness to our daily lives. Consider the following guidelines when you design for mobile devices: •Design for multiple screens: – Identify the devices that you will support. – Understand the capabilities of each device. – Create a default reference design for the devices. – Define rules for content and design adaptation. – Incorporate web standards and a flexible layout. • Consider what makes mobile devices unique: – Explore how touch targets, gestures, and actions can be used for interactivity. – Learn how to leverage the device hardware and software capabilities, such as geo-location, sensors, camera functions, and messaging. – Simplify your user interface to accommodate the smaller screens. – Don’t count on traditional interface elements, such as button states that change on mouse-over. – Consider whether your experience has to support both portrait and landscape orientation. Unless otherwise noted, all contents © 2014 Entirenet
  • 3. • Consider context: – Design experiences that are based on “quick bursts” of information, which is how people use their mobile devices. – Remember that most people use smaller devices one- handed and tablets with both hands. • Always prototype: – Iterate often, and take advantage of user feedback to improve more quickly. By developing a more agile process, your concepts will adapt to what users really need and want. Without prototyping, you may have limited insight into the effectiveness of your design. Over the next 5-10 years, more people will turn to typing on glass than on a physical keyboard. — Brandon Carson Unless otherwise noted, all contents © 2014 Entirenet
  • 4. IS YOUR STAFF MOBILE- READY? Click here to learn more about training your staff. Unless otherwise noted, all contents © 2014 Entirenet Dennis Sanchez Business Development Manager dsanchez@entirenet.net 425-495-6806 www.Entirenet.net