Оновлений дизайн Facebook, який компанія анонсувала ще у квітні торік, уже став доступним для деяких українських користувачів. У бета-тестерів з’явилася підказка на головній сторінці, яка запрошує перейти на нову версію. Таку знайшов у себе і продуктовий дизайнер Олександр Парамонов. З професійного інтересу він усе понатискав, спробував на собі, відрефлексував і ділиться особистими враженнями з читачами Telegraf.Design.

1. Оновили дизайн-систему і безпосередньо UI

Усе стало набагато дружелюбнішим, легшим, акуратнішим, світлішим і крупнішим. Як і анонсували, верхня частина сайту змінила звичний темно-синій тон на білу «шапку» і світло-сірі іконки для стрічки новин, месенджера, сповіщень і груп.

Головний екран. Зліва — теперішній дизайн, справа — оновлений

Аккаунт

Також з’явилася можливість переключитися на темну тему або, як її називають у Facebook, нічний режим.

2. Елементи мобільних патернів

Деякі елементи явно запозичені з патернів мобільних пристроїв і тому виглядають чужерідно: наприклад, плашка навігації і плаваюча кнопка. Можна припустити, що це зроблено спеціально, щоб була спадкоємність між мобільною і вебверсіями.

Елементи мобільного патерну

3. Реклама

Реклама тепер періодично з’являється у правому верхньому куті. Вона не нав’язлива і не врізається в контент, як було раніше. Велике спасибі.

Реклама

4. Групи, відео та ігри

Помітний акцент на групах і відеоконтенті (Відео та Трансляції ігор). Про групи вже писали багато статей і знімали багато рекламного контенту. Фейсбук явно робить ставку на групи і підкреслює, що це вже більше, ніж просто чати для листування. Це реальні люди, які спілкуються і поза соціальними мережами.

У новому дизайні Фейсбук робить ставку на групи

Як виглядатимуть групи

У доповнення — ролик, який продемонстрували на Super Bowl 2020.

Цінність і перспективність відеоконтенту очевидна і зрозуміла, тому його винесли в основну навігацію:

Відео та ігри

5. Дублювання функцій

Викликає питання те, що деякі функції дублюються. Наприклад, на головній сторінці можна знайти три однакові аватарки, відразу і не зрозумієш, яка з них куди веде.

Функція чату знаходиться водночас у правому верхньому куті сайту й у вигляді плаваючої кнопки — у правому нижньому кутку.

Месенджер

Припускаю, що це виправлять у ході тестування. Можливо, саме зараз аналізують, куди більше клікають і які патерни зручніші для користувачів.

6. Події

Помітно перероблений і переосмислений розділ подій. Тут чіткіше виділені категорії та щоденні рекомендації.

Події

7. Коментування

Поле для коментаря до постів друзів розкрито, а під постом спільноти, наприклад, закрито. Це ще раз нагадує, що Фейсбук хоче залучити до обговорення і створити тісніший контакт між друзями.

Залишили мікроанімації, що залучають користувача. Ми можемо спостерігати, як хтось пише коментар.

Підсумки

Зміни не кардинальні, але їх багато і вони радують. Повертатися до попередньої версії однозначно не хочеться, а значить, зміни можна вважати позитивними.