Tworzenie strony mobilnej

16

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

Sri
źródło
Wykonane CW, zgodnie z blog.stackoverflow.com/2010/09/good-subjective-bad-subjective / ... i normami społeczności.
JasonBirch

Odpowiedzi:

9

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.

Jesper M.
źródło
3

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ś.

danlefree
źródło