Tworzenie strony mobilnej

Mam zamiar stworzyć wersję mobilną strony internetowej.

To pierwszy raz, kiedy będę tworzył witrynę dla komórek.

Co muszę wiedzieć? Czego potrzebuję, aby być świadomym?

Wymagane dobre wskazówki i zasoby!

- Sri

Jeśli budujesz witrynę mobilną, wkraczasz w świat bólu! Poważnie. Spędziłem rok jako kierownik projektu przy projektach mobilnych portali internetowych, a błędy przeglądarki i różnice między platformami są o rząd wielkości gorsze niż tworzenie aplikacji internetowych na komputery PC.

Pierwszą rzeczą, którą powiem, jest: Przyjrzyj się uważnie uzasadnieniu biznesowemu. Obecnie mobilna przestrzeń ma pierwszorzędną przewagę; ale możesz zarobić pieniądze z wersji mobilnej lub nie. Zastanów się dobrze.

Drugą kwestią jest: ograniczenie celów urządzenia w jak największym stopniu. W miarę dodawania urządzeń obciążenia obsługi klienta i zapewniania jakości praktycznie eksplodują. Jeśli możesz uciec tylko z obsługą iPhone'ów + Androidów, zrób to. Przynajmniej ustaw stałą listę, które telefony są w pełni obsługiwane, a które są częściowo obsługiwane, i trzymaj to.

Nie będziesz w stanie celować we wszystkie urządzenia „dobrze” za pomocą jednego rozwiązania technologicznego. (Przynajmniej nie, chyba że zdefiniujesz „dobrze” jako czysty tekst, wyrównany do lewej, minimalna stylizacja). 4 główne „rodziny” formatów witryn mobilnych to:

• HTML 5 . „Najlepszy” kompromis między mocnymi funkcjami a ścisłym, konsekwentnym analizowaniem w tej chwili. Działa tylko na najnowocześniejszych telefonach komórkowych (obecnie praktycznie oznacza iPhone'y i Androidy).
• XHTML Mobile . Najbardziej kompatybilna, najszersza obsługa urządzeń. Czego chcesz od wszystkich nie-nowych Nokias, Sony-Ericssons itp. Innymi słowy, XHTML Mobile współpracuje z większością zainstalowanych telefonów komórkowych. Ale często użytkownicy tych telefonów tak naprawdę nie korzystają z witryn mobilnych, więc stanowią mniejszy odsetek rzeczywistych wizyt w witrynach mobilnych.
• Zupa tagowa, tj. HTML 4.01, pełna wersja XHTML 1.0 itd. Działa tak jak „zupa tagowa”, kompatybilna tylko z najnowszymi modelami telefonów.
• WAP Dla prawie wszystkich przypadków użycia ten format jest już martwy. Nie rozważałbym tego już w przypadku jakiegokolwiek rozwoju terenów zielonych. (Telefony, które potrafią korzystać tylko z WAP, są tak stare i zepsute, że żaden człowiek nie chce ich używać jako platform obliczeniowych. Pomyśl o ekranach monochromatycznych, bez klawiatury QWERTY itp.)

Nota bene: Tylko najnowocześniejsze telefony komórkowe obsługują Javascript (ponownie, ograniczona obsługa na iPhone'ach, przyzwoita na Androida, niektóre inne smartfony z różnymi systemami operacyjnymi mają obsługę Javascript, ale tylko w najnowszych modelach).

Na koniec, weź pod uwagę aplikacje rodzime, być może aplikacje „hybrydowe”, które mają lokalnie zainstalowaną część aplikacji i logikę oraz przyciągają inne treści przez sieć. Tworzenie aplikacji natywnych na iPhone'a jest naprawdę zaskakująco tanie, a aplikacje natywne są oczywiście szybsze i bardziej przyjazne dla użytkownika niż aplikacje w przeglądarce.

Co muszę wiedzieć? Czego potrzebuję, aby być świadomym?

Jeśli tak, teraz bądź przygotowany na poświęcenie dużej ilości czasu na naukę lub rozważ zatrudnienie w ramach zewnętrznego know-how.

Co muszę wiedzieć?

Zacznę od W3C Mobile Web Best Practices 1.0 i zobaczę, co strony takie jak Smashing Magazine mają do powiedzenia na temat projektowania witryn na urządzenia mobilne.

Czego potrzebuję, aby być świadomym?

Wraz z pojawieniem się przeglądarek telefonów komórkowych (zwykle pozbawionych wersji tradycyjnych przeglądarek stacjonarnych) WAP jest prawie martwy - nie ma pilnej potrzeby stresowania się nad tajemnymi protokołami, gdy wystarczą narzędzia, do których się przyzwyczaiłeś.

Kilka fajnych artykułów na ten temat -

• Stan tworzenia witryn mobilnych - część 1 , 2 , 3

• Przyjazny dla urządzeń mobilnych:
  przewodnik optymalizacji mobilnej sieci