SlideShare una empresa de Scribd logo
1 de 59
Descargar para leer sin conexión
pročč responsive neznamená mobilní
                        Lukáš Kokoška @lukoko_name
Mobilní ...




Co to vlastně znamená mobilní stránka? Je to jenom o vzhledu? Je to o obsahu?
Mobilní stránku
                       můůžeme používat na
                       průůměěrném mobilním
                       telefonu na obyččejné
                       mobilní síti na
                       jakémkoliv místěě.




Mobilní stránka
- načte se rychle
- poskytne informace
- přehlednost
- používání
Co by nás mělo zajímat při návrhu mobilní stránky?
Rychlost přřipojení

Nejvíc nás ovlivní rychlost připojení
Vodafone 3G
T-mobile 3G
O2 3G (fialová)
EDGE




                                      zdroj DSL.cz
Toto jsou skutečné rychlosti
EDGE




       zdroj DSL.cz
EDGE




 Ani 3G nás příliš nezachrání. Rozlišení displayů roste stejně rychle
jako rychlost připojení, takže pokud poskytujeme kvalitní grafiku, tak
           se ta poslední rok pro uživatele nic nezměnilo.
Jsou všichni vaši uživatelé neustále na Wifi, nebo 3G?
Rychlost vykreslování
A co prohlížeče
Mobilní prohlížečč




Není všechno webkit, co třpytí.
Ne každý má iphone, nebo nejnovější android
Jaké telefony?


Jsou lidi, co si nekupují telefon, podle
prohlížečče, dokonce ani podle rozlišení, ale
protože “je růůžovej”
Fakt.

Nekecám
Fakt.

Nekecám
Samsung S5230 star
(jedna z variant)

Prohlížečč: Jasmine (NetFront)
OS: cosi od Samsungu
                       Fakt.

břřezen 2012:         Nekecám
3. nejpoužívaněější

ččervenec:
7. nejpoužívaněější
logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
80%
                                              90%




logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
80%
                                                    90%




                                               iOS
                                              Android
                                               Bada
                                                BB

logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
80%
                                                              90%




                                                         iOS
                                                        Android
                                               Symbian   Bada
                                              Opera Mobi BB

logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
80%
                                                                   90%




                                              Symbian         iOS
                                                             Android
                                                    Symbian   Bada
                                                   Opera Mobi BB

logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
80%
                                                                   90%




                                              Symbian         iOS
                                   BB                        Android
                                NetFront            Symbian   Bada
                                IE mobile          Opera Mobi BB

logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
80%
                                                                   90%




            Obigo                             Symbian         iOS
           NetFront                BB                        Android
             S40                NetFront            Symbian   Bada
              ...               IE mobile          Opera Mobi BB

logaritmická osa y (aby to bylo lépe vidět)
Pro koho děláme služby?
Dnes?


Tak špatné telefony se už dnes
      neprodávají ?!?!?
Jak se projeví stáří telefonu na návštěvnosti?


                                                 80%
                                                 90%




    2 roky     4 roky
Uvedení na trh a kvalita prohlížeče
Prohlížečče

    Nepočítejte s tím, že uživatel uvidí
    to samé, co vy



Testovat na čemkoliv co potkáte. Klidně vemte telefon babičce a koukněte se na vaši službu
Kdo by měěl být
mobilněější, než
operátor?
Krásná nová
responsive
homepage Vodafonu
Krásná nová
responsive
homepage Vodafonu
Připojení pres EDGE
EDGE
200-300ms latence
64kBytůů/s
EDGE
200-300ms latence
64kBytůů/s
Doba načtení stránky: 4,4 minuty
Velikost: 1.22 MB
Požadavků: 63
Překreslení stránky: 8
EDGE
200-300ms latence
64kBytůů/s
Doba načtení stránky: 4,4 minuty
Velikost: 1.22 MB
Požadavků: 63
Překreslení stránky: 8


         Spoččítáno díky Speed
          Limit Pref Pane pro
          Max OS X a debug
            consoli v Safari
Ve skutečnosti to může trvat déle:




- vykreslovaní na poččítačči ani nepoznám
- 4 dotazy souččasněě
“   RWD as defined does not really solve any
    problems for the mobile end users. 



                       Your visitors don’t give a shit if
                       your site is responsive.

    They do give a shit if they can’t get done what they need to
    get done

                        They do give a shit when your site
                        takes 20 seconds to load

                                                                      “

                                                                   @brad_forst
Pro koho je můůj web?
Jedná se o hi-tech
ččlověěka, co si kupuje
každý rok to nejlepší,
co je na trhu?
Jsou moji uživatelé stále na WiFi? Bydlí ve
měěstěě s pokrytím 3G?
O internetu
Server o ččeském
internetu
Načítá se pekelně rychle i když
polovina času načítání jsou
reklamy a měření návštěvnosti

Nechybí vám tam něco ...
Něěkdo, něěkde ví, že ...

... měě nezajímají obrázky
... nepotřřebuji rubriky
... na mobilu se nehledá

... používám iPhone!
... mám velký display
Přece můžu




když budu chtít ten web používat. Takže
mobilní verzi nepotřřebuji.
Přece můžu




Nebo jsem na EDGE, ale chci si něěco
skuteččněě najít, tak si rád poččkám.
Přece můžu




ČČtenářř Lupy nebude mít telefon, který
nezvládne klasický web.
Mobilní kontext
Mobilní kontext?
?????? ????????
Mobilní kontext (ne)existuje
Jsou lidé, co používají web jen na mobilu.
Jsou lidé, co používají web jen na mobilu.


Nebo si jenom neberou poččítačč na chatu.
Jsou lidé, co používají web jen na mobilu.


Nebo si jenom neberou poččítačč na chatu.


Který obsah pro něě není?
Jsou lidé, co používají web jen na mobilu.


Nebo si jenom neberou poččítačč na chatu.


Který obsah pro něě není?



                    Je to druhořřadý uživatel?
Používejte vaše služby na mobilu každý den!
Responsive neznamená mobilní




                               Lukáš Kokoška @lukoko_name
Responsive neznamená mobilní

      Mobilní web nemusí být pro mobilního uživatele




                                 Lukáš Kokoška @lukoko_name
Responsive neznamená mobilní

         Mobilní web nemusí být pro mobilního uživatele

Všichni nejsou v Praze a na WiFi




                                    Lukáš Kokoška @lukoko_name
Responsive neznamená mobilní

         Mobilní web nemusí být pro mobilního uživatele

Všichni nejsou v Praze a na WiFi

  Každý nemá iPhone Galaxy Optimus S2 C5 42 ...




                                    Lukáš Kokoška @lukoko_name
Responsive neznamená mobilní

         Mobilní web nemusí být pro mobilního uživatele

Všichni nejsou v Praze a na WiFi

  Každý nemá iPhone Galaxy Optimus S2 C5 42 ...

       ... jen si chce přečíst váš
                   obsah.
                                     Lukáš Kokoška @lukoko_name

Más contenido relacionado

Destacado

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Destacado (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Proč responsive neznamená mobilní

Notas del editor

  1. Co to vlastně znamená mobilní stránka? Je to jenom o vzhledu? Je to o obsahu?
  2. Mobilní stránka - načte se rychle - poskytne informace - přehlednost - používání
  3. Co by nás mělo zajímat při návrhu mobilní stránky?
  4. Nejvíc nás ovlivní rychlost připojení
  5. Toto jsou skutečné rychlosti
  6. Jsou všichni vaši uživatelé neustále na Wifi, nebo 3G?
  7. A co prohlížeče
  8. Není všechno webkit, co třpytí. Ne každý má iphone, nebo nejnovější android
  9. logaritmická osa y (aby to bylo lépe vidět) Pro koho děláme služby?
  10. Testovat na čemkoliv co potkáte. Klidně vemte telefon babičce a koukněte se na vaši službu