Kiedy ograniczyć aplikację do trybu poziomego lub pionowego

Przy przerabianiu strony na aplikację mobilną jedną z decyzji projektowych jest to, czy zablokować orientację aplikacji do poziomej lub pionowej, czy pozwolić użytkownikowi wybrać. Może się to wydawać drobiazgiem, ale ma duży wpływ na doświadczenie użytkownika.

W tym wpisie na blogu omówimy zalety i wady każdego podejścia, żeby pomóc Ci wybrać najlepsze rozwiązanie dla Twojej aplikacji.

Czym jest orientacja urządzenia

Zanim przejdziemy do podejmowania decyzji, szybko wyjaśnijmy, czym jest orientacja aplikacji:

• Tryb pionowy: Aplikacja jest wyświetlana w pionie (trzymając telefon pionowo).
• Tryb poziomy: Aplikacja jest wyświetlana w poziomie (trzymając telefon poziomo).

Aplikacje mogą być zaprojektowane do działania tylko w jednym trybie lub dynamicznie dostosowywać się do sposobu trzymania urządzenia przez użytkownika.

Jeśli nie zablokujesz orientacji aplikacji (o czym będzie mowa w dalszej części artykułu), użytkownicy mogą po prostu obrócić urządzenie, żeby zmienić orientację aplikacji, o ile mają włączoną opcję "Autoobracanie" w ustawieniach systemowych (Android) lub wyłączoną blokadę orientacji na iOS. Te ustawienia znajdziesz w szybkim menu, które wysuwasz z górnej belki ekranu:

Android ma też mały przycisk obrotu w rogu, jeśli autoobracanie jest wyłączone, ale obrócisz urządzenie.

Nasza rekomendacja

Naszym zdaniem najlepiej pozostać przy domyślnym ustawieniu, czyli pozwolić na obie orientacje. Jest ku temu wiele powodów, które można podzielić na dwie grupy.

Twoja strona już to obsługuje

Gdy użytkownik odwiedza Twoją stronę, może trzymać urządzenie jak chce. Bardzo rzadko zdarza się, żeby strony blokowały orientację tylko do pionu lub tylko do poziomu. Więc najprawdopodobniej Twoja strona jest dostępna w obu orientacjach dla użytkowników przeglądarki, więc powinna też działać dobrze w obu trybach.

Dodatkowo jest mnóstwo różnych urządzeń o różnych rozmiarach i proporcjach ekranu (stosunek szerokości do wysokości). Pomyśl tylko o wszystkich modelach smartfonów (szczególnie dużo jest różnych Androidów, np. składane Samsungi), tabletach, laptopach i monitorach. Twoja strona powinna być używalna na wszystkich tych ekranach, co zwykle osiąga się przez tzw. responsywny design.

A jeśli stosujesz responsywny design, żeby Twoja strona działała na wszystkich rozmiarach ekranu, to automatycznie będzie też działać w pionie i poziomie. Nie masz więc dodatkowej pracy, pozwalając na obie orientacje w aplikacji, bo Twoja strona już powinna to obsługiwać.

Na marginesie: To też powód, dla którego nie oferujemy opcji ograniczenia aplikacji tylko do smartfonów lub tylko do tabletów. Nie ma wyraźnej granicy między smartfonami a tabletami, bo rozmiar ekranu to spektrum. A urządzenie, które chcesz zablokować w aplikacji, i tak mogłoby wejść na Twoją stronę przez przeglądarkę. Więc jedyne, co byś osiągnął, to niepotrzebnie utrudnił życie użytkownikom aplikacji.

Maksymalna elastyczność

Zazwyczaj Twoja aplikacja będzie zawierać treści, które najlepiej oglądać w pionie, i takie, które lepiej wyglądają w poziomie. Pozwalając użytkownikom zmieniać orientację, umożliwiasz im korzystanie z treści w najwygodniejszy dla nich sposób.

Na koniec warto pamiętać, że użytkownicy aplikacji mają różne preferencje. Niektórzy po prostu wolą tryb poziomy od pionowego, nawet jeśli dla Ciebie to zaskakujące. Może być wiele powodów, których nie widać na pierwszy rzut oka. Przykład z życia: starsze osoby wolą tryb poziomy, bo wtedy klawiatura ekranowa ma większe klawisze i łatwiej im pisać. Jestem pewien, że jest więcej takich powodów, o których nie myślimy, bo wynikają z problemów z dostępnością, które nas nie dotyczą.

Pozwól więc użytkownikom wybrać! Użytkownicy Twojej aplikacji to najbardziej zaangażowani klienci, więc warto ich traktować najlepiej i nie ograniczać sztucznie do jednej orientacji ekranu.

Zalety trybu portretowego

• Spójne doświadczenie użytkownika: Większość użytkowników jest przyzwyczajona do przeglądania stron i aplikacji w trybie portretowym. Pozwalając na tryb portretowy, tworzysz znajome środowisko.
• Skupiona interakcja: Tryb portretowy często lepiej sprawdza się podczas czytania treści, przewijania list czy nawigowania po złożonych menu.

Tryb portretowy najlepiej sprawdza się w aplikacjach z dużą ilością treści, takich jak blogi, aplikacje newsowe czy sklepy internetowe.

Zalety trybu poziomego

• Lepsze korzystanie z multimediów: Tryb poziomy daje szerszy widok, co jest idealne dla wideo, galerii zdjęć i niektórych typów gier.
• Więcej miejsca na ekranie: W trybie poziomym często jest więcej miejsca na wyświetlanie elementów obok siebie, co świetnie sprawdza się przy funkcji podzielonego ekranu lub wielopanelowych interfejsach.

Tryb poziomy jest najlepszy do gier, aplikacji do streamingu wideo oraz aplikacji z rozbudowanymi panelami wymagającymi dużo miejsca w poziomie.

Podsumowanie

Nie ma jednej uniwersalnej odpowiedzi na dylemat orientacji. Zazwyczaj najlepszą opcją jest pozwolenie na wszystkie orientacje, ale decyzję powinieneś podjąć w oparciu o cel swojej aplikacji i preferencje użytkowników. Jeśli Twoja aplikacja ma konkretne zastosowanie, które idealnie pasuje do trybu portretowego lub poziomego, zablokowanie jej w tej orientacji może być w porządku.

Ostatecznie chodzi o to, by stworzyć aplikację, która będzie intuicyjna i przyjemna, niezależnie od tego, jak użytkownicy zdecydują się z niej korzystać.

Podjąłeś już decyzję? Możesz zmienić ustawienie blokady orientacji w swoim panelu.