13.10.2012 Technologie

Blog Forum Gdańsk

Jak zmobilizować bloga?

Nazywam się

Monika Mikowska @mmw268

h"p://jestem.mobi  h"p://facebook.com/jestem.mobi  

                           PIĘKNE                            PROSTE                            PRAKTYCZNE

Rozwiązania „3P”®

www.mobeedick.com  h"p://facebook.com/mobeedick  

•  Czy wiesz, skąd przychodzi Twój czytelnik?

•  Jak na smartfonie wygląda Twój blog (pod lupą blogi prelegentów Blog Forum Gdańsk)

•  Dlaczego ważne jest posiadanie mobilnej wersji swojej strony internetowej/ bloga?

•  Krok po kroku co należy zrobić, aby przygotować wersję mobilną bloga (na przykładzie 2 najpopularniejszych platform blogowych: Blogger, Wordpress)

•  Responsywna strona internetowa vs. strona w 2 wersjach (desktop + mobile)

•  Możesz więcej: Twój blog może mieć aplikację mobilną. Za darmo! (przykłady narzędzi do wykorzystania)

AGENDA PREZENTACJI

Czy wiesz, skąd przychodzi Twój czytelnik?

?  

źródło:  h*p://bit.ly/RbFZAw  

                           USA  

Dla 28% Amerykanów telefon jest GŁÓWNYM narzędziem dostępu do Internetu.

źródło:    Smashing  Magazine  (VIII  2012)    

                           

źródło:  raport  IDC  (VI  2012)    

Prawie 7 000 000 Polaków posiada smartfony.

1 045 000 sprzedanych smartfonów w IQ 2012 w Polsce.

źródło:    PAP/Gazeta  Wyborcza  (IV  2012)    

PL  

                           PL  

źródło:    Raport  badawczy  GeneraOon  Mobile,  PBI,  V  2012  

75,6% Polaków używa przeglądarek w telefonie do wyszukiwania informacji.

68,6% Polaków używa przeglądarek w telefonie do przeglądania informacji.

Czy otwierałeś/ -aś na telefonie swojego bloga?

?  

h*p://www.kominek.in/  

h*p://blog.mediafun.pl/  

h*p://hatalska.com/  

h*p://paweltkaczyk.midea.pl/  

READER. Znacie?

„Magiczna” funkcja Safari.

A jeśli ktoś nie jest świadomy działania Reader’a? Albo gorzej… Co jeśli nie ma iPhone’a? ;)

h*p://mariaczubaszek.bloog.pl  

h*p://parenCng.pl/  

Dlaczego ważne jest posiadanie strony mobilnej?

?  

A jak ważny jest dla Ciebie

konsument mobilnych

treści ?

źródło:  h*p://bit.ly/Pa5WnL  

Słowo o ich potrzebach….

źródło:  h*p://bit.ly/Pa5WnL  

Upraszczając:

Jak się do tego zabrać?

?  

Dla blogujących na Bloggerze…

1. Zaloguj się do panelu i dostosuj szablon

2. Wybierz szablon

3. Zapisz wybrany szablon

Gotowe!

Przykład:

h*p://cakes-­‐and-­‐the-­‐city.blogspot.com/  

Dla blogujących na Wordpress…

1. Znajdź skórkę na mobile

h*p://wordpress.org/extend/themes/smooci-­‐2  

2. Zainstaluj ją w swoim panelu

3. Skonfiguruj (+ tłumaczenie)

4. Zainstaluj i włącz wtyczkę (np. Theme Switcher)

Co z contentem niedostosowanym do mobile?

?  

h*p://wordpress.org/extend/plugins/wp-­‐jquery-­‐lightbox/  

h*p://wordpress.org/extend/plugins/lightbox-­‐plus/  

Strona responsywna vs. strona w 2 wersjach

?  

Res

pons

ywna

?

Mob

ilna?

Strona responsywna

Wersja desktop+mobile

•  dostęp do wybranych treści

•  szybkie ładowanie strony mobilnej

•  raczej brak konieczności długiego scrollowania

•  brak konieczności selekcji contentu

•  ryzyko długiego ładowania strony mobilnej

(reguła 5 sekund)

•  ryzyko długiego scrollowania

Przykład: robert.solkiewicz.com

Przykład: dorotakaminska.com

Przykłady “responsywnych” layoutów

h*p://www.mackozer.pl/  

h*p://unmatchedstyle.com/  

Przykłady “responsywnych” layoutów

h*p://jeffcroN.com/  

Przykłady “responsywnych” layoutów

h*p://www.smashingmagazine.com/  

Przykłady “responsywnych” layoutów

Prawdziwa mobilizacja!

Wygeneruj sobie aplikację mobilną.

?  

QuickApps.PRO

h*p://quickapps.pro/  

UppSite.com

h*p://www.uppsite.com/  

Mało?? Narzędzi jest o wiele więcej…

www.shoutem.com  

www.mobileapplicaConcreator.com  

www.thesmartpilot.com  

DZIĘKUJĘ!!

Prezentacja będzie dostępna na slideshare.net/mmikowska

Monika Mikowska monika@jestem.mobi

+48 604 196 082 @mmw268

Namiary na mnie? Zeskanuj kod J