Czytanie na iPhonie było możliwe, ale ekran mały. Więc iPad i Kindle. Jest OK, ale to duże i nie można zawsze mieć przy sobie.

Tak więc kupiłem Galaxy S2 z 4,3 calowym ekranem OLED. To jest to. Ekran duży, czytelny i iPhone przy tym wygląda na luksusowe cacko, ale z innej epoki. Wykopalisko jakieś.

A teraz Samsung zapowiada Galaxy Note z ekranem 5,3 cala.

OK, wielu ludzi mówi, że to już przegięcie, że za duże. A ja myślę, że moje dotychczasowe doświadczenia z osobistymi komputerami – czy to w postaci PC, laptopa czy smarphona – zawsze kończyło się na największym możliwym ekranie. Dlatego jestem pewien, że nie przestraszę się Note i to będzie mój następny telefon. Z relacji wynika, ze bez problemu mieści się w kieszeni spodni.

Reasumując: czytanie książek jest wygodniejsze na dużym smartphonie, niż na tablecie 10 cali. Urzadzenie jest lekkie i ma się go zawsze przy sobie – czyli mozna czytać w autobusie, w toalecie czy w łóżku przed snem. We wszystkich tych sytuacja tablet jest za ciężki i za duży.

Tak więc pierwsze refleksje.

Tablety Androida mają bardziej podłużne proporcje niż Apple. Jest to zbliżone do filmowego 16×9 (dokładnie 16×9,4) w odróżnieniu od tradycyjnych 4×3 w iPadzie.

Wielu komentatorów uznało, że proporcje iPada są lepsze dla tabletu, który służy głównie do przeglądania Internetu i czytania książek. To rozumowanie zdroworozsądkowe, czyli jak to bywa zwykle – błędne.

Po miesiącu użytkowania tabletu Androida okazało się, że wydłużone proporcje są znacznie wygodniejsze. Dlaczego?

Filmy

Dziś filmy kinowe i telewizyjne mają wydłużony format. Dlatego znacznie lepiej pasują do ekranu Androida, niż iPada. Taka była pewnie intencja ludzi z Google. Dzięki temu przy podobnej ogólnej wielkości ekranu Galaxy 10.1 i iPada wyświetlany na ekranie Androida film jest po prostu większy. Na iPadzie film otrzymuje bardzo szerokie marginesy u góry i u dołu i gorzej wykorzystuje powierzchnię ekranu.

Internet

Poziomo. Teoretycznie bardziej kwadratowy ekran iPada pokazuje więcej strony. Ale w praktyce odbiór jest inny. Ekran Galaxy jest fizycznie szerszy o jakieś 1,5 cm i ma w poziomie 1280 pikseli (iPad ma 1024). Przeglądarka Androida automatycznie zoomuje stronę do pełnej szerokości tabletu (nawet jeśli była zaprojektowana mniejsza), co skraca stronę.

Sprawia to , że strona jest fizycznie większa, czcionki większe i bardziej ostre. Krótsza strona nie jest problemem, bo użytkownik odruchowo przewija ją palcem, gdy potrzebuje.

Wielkość tekstu jest dla mnie istotna, bo zaczynam być ślepy.

Pionowo. Oba tablety mają podobną liczbę pikseli (768 iPad, 800 Android), jednak tu Android  jest dla odmiany węższy fizycznie o 1,5 cm. Jako, że przeglądanie stron w pionie służy do szybkiego poznania długiej strony, a nie do jej studiowania (ze względu na niewielkie rozmiary czcionek), wydłużone proporcje Androida dają znacznie lepszy pogląd na zawartość strony – tu przydaje się większa długość strony. W pionie trochę  co innego robimy ze stronami.

Książki

Gdy trzymamy tablet w pionie – czytamy pojedynczą stronę. W obu przypadkach rozmiary są zbliżone i komfort czytania tekstu przepływającego jest podobny. Proporcje iPada nadają się lepiej do przeglądania książek w formacie PDF – bardziej pasują do proporcji tradycyjnych książek, choć trzeba pamiętać, że format szeregu A (np. A4) ma proporcje gdzieś pomiędzy proporcjami ekranu iPada i Androida.

Ale tablet jest za ciężki, by czytać go trzymając w ręku. W praktyce więc używamy go z podstawką i czytamy książki w poziomie.

A wtedy najbardziej pożądany jest układ dwukolumnowy – przypominający prawdziwą książkę.

I tu Android powinien oferować lepsze doznania, bo strony są po prostu szersze. O tym, że w iPadzie trochę tej szerokości brakuje można przekonać się w aplikacji Apple iBooks. Amazon Kindle ma to zrobione ładniej. Marginesy są mniejsze i proporcje lepsze.

A na Androidzie powinno być jeszcze lepiej. No, teoretycznie. Ponieważ aplikacja Kindle na Androidzie nie pokazuje tekstu w dwóch kolumnach. Podobnie Aldiko. Uff.

Tak więc potencjał jest, ale niezrealizowany. Bo też Android Honeycomb jest jeszcze mało popularny i aplikacje są „wczesne”. Poczekamy i zobaczymy. Na razie wydaje się, że podłużne proporcje ekranu mogą być bardzo dobrze wykorzystane w ebooku.

Podsumowanie

„Długi” ekran tabletów Androida nie jest problemem, a zaletą. Szczególnie dobrze działa w filmach i Internecie. Może działać w ebookach, jak dopracowane zostaną readery.

Przy okazji dodam, że ekran Galaxy 10.1 jest znakomity. iPad 1, a nawet 2 wyglądają przy nim na blade i wyprane.

Tablet, który odniósł wreszcie sukces i spopularyzował format urządzenia sprawia, że kolejne projekty witryn powinny być dostosowane do oglądania na takich urządzeniach.

iPad ma ekran 10 calowy i swobodnie umożliwia oglądanie normalnych, a nie mobilnych stron. Można oczywiście przygotowywać specjalne aplikacje webowe dla iPada, ale to dodatkowy koszt i wysiłek ograniczony do jednej platformy, a w kolejnym roku będzie na rynku wiele innych. Pozostanie przy rozwiązaniu prostym i niespecyficznym jest dobrym wyborem dla większości witryn. Zważywszy, że tej wielkości ekran mają też bardzo popularne, bardziej tradycyjne w obsłudze, netbooki.

Co jest najważniejsze i uniwersalne w interfejsach iPada?

1. Pokazywana jest głównie treść – dość ograniczona powierzchnia oraz pochodzenie od smart fonów sprawia, że interfejs jest wycofany.
2. Treść zajmuje cały ekran. Menu ma postać wąskiego paska lub jest ukrywane.
3. Cały ekran zajmuje jeden strumień treści (układ jednokolumnowy) lub mamy strumień główny i spis treści z boku (układ dwukolumnowy). Struktura nawigacyjna jest zwykle na oddzielnym ekranie.
4. Treść podawana jest linearnie, w postaci długich list lub tekstów.
5. W ramach jednego widoku treść jest przewijana w jednym kierunku (w dobrze zaprojektowanych aplikacjach).
6. Treść typu tekstowego lub mieszanego (dłuższa niż ekran) oraz list spisów przewijane są w pionie.
7. Treść typu wideo czy foto (gdzie obiekt mieści się na ekranie) przewijana jest w poziomie.
8. Duże rozmiary przycisków i linków są dostosowane do obsługi palcem – większe znacznie niż projektowane do obsługi precyzyjnym kursorem myszy.
9. Szerokie wykorzystanie klikanego bloku tekstowego (gdzie podświetla się cały blok tekstu, zamiast linku) ułatwia obsługę palcem.
10. Powiększone teksty czcionek tekstów – dostosowane do stosunkowo małych ekranów tabletów i smartfonów.

Łatwo zauważyć, że te zasady można zastosować w całości przy projektowaniu stron WWW. Na dodatek strony przyjazne dla tabletów będą również bardzo przyjazne dla zwykłych użytkowników na PC z dużymi ekranami.

Ograniczenie ilości treści na pojedynczym widoku pozwala pozbyć się typowego zaśmiecenia wizualnego stron WWW. Stratne będą niezliczone działy waszej korporacji, z których każdy coś tam chciał upchnąć na stronie głównej. Zyskają użytkownicy.

Duże przyciski i teksty pozwalają umieścić ich mniej i lepiej skoncentrować myślenie na głównej funkcji serwisu. Zyskają zaś użytkownicy starsi, mniej sprawni, smartfonowi, i niecierpliwi – takie strony przyswaja się prościej i szybciej.

Linearne przewijanie stron w pionie jest łatwe w WWW dzięki, powszechnemu dziś, wynalazkowi kółka w myszy.