Технічне завдання для дизайнерів: Створення дизайн-макета месенджера (веб та мобільні версії)
1. Загальний опис проекту
Необхідно розробити дизайн-макет для нового месенджера, схожого за функціоналом з Telegram. Месенджер буде доступний для:
Веб-версії (десктоп)
Мобільних додатків на платформах iOS та Android.
2. Цільова аудиторія
Дорослі користувачі (18-45 років), зацікавлені в захищеній, швидкій та зручній комунікації.
Люди, яким важливий мінімалістичний та інтуїтивно зрозумілий інтерфейс з акцентом на функціональність.
Користувачі, які цінують безпеку даних та приватність повідомлень.
3. Основні завдання
Створити чистий, сучасний та мінімалістичний інтерфейс, який інтуїтивно зрозумілий з першого використання.
Дизайн має бути адаптований під різні роздільні здатності екранів: від великих моніторів до смартфонів з невеликими екранами.
Основна увага на зручність використання, легкість навігації, високу швидкість інтерфейсу, а також акцент на безпеці (наприклад, шифрування повідомлень).
4. Вимоги до дизайну
4.1. Колірна палітра
Основні кольори: світлий та темний режими.
Світлий режим: переважно білі та світло-сірі тони.
Темний режим: глибокі темно-сірі та чорні тони.
Додаткові кольори для акцентів: синій, блакитний, зелений, фіолетовий (як кольори сповіщень, кнопок, важливих елементів).
4.2. Типографіка
Шрифт: гладкий та сучасний, перевага легкочитаємим шрифтам (наприклад, Roboto, SF Pro або Inter).
Мінімум декоративних елементів.
Розмір шрифту адаптивний: великі заголовки та зручні для читання тексти повідомлень.
4.3. Іконки та графічні елементи
Використовувати прості іконки, що відповідають загальній мінімалістичній стилістиці.
Іконки мають бути уніфікованими для всіх платформ та легко адаптуватися під різні роздільні здатності екранів.
Іконки повідомлень, контактів, налаштувань, файлів, а також статусні індикатори (наприклад, статус «онлайн», статус повідомлення «прочитано»).
4.4. Основні екрани та елементи інтерфейсу
Екран чатів:
Список чатів з аватарами користувачів, ім'ям та останнім повідомленням.
Можливість фільтрації та пошуку чатів.
Кнопка для створення нового чату.
Вікно чату:
Повідомлення у вигляді бульбашок (балунів) з розділенням по відправнику (різні кольори для отримувача та відправника).
Індикатори статусу (відправлено, доставлено, прочитано).
Введення повідомлення, кнопки для вкладень (фото, відео, файли).
Секретні чати з візуальною різницею (наприклад, значок замка).
Меню контактів:
Зручний список контактів з можливістю пошуку та сортування.
Аватари користувачів.
Профіль користувача:
Аватар, статус користувача, коротка інформація про нього.
Налаштування сповіщень, приватності, синхронізації даних.
Групові чати та канали:
Окремі візуальні елементи для розрізнення між груповими чатами та каналами.
Налаштування додатку:
Легкий доступ до налаштувань приватності, сповіщень, зміни теми, акаунта та безпеки.
4.5. UX особливості
Максимальне зручність користування однією рукою для мобільних пристроїв.
Легка навігація, мінімальна кількість кліків для досягнення потрібного результату.
Швидкий доступ до важливих функцій (наприклад, створення нового чату, відповідь на повідомлення, пересилання).
4.6. Інтерактивні елементи
Кнопки повинні візуально реагувати на натискання (наприклад, легкий градієнт або зміна кольору).
Плавні анімації переходів між екранами.
Можливість перетягування файлів у десктопній версії.
5. Вимоги до адаптивності
Веб-версія: дизайн має бути адаптований для роботи на всіх сучасних браузерах та роздільних здатностях екранів (від 1280x720 і вище).
Мобільні версії: мають підтримувати всі популярні розміри екранів (від iPhone SE та невеликих Android до великих планшетів).
6. Документація та формати
Надати макети у форматах Figma або Adobe XD з детальною розміткою.
Включити інтерактивні прототипи для демонстрації основних взаємодій (наприклад, навігація по чатах, відправка повідомлення).
Експорт всіх елементів у SVG/PNG формати для розробки.
7. Термін виконання
Проект необхідно виконати протягом 4 тижнів з моменту затвердження завдання.
8. Додаткові вимоги
Забезпечити підтримку режиму роботи offline (показувати відповідні сповіщення).
Дизайн має підтримувати як горизонтальну, так і вертикальну орієнтацію екранів для мобільних пристроїв.
9. Приклади для натхнення
Основні натхнення: Telegram, WhatsApp, Signal — важливо зберегти мінімалізм, але при цьому запропонувати унікальні елементи інтерфейсу, які виділяють месенджер серед конкурентів.
