Mobilne technologie internetowe …czyli co potrafi nasz telefonPaweł Kuna (codecalm) http://codecalm.pl
Opera
Opera posiada specjalny tryb, pozwalający symulować zachowanie telefonu komórkowego.
Mobilne przeglądarki internetowe
Opera Mini
1 4 2 3 Small Screen Rendering
Opera Mini
Do 50% szybsze przeglądanie stron
Do 80% kompresji stron
Integracja z wyszukiwarkami i biurkową wersją Opery
Działa na niemal każdym telefonie posiadającym kolorowy wyświetlacz
Opera Mini
Opera Mobile
Internet Explorer Mobile
Fennec (mobilny Firefox)
Mobile Safari
10 sposobów na „zmobilizowanie”
1. Twórz treść pod kątem różnych urządzeń
tematyczna spójność – upewnij się, że wchodząc na konkretny adres URL użytkownik dostanie tą samą treść bez względu na urządzenie jakie posiada
możliwości – wykorzystaj możliwości jakie posiadają konkretne urządzenia
testowanie – sprawdź swoją stronę za pomocą różnych urządzeń oraz emulatorów
2. Wykorzystuj standardy internetowe
sprawdzanie poprawności – użyj walidatora do sprawdzenia, czy dokument nie zawiera błędów
odpowiedni format – wysyłaj dane w formacie obsługiwanym przez urządzenie
kodowanie – sprawdź, czy urządzenie wspiera odpowiednie kodowanie znaków
arkusze stylów – użyj arkuszy stylów w celu dopasowania odpowiedniego wyglądu
2. Wykorzystuj standardy internetowe
struktura – korzystaj z odpowiednich znaczników, aby utworzyć logiczną strukturę dokumentu
komunikaty o błędach – podaj odpowiednie informacje o błędzie i pozwól użytkownikowi powrócić do użytecznych informacji
3. Trzymaj się z dala od znanych zagrożeń
POP-UP – integrują w treść bez interakcji z użytkownikiem
tabele – mało które urządzenie potrafi sobie radzić z tabelami
ramki – nie są obsługiwane przez urządzenia mobilne
mapa obrazkowa – nie używaj, chyba że jesteś pewien, że urządzenie potrafi ję popranie wyświetlić
4. Uważaj na ograniczenia urządzenia
ciasteczka – nie opieraj się tylko i wyłącznie na nich, gdyż nie zawsze są obsługiwane
arkusze stylów – twórz dokument tak, aby ładnie się prezentował bez stylów
czcionki – urządzenia mobilne najczęściej posiadają jedną, wbudowaną czcionkę
kolory – upewnij się, że strona jest czytelna na czarno-białym urządzeniu
5. Twórz optymalną nawigację
nagłówek – podawaj minimalną ilość informacji w nagłówku strony
nawigacja – twórz spójne mechanizmy nawigacji, nie wprowadzaj użytkownika w błąd
równowaga – nie dawaj zbyt wielu linków na stronie oraz nie każ użytkownikowi odwiedzać wielu podston w celu dotarcia do potrzebnych informacji
5. Twórz optymalną nawigację
klawisze dostępu – przyśpiesz nawigowanie między stronami za pomocą klawiszy szybkiego wyboru
adres – postaraj się, aby twoje adresy były krótkie i łatwe do zapamiętania
6. Sprawdź grafikę i kolory
rozmiary grafiki – dopasuj rozmiary obrazków do odpowiedniego urządzenia
waga grafiki – nie pozwól aby użytkownik niepotrzebnie pobierał zbędne kilobajty
tekst alternatywny – stosuj alternatywny opis obrazka, alby użytkownik wiedział co się na nim znajduje
kontrast – upewnij się, że kolory są czytelne i dobrze się prezentują
7. Utrzymuj małe rozmiary
waga strony – sprawdź, czy waga strony nie przekracza dopuszczalnego limitu pamięci urządzenia
paski przewijania – pozwól na używanie tylko jednego kierunku przewijania
arkusze stylów – używaj arkuszy stylów w celu zmniejszenia objętości strony
8. Oszczędnie korzystaj z sieci
automatycznie odświeżanie – nie twórz automatycznego przeładowywania strony bez informowania o tym użytkownika
przekierowania – twórz je z poziomu serwera a nie z poziomu kodu strony
zasoby zewnętrzne – ogranicz do minimum ilość zapytań do serwera
buforowanie – pozwól na przechowywa-nie przez urządzenie niektórych informacji
Comments