Найти тему
Bang Bang Education

Гайдлайны (англ. guidelines)

Гайдлайны (англ. guidelines)

Набор правил и рекомендаций для интерфейсов мобильных приложений от создателей платформ. Помогает унифицировать дизайн, ускорить и удешевить разработку. Существует два гайдлайна: для iOS и Android.

Google Material Design для Android. В основе лежит метафора материального мира, где все друг с другом взаимодействует: меняется, двигается, отбрасывает тень. Это исчерпывающая дизайн-система, где прописаны все детали, от иконок до размера кнопок.

Apple Human Interface для iOS. В этой системе большее значение имеет контент, доступный и отзывчивый. В отличие от Material Design здесь нет строгих правил о размерах и шрифтах, вместо них — общие принципы. Например, создатели гайда рекомендуют сократить количество шрифтов и начертаний, но не запрещают использовать кастомные шрифты.

Что случится, если не использовать гайды?

Скорее всего, будет кривой сценарий — это раз. Например, в системе iOS только один тип предупреждения — Alert, а в Android уже три — Snackbar, Banner и Dialog, которые отличаются по степени важности. Если использовать не тот тип, пользователь пропустит сообщение.

Два — будет неудобно. Уже существуют сотни приложений, которые соблюдают правила, а ваше будет работать по-своему. Пользователь не будет переучиваться и выберет привычный ему интерфейс. Об этом, кстати, говорит закон Якоба.

Три — дорого и долго. Сравните два процесса. В одном дизайнер берет элементы из готового UI kit, а разработчик — готовые правила из гайдлайнов. В другом дизайнер все рисует от руки, собирает свою библиотеку и сам рассказывает разработчику о правилах работы интерфейса. Пока вторая команда будет готовить запуск, первая уже получит отзывы пользователей.

→ Больше о продуктовом дизайне — в тематическом канале школы.

#азбукаux_bbe