Ориентация
Съдържанието не трябва да е заключено в единична ориентация — портретна или пейзажна — освен ако тази ориентация не е от съществено значение. Потребители, чийто телефон е монтиран на количка или е фиксиран в определена позиция, не могат да завъртят устройството.
Какво се изисква
Ако уебсайт или приложение принудително задава на устройството портретна или пейзажна ориентация, потребителите, чийто телефон или таблет е монтиран в фиксирана позиция — на табла на количка, в болнично легло, на ергономична стойка — остават без достъп. Сайтът трябва да се адаптира към ориентацията, в която се държи устройството, освен ако съдържанието принципно не изисква една конкретна ориентация (пианинова клавиатура, снимка за депозиране на чек, потапящо VR изживяване).
Как да се изпълни
- Да не се използва CSS от вида
@media (orientation: portrait) { display: none; }за скриване на сайта извън определена ориентация. - Да се избягват API за заключване на ориентацията на екрана (
screen.orientation.lock('portrait')) в уеб среда; при нативни приложения — заключване само при съществена необходимост. - Да се изгради адаптивно оформление, което работи в двете ориентации — flexbox и CSS Grid се справят с това без специални случаи.
- Да се тества сайтът с реален телефон в завъртяна позиция — много грешки се проявяват само на устройства, при които пейзажният viewport е нисък.
- При съществени ориентации (например площадка за подпис), да се информира потребителят ясно защо и как да завърти устройството.
Чести грешки
- Наслагващ се надпис „Моля, завъртете устройството в портретен режим”, който блокира цялото съдържание при пейзажна ориентация на таблети.
- Приложение, което е пуснато с
android:screenOrientation="portrait"без функционална причина. - Банков сайт, който работи добре в портретен режим, но показва счупено оформление в пейзажен без никаква корекция.
- Onboarding поток, който засича пейзажна ориентация и принудително показва екран „Завъртете телефона”.
Защо е важно
Засяга предимно потребители с електрически колички — таблет на стойка към количка е фиксиран в една ориентация. Засяга и всеки, който използва телефон с едната ръка с активирано заключване на екрана. Евтино за поправяне при проектирането, скъпо за преработка ако цялото оформление е изградено само за портретен режим.