SlideShare une entreprise Scribd logo
1  sur  14
Mobile/Tablet Design

      Deborah Major
             GoDebby@FullSail.edu




Fundamentals of Web Design - Online
        Instructor - Theresa “Terry” Weber
                   March 26, 2012




                         1
Meet My Client...




        2
DeBugIt Pest Control




   Services the New Jersey Area
      Photo Retrieved: http://www.debugitpestcontrol.com/


                                 3
Customer Troubles


                                                                                             Termites, Bugs
                                                                                                and Pest
                                                                                             The Unwanted
                                                                                                 Guest



Identifying the problem and giving the solutions is key!
        Photo Retrieved: http://activerain.com/image_store/uploads/4/0/5/3/9/ar130229211793504.JPG


                                                       4
Did You
    Know?
  Average Americans spend
2.7 Hours a day “socializing”
on a mobile device.
  ONE half of all local
searches are performed on
mobile devices.




         Goto where your customers are...
              Photo Retrieved: http://cdn.socialnomics.net/wp-content/uploads/2011/07/Picture-44-e1311298712744.png


                                                                  5
Be Ready!




    6
Your Customers are Mobile
                   Lets Get You There!
    Photo Retrieved: http://rishadt.files.wordpress.com/2011/04/smartpad-tablet.jpeg


                                              7
Build it ■ Market it ■ Grow it


Build with HTML5 and
CSS

Market on Social
Networks

Grow it, surpass the
79% who are not
currently doing so.
           Photo Retrieved: http://www.thedigeratilife.com/images/online-social-networking-2.jpg


                                                       8
QR-CODE


Most Smart Phones
and Tablets have QR
Readers. Create a QR
code with web url,
phone number, sms,
or promotional text.



                       9
Bad Design Produces Bad Experiences
         http://www.sixtiespress.co.uk

                      10
Good Design Makes Great
   Mobile App Experience…

Optimize Content

Easy Navigation

Customer Solutions

Interactive

Balance

              Photo Retrieved: http://news.ufl.edu/wp-content/uploads/2010/06/pestapp1-400x500.jpg


                                                         11
Current Tools
Many WordPress templates and CMS do well with proper HTML5 and CSS
                  coding -Theres a plugin for that...
                      Photo Retrieved: http://pluginbuddy.com/purchase/mobile/
                                                12
Win/Win Outcome
Remember that same mobile device will be used to call you!
     Photo Retrieved: http://sweetwaterlibraries.com/sclsblogs/readeronthesamepage/wp-content/uploads/2011/07/cell-phone.jpg


                                                                  13
References
http://www.socialnomics.net/2011/07/25/fifteen-incredible-mobile-statistics/

http://www.digitalbuzzblog.com/2011-mobile-statistics-stats-facts-marketing-infographic/

Images Retrieved are posted at the bottom of each individual slides.




     Quote Retrieved: (Kouzes, James M.. The Truth about Leadership: The No-fads, Heart-of-the-Matter Facts You Need to Know. Jossey-Bass p. xxiii).



                                                                              14

Contenu connexe

Tendances

Technology Creates Social Isolation and Neurosis
Technology Creates Social Isolation and Neurosis Technology Creates Social Isolation and Neurosis
Technology Creates Social Isolation and Neurosis
saraalmond
 
Technology creates social isolation
Technology creates social isolationTechnology creates social isolation
Technology creates social isolation
cwoodhouse92
 
Technology creates social isolation and neurosis social impact of technology
Technology creates social isolation and neurosis    social impact of technologyTechnology creates social isolation and neurosis    social impact of technology
Technology creates social isolation and neurosis social impact of technology
rajakalsi
 
Isolation by technology
Isolation by technologyIsolation by technology
Isolation by technology
selinger_05
 
Negative Effects of Technology on Young Children
Negative Effects of Technology on Young ChildrenNegative Effects of Technology on Young Children
Negative Effects of Technology on Young Children
ascarcello
 
Technology creates social isolation and neurosis
Technology creates social isolation and neurosisTechnology creates social isolation and neurosis
Technology creates social isolation and neurosis
MelanieWente
 

Tendances (20)

Technology Creates Social Isolation and Neurosis
Technology Creates Social Isolation and Neurosis Technology Creates Social Isolation and Neurosis
Technology Creates Social Isolation and Neurosis
 
Snap. Snip. Send.: How Mobile Media is Transforming Storytelling in the Class...
Snap. Snip. Send.: How Mobile Media is Transforming Storytelling in the Class...Snap. Snip. Send.: How Mobile Media is Transforming Storytelling in the Class...
Snap. Snip. Send.: How Mobile Media is Transforming Storytelling in the Class...
 
Technology creates social isolation
Technology creates social isolationTechnology creates social isolation
Technology creates social isolation
 
Technology creates social isolation and neurosis social impact of technology
Technology creates social isolation and neurosis    social impact of technologyTechnology creates social isolation and neurosis    social impact of technology
Technology creates social isolation and neurosis social impact of technology
 
Helicopter Parent - Flipbook
Helicopter Parent - FlipbookHelicopter Parent - Flipbook
Helicopter Parent - Flipbook
 
Film 260 flipbook
Film 260 flipbookFilm 260 flipbook
Film 260 flipbook
 
Social isolation
Social isolationSocial isolation
Social isolation
 
Isolation by technology
Isolation by technologyIsolation by technology
Isolation by technology
 
Negative Effects of Technology on Young Children
Negative Effects of Technology on Young ChildrenNegative Effects of Technology on Young Children
Negative Effects of Technology on Young Children
 
Technology creates social isolation and neurosis
Technology creates social isolation and neurosisTechnology creates social isolation and neurosis
Technology creates social isolation and neurosis
 
Social Media and Collaboration in Automation and Manufacturing
Social Media and Collaboration in Automation and ManufacturingSocial Media and Collaboration in Automation and Manufacturing
Social Media and Collaboration in Automation and Manufacturing
 
Digital Kids
Digital KidsDigital Kids
Digital Kids
 
ESMP Update
ESMP UpdateESMP Update
ESMP Update
 
Tech Presentation
Tech PresentationTech Presentation
Tech Presentation
 
Design Like an Ally
Design Like an AllyDesign Like an Ally
Design Like an Ally
 
Millenials and Mobiles Flipbook
Millenials and Mobiles FlipbookMillenials and Mobiles Flipbook
Millenials and Mobiles Flipbook
 
Case-based Analysis of Technology Integration
Case-based Analysis of Technology IntegrationCase-based Analysis of Technology Integration
Case-based Analysis of Technology Integration
 
Children, Technology, and the Evolution of Education
Children, Technology, and the Evolution of EducationChildren, Technology, and the Evolution of Education
Children, Technology, and the Evolution of Education
 
Technology Creates Social Isolation and Neurosis
Technology Creates Social Isolation and NeurosisTechnology Creates Social Isolation and Neurosis
Technology Creates Social Isolation and Neurosis
 
The Rise of Wearable Technology
The Rise of Wearable TechnologyThe Rise of Wearable Technology
The Rise of Wearable Technology
 

En vedette (6)

GumGum Visual Intelligence Sizzle Reel
GumGum Visual Intelligence Sizzle ReelGumGum Visual Intelligence Sizzle Reel
GumGum Visual Intelligence Sizzle Reel
 
Marmite brief
Marmite briefMarmite brief
Marmite brief
 
Intro to pattern matching in scala
Intro to pattern matching in scalaIntro to pattern matching in scala
Intro to pattern matching in scala
 
Pattern Matching in Scala
Pattern Matching in ScalaPattern Matching in Scala
Pattern Matching in Scala
 
Cadre de référence
Cadre de référenceCadre de référence
Cadre de référence
 
Agile Tour Brest et Rennes - Les cadres de références
Agile Tour Brest et Rennes - Les cadres de référencesAgile Tour Brest et Rennes - Les cadres de références
Agile Tour Brest et Rennes - Les cadres de références
 

Similaire à Major, Deborah Presentation on Mobile/Tablet Design

AD502: The Mobile Disruption: Why XPages Development is Targeting Mobile First
AD502: The Mobile Disruption: Why XPages Development is Targeting Mobile FirstAD502: The Mobile Disruption: Why XPages Development is Targeting Mobile First
AD502: The Mobile Disruption: Why XPages Development is Targeting Mobile First
John Head
 
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
 

Similaire à Major, Deborah Presentation on Mobile/Tablet Design (20)

Reaching Connected Consumers with Mobile and Social Marketing Tools
Reaching Connected Consumers with Mobile and Social Marketing ToolsReaching Connected Consumers with Mobile and Social Marketing Tools
Reaching Connected Consumers with Mobile and Social Marketing Tools
 
indiana library federation reference conference keynote
indiana library federation reference conference keynoteindiana library federation reference conference keynote
indiana library federation reference conference keynote
 
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement
 
"Mobile" isn't mobile
"Mobile" isn't mobile"Mobile" isn't mobile
"Mobile" isn't mobile
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
 
Mobile disasters
Mobile disastersMobile disasters
Mobile disasters
 
Why choose m commerce
Why choose m commerceWhy choose m commerce
Why choose m commerce
 
[Mobile Future] Sofia Svanteson, Ocean Observations
[Mobile Future] Sofia Svanteson, Ocean Observations[Mobile Future] Sofia Svanteson, Ocean Observations
[Mobile Future] Sofia Svanteson, Ocean Observations
 
Getting An Education
Getting An EducationGetting An Education
Getting An Education
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for Libraries
 
AD502: The Mobile Disruption: Why XPages Development is Targeting Mobile First
AD502: The Mobile Disruption: Why XPages Development is Targeting Mobile FirstAD502: The Mobile Disruption: Why XPages Development is Targeting Mobile First
AD502: The Mobile Disruption: Why XPages Development is Targeting Mobile First
 
Emerging web technologies 2014
Emerging web technologies 2014Emerging web technologies 2014
Emerging web technologies 2014
 
Damon Herren
Damon HerrenDamon Herren
Damon Herren
 
Workshop 11: Trendy web designs & prototyping
Workshop 11: Trendy web designs & prototypingWorkshop 11: Trendy web designs & prototyping
Workshop 11: Trendy web designs & prototyping
 
Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_Presentation
 
Economics of apps 2010.06.17
Economics of apps 2010.06.17Economics of apps 2010.06.17
Economics of apps 2010.06.17
 
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstBP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
 
ur mobile - build your mobile world
ur mobile - build your mobile worldur mobile - build your mobile world
ur mobile - build your mobile world
 
IT trends – 2013 & beyond
IT trends – 2013 & beyondIT trends – 2013 & beyond
IT trends – 2013 & beyond
 
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...
 

Dernier

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
SoniaTolstoy
 

Dernier (20)

Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 

Major, Deborah Presentation on Mobile/Tablet Design

  • 1. Mobile/Tablet Design Deborah Major GoDebby@FullSail.edu Fundamentals of Web Design - Online Instructor - Theresa “Terry” Weber March 26, 2012 1
  • 3. DeBugIt Pest Control Services the New Jersey Area Photo Retrieved: http://www.debugitpestcontrol.com/ 3
  • 4. Customer Troubles Termites, Bugs and Pest The Unwanted Guest Identifying the problem and giving the solutions is key! Photo Retrieved: http://activerain.com/image_store/uploads/4/0/5/3/9/ar130229211793504.JPG 4
  • 5. Did You Know? Average Americans spend 2.7 Hours a day “socializing” on a mobile device. ONE half of all local searches are performed on mobile devices. Goto where your customers are... Photo Retrieved: http://cdn.socialnomics.net/wp-content/uploads/2011/07/Picture-44-e1311298712744.png 5
  • 7. Your Customers are Mobile Lets Get You There! Photo Retrieved: http://rishadt.files.wordpress.com/2011/04/smartpad-tablet.jpeg 7
  • 8. Build it ■ Market it ■ Grow it Build with HTML5 and CSS Market on Social Networks Grow it, surpass the 79% who are not currently doing so. Photo Retrieved: http://www.thedigeratilife.com/images/online-social-networking-2.jpg 8
  • 9. QR-CODE Most Smart Phones and Tablets have QR Readers. Create a QR code with web url, phone number, sms, or promotional text. 9
  • 10. Bad Design Produces Bad Experiences http://www.sixtiespress.co.uk 10
  • 11. Good Design Makes Great Mobile App Experience… Optimize Content Easy Navigation Customer Solutions Interactive Balance Photo Retrieved: http://news.ufl.edu/wp-content/uploads/2010/06/pestapp1-400x500.jpg 11
  • 12. Current Tools Many WordPress templates and CMS do well with proper HTML5 and CSS coding -Theres a plugin for that... Photo Retrieved: http://pluginbuddy.com/purchase/mobile/ 12
  • 13. Win/Win Outcome Remember that same mobile device will be used to call you! Photo Retrieved: http://sweetwaterlibraries.com/sclsblogs/readeronthesamepage/wp-content/uploads/2011/07/cell-phone.jpg 13
  • 14. References http://www.socialnomics.net/2011/07/25/fifteen-incredible-mobile-statistics/ http://www.digitalbuzzblog.com/2011-mobile-statistics-stats-facts-marketing-infographic/ Images Retrieved are posted at the bottom of each individual slides. Quote Retrieved: (Kouzes, James M.. The Truth about Leadership: The No-fads, Heart-of-the-Matter Facts You Need to Know. Jossey-Bass p. xxiii). 14

Notes de l'éditeur

  1. Debugit Pest Control currently has a website using the Joomla program. With some menu, section changes and custom template that is using HTML5 and clean CSS it should be ready for any Mobile devices.
  2. Imagine your customer see his home decaying not because of the weather, but because he has termites. A picture is worth a thousand words. Including photos of insects, pest, the environment and damages can give a customer a quick comparison glance. You become like WebMD.
  3. http://www.digitalbuzzblog.com/2011-mobile-statistics-stats-facts-marketing-infographic/ Reports some mobile device stats. People are spending more time their mobile phones than ever. By 2014, Mobile internet should take over desktop internet usage. One half of all local searches are performed on mobile devices. With mobile tags providing more product information like comparison shopping than traditional barcodes.
  4. Let ’ s face it your customer are mobile. Your website business investment should target the mobile market as well. But 79% of of large online advertisers still do not have a mobile optimzed web site. In short, Mobile Device, mobile marketing, mobile apps are not going away. My advice is get in while it is still hot!
  5. With social mediums talking about products and services it just makes sense to build, market and grow with Mobile Devices.
  6. Including QR-codes on flyers, business cards and website will allow mobile users to reach you more easier. This code can take the user to the instant application install, the web url, phone number, sms or promotional text. The choice and campaign will fit what is best for your market.
  7. Importantly if your website looks like this, trust it will look worse when some one wishes to pull your website up on a mobile device. Having your content sized correctly and with the right information will give you a professional appeal.
  8. Let ’ s look at what a mobile application can provide for your customers. It can provide a library of information to the homeowner as well as the technician. It will provide facts and frequently ask questions. With customer being able to upload their pictures with questions, you get them involved. It also builds your wiki library. Providing solutions for customers will be right at their finger tips.
  9. PluginBuddy is a division of iThemes, one of the leaders in producing high-quality, professional WordPress themes , plugin s and w eb design tr aining . Simply put, we love WordPress, the open source software that runs our designs. We believe WP is an outstanding content management system that can both put your business on the Web map and help you easily maintain your blog and websites. This is just another option to note and be aware of.
  10. Ultimately the game plan is to have your content ready for your customer. When they search for pest control you will be an option of solutions. No need for them to go further as you will provide them a one-stop solution with telephone number to contact. It is just practical business sense to be mobile ready.