Про Hero Section або перший екран

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

Помилка багатьох бізнесів — робити «красиво», але не зрозуміло. Сторінка виглядає ефектно, але людина не може з першого погляду зрозуміти, що саме ви пропонуєте. Пафосні заголовки на кшталт «революція у світі можливостей» не додають довіри. Людині важливе просте й конкретне повідомлення: ось її проблема, і ось рішення.

Тому починайте не з картинок, а з тексту. Заголовок — чіткий і зрозумілий. Під ним кілька рядків, які пояснюють, у чому користь саме для клієнта. Додайте кнопку з однією головною дією — «зареєструватися», «замовити», «дізнатися більше». Лише після цього переходьте до візуалу. Ідеально, коли картинка підтримує сенс, а не відволікає. Найкраще працюють людські обличчя та прості образи, які підсвідомо ведуть погляд користувача до кнопки.

А далі починається найцікавіше — тестування. Жоден екран не народжується ідеальним. Спробуйте кілька версій заголовків: більш емоційні й більш раціональні. Змініть кнопку: іноді різниця між «Купити» і «Додати в кошик» може суттєво вплинути на конверсію. Перевіряйте навіть різні фото чи іконки. Питайте у знайомих: «Тобі зрозуміло, що я пропоную? Хочеться натиснути?» Ви здивуєтесь, як маленька правка в тексті може змінити поведінку аудиторії.

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

@berestux

Цікаве.
Насправді про radio buttons я й не знав.

Автор перекладу

@berestux

Як пояснити клієнту, що додавання ще двох дизайнерів не зробить роботу втричі швидшою

@berestux

Liquid Glass: якби iPhone досі мали 3D Touch.

@berestux

А от так можна створити голографічний ефект.

@berestux

Тепер у ChatGPT можна буде робити буквально все — до нього додали Spotify, Figma, Canva, Booking та інші популярні сервіси.

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

І це лише початок. OpenAI запустила систему застосунків і SDK для розробників — тепер кожен зможе під’єднати свій сервіс до ChatGPT. Тобто замість десятків сайтів і застосунків буде лише одне вікно.

Тепер наче це справді схоже на прогрес

@berestux

Щодо інтеграції з Figma, то тепер можна швидко створювати візуальні діаграми у FigJam, такі як блок-схеми, діаграми Ганта та інші. Просто згадайте Figma у своєму запиті, наприклад: «Figma, створи діаграму з цього ескізу».

Нейромережа розуміє структуру проєкту через MCP, тому взаємодія відбувається на рівні шарів і компонентів.

@berestux

Були показані інтерфейси для Neuralink — системи, яка дозволяє людям із тяжкими захворюваннями керувати пристроями силою думки. Це, мабуть, один із найвражаючих прикладів інтерфейсного дизайну за останній час.

Інтерфейс надзвичайно спокійний і м’який. Усе побудовано на плавних, майже медитативних анімаціях і зрозумілих візуальних метафорах. Без зайвих пояснень — усе інтуїтивно. Навіть дрібниці продумані: як текст реагує на дотик, як підсвічується слово під час налаштування курсора.

Цікавий факт — усе це зробила одна людина. Дизайн-інженер, який раніше працював в Apple.

@berestux

Дизайнери їдуть на Дизаріум

@berestux

я за ліву змію!

@berestux

Цікаве: у новій беті iOS іконка застосунку «Годинник» тепер показує плавний рух секундної стрілки, як у механічних годинниках. Якщо ж увімкнути режим енергозбереження, стрілка починає рухатися ривками — як у кварцових моделях.

@berestux

О так, OpenAI представила свій браузер Atlas

@berestux