iPad i nowe projektowanie Sieci

Listopad 9th, 2010

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.