Strona mobilna: Różnice pomiędzy wersjami
[wersja nieprzejrzana] | [wersja nieprzejrzana] |
m →Linki zewnętrzne: poprawa linków |
m →Jak wygląda strona mobilna: drobne redakcyjne |
||
Linia 83: | Linia 83: | ||
* brak zbędnych grafik, |
* brak zbędnych grafik, |
||
* uproszczony styl, |
* uproszczony styl, |
||
* bezszeryfowe czcionki, brak kursywy (ważne, żeby tekst był maksymalnie czytelny |
* bezszeryfowe czcionki, brak kursywy (ważne, żeby tekst był maksymalnie czytelny), |
||
* linki rozmieszczone w kilku rzędach lub pionowo, |
* linki rozmieszczone w kilku rzędach lub pionowo, |
||
* najważniejsze informacje należy umieścić w górnej części strony (ważne aby były widoczne bez konieczności przewijania ekranu), |
* najważniejsze informacje należy umieścić w górnej części strony (ważne aby były widoczne bez konieczności przewijania ekranu), |
||
* bardzo ważne jest oddzielenie stylów od kodu HTML – pozwoli to użytkownikom na uniknięcie konieczności podwójnego pobierania danych, |
* bardzo ważne jest oddzielenie stylów od kodu [HTML] – pozwoli to użytkownikom na uniknięcie konieczności podwójnego pobierania danych, |
||
* stronę najlepiej umieścić na odrębnej, specjalnie przystosowanej do treści mobilnych domenie lub subdomenie. |
* stronę najlepiej umieścić na odrębnej, specjalnie przystosowanej do treści mobilnych domenie lub subdomenie. |
||
Wersja z 13:56, 19 sie 2011
Strona mobilna – strona internetowa, która przystosowana jest do wyświetlania na różnorodnych urządzeniach mobilnych mogących komunikować się z globalną siecią za pomocą własnych protokołów bezprzewodowych. Urządzeniami tymi mogą być telefony komórkowe, smartfony czy palmtopy. Strony mobilne są zazwyczaj uzupełnieniem "zwykłych" stron internetowych.
Historia
Początkowo strony mobilne były tworzone w protokole WAP (Wireless Application Protocol). Pierwsza wersja tego protokołu powstała już w 1998 roku. Wersja 1.1. powstała rok później, a WAP 2.0 w 2001 roku. Strony mobilne w tym protokole były prostymi stronami tekstowymi i zawierały niewiele informacji. Nie można ich było także przeglądać na komputerze, chyba że za pośrednictwem specjalnego emulatora. Technologia ta nie zdobyła jednak większej popularności. Czynnikami, które negatywnie wpływały na użyteczność stron WAP to niewielka prędkość transferu, jego wysoka cena, a także obiekcje co do bezpieczeństwa przesyłania danych. Językiem wykorzystywanym do projektowania mobilnych stron internetowych w protokole WAP jest WML, będący uproszczoną wersją HTML.
Protokół WAP odszedł w zapomnienie, wraz z pojawieniem się nowoczesnych telefonów komórkowych. Obecnie, prawie każdy telefon komórkowy wyposażona jest w przeglądarkę internetową o możliwościach zbliżonych do przeglądarek dostępnych na komputerach. Dzięki temu, mobilne strony internetowe przypominają, pod względem funkcjonalności, tradycyjne witryny.
Standardowym językiem programowania mobilnych stron Internetowych jest w chwili obecnej XHTML Mobile Profile (XHTML-MP).
- Osobny artykuł:
Porównanie mobilnych i tradycyjnych witryn internetowych
Mobilne witryny internetowe | Tradycyjne witryny internetowe | |
---|---|---|
Średnia długość sesji | 2-3 minuty | 10-15 minut |
Minimalna wielkość ekranu | 90x60 | 800x600 |
Maksymalna wielkość ekranu | 240x400 (w popularnych urządzeniach) | Nieograniczona |
Producenci przeglądarek | 12+ i ciągle rośnie | Dwa podmioty z ponad 5% udziałem w rynku |
Błędy w przeglądarkach | Częste i niemal nigdy nieusuwane
(poza smartfonami z aktualizowanymi systemami komercyjnymi) |
Rzadkie i łatwe do usunięcia |
Standardy W3C | Sporadyczne; nierzadko ignorowane
lub wręcz zwalczane przez producentów |
Dojrzałe i powszechnie akceptowane |
Języki znaczników | WML, CHTML, XHTML Basic,
XHTML-MP, XHTML, HTML |
XHTML, HTML |
JavaScript i AJAX | Nieobsługiwane przez 90% urządzeń mobilnych. Dostępne w formie standardów ECMAScript-MP |
Obsługiwane w zdecydowanej
większości przypadków |
Grupa klientów | 3 miliardy użytkowników urządzeń
mobilnych na całym świecie |
Miliard notebooków, komputerów
stacjonarnych i serwerów |
Źródło: [1]
Przystosowanie serwisu WWW do wersji mobilnej
Przystosowanie serwisu WWW do wersji mobilnej następuje w kilku obszarach.
- Koszt – bardzo często użytkownicy mobilni są rozliczani za pobrane dane. Należy minimalizować koszty na jakie ich narażamy poprzez lekki layout serwisu.
- Szybkość działania – dostęp mobilny odbywa się zazwyczaj wolniej niż na popularnych łączach szerokopasmowych. Należy zastosować techniki umożliwiające minimalizację opóźnień.
- Nawigacja – charakterystyka urządzeń mobilnych wymaga zupełnie innego zaprojektowania. Należy brać pod uwagę małe wymiary wyświetlacza, pracę w ciężkich warunkach, możliwość wystąpienia nawigacji z klawiatury lub ekranu dotykowego oraz wiele innych czynników.
- Poprawne działanie – urządzenia mobilne nie wykształciły jeszcze spójnego standardu technologicznego. Należy dopasowywać serwowane dane w zależności od wykrytej przeglądarki w urządzeniu. Należy też przeprowadzić testy serwisu w najpopularniejszych urządzeniach.
- Kontekst – potrzeby użytkowników mobilnych są diametralnie różne od potrzeb użytkowników klasycznych. Konieczna jest analiza potrzeb dla ustalenia wartości kluczowych dla użytkownika mobilnego.
- Przystosowanie strony do rozmiarów ekranu urządzeń mobilnych
Jak wygląda strona mobilna
- brak zbędnych grafik,
- uproszczony styl,
- bezszeryfowe czcionki, brak kursywy (ważne, żeby tekst był maksymalnie czytelny),
- linki rozmieszczone w kilku rzędach lub pionowo,
- najważniejsze informacje należy umieścić w górnej części strony (ważne aby były widoczne bez konieczności przewijania ekranu),
- bardzo ważne jest oddzielenie stylów od kodu [HTML] – pozwoli to użytkownikom na uniknięcie konieczności podwójnego pobierania danych,
- stronę najlepiej umieścić na odrębnej, specjalnie przystosowanej do treści mobilnych domenie lub subdomenie.
Źródło: [2]
Zobacz też
- ↑ Fredrick, G.R. i Lal, R. (2010) Projektowanie witryn internetowych dla urządzeń mobilnych. GLIWICE: Helion
- ↑ http://www.clickmaster.pl/raport-nt-mob-int.pdf
Linki zewnętrzne
- Przekrojowy artykuł prezentujący zastosowania mobile web
- Raport 'Mobilność 2010'.
- Raport na temat mobilnego Internetu Data publikacji w Internecie: III.2011