Необхідно розробити UI/UX дизайн мобільного додатку для iOS та Android, яке дозволяє користувачам шукати та прослуховувати музику з YouTube, Spotify та Wikipedia. Додаток надає можливість зберігати треки, створювати плейлисти, а також має функціональний плеєр, аналогічний Apple Music.
Що потрібно:
0.Дизайн LaunchScreen, на якому буде анімація іконки додатку (дизайн іконки вже готовий).
1. Основні екрани, які переключаються через UITaBarController (з можливістю переключення на SideBar для планшетів, як це має виглядати можна прочитати тут: https://developer.apple.com/design/human-interface-guidelines/tab-bars#iPadOS). Власне, самі екрани:
1) Екран Explore (відображення підборок по країнам, жанрам, новим трекам, артистам, топ-чартам тощо), виглядати має в стилі бібліотеки, використовуючи десь UICollectionView, десь UITableView, з можливістю пошуку, приклади є нижче на скріншотах.
2) Екран Search пошуку з перемикачем між категоріями (музика, канали, плейлисти) або з окремими блоками результатів по цим категоріям в стилі бібліотеки, дивись скріншоти прикладів.
3) Екран Music збереженої музики з можливістю редагування та сортування треків.
4) Екран Playlists плейлистів з аналогічною логікою, як у збереженої музики, тільки для плейлистів.
5) Екран Settings налаштувань (зміна теми, темний/світлий режим, підписки, підключення акаунтів YouTube/Spotify тощо).
*) Плеєр, який з'являється знизу при натисканні на трек, з повноекранною версією та функціями управління музикою, аналогічними Apple Music, з можливістю переключатися між відео та аудіо.
2. Платформи:
- Дизайн має бути єдиним для iOS та Android.
3. Стиль:
- Базовий стиль: Використовуємо як базу стиль Apple, який вони вже використовують у своїх нативних додатках, як Apple Music. Все про це написано тут: https://developer.apple.com/design/human-interface-guidelines/
- Поліпшення: більше цікавих градієнтів, анімацій та плавних переходів. Приклад: Додаток Telegram для iOS використовує стандартні елементи iOS, але додає в них різноманітності (налаштовувані теми, анімації іконок SF Symbols кнопок при взаємодії). Ще хороший приклад того, як обігруються елементи iOS в VisionOS, тут на прикладі видно, як проста робота з градієнтом дає свіжості стандартному дизайну Apple: https://developer.apple.com/design/human-interface-guidelines/sidebars#visionOS. Можна грати з градієнтами, кольорами тощо, але в межах розумного, дизайн має виглядати не яскраво, як китайсько-азійський, а бути строгим, функціональним і відповідати ідеології продуктів Apple.
- У цьому продукті завдання не придумати новий, особливий крутий дизайн, зі своїм стилем, він точно буде гіршим і дорожчим в обслуговуванні, ніж створювати дизайн додатку, використовуючи вже готові рішення інтерфейсу від Apple, вносячи в них доопрацювання та трохи креативу, як описано вище.
4. Колірна схема:
- Підтримка денного та нічного режиму.
- Можливість кастомізації тем (користувач може вибрати колір шрифту, фону та елементів управління, може вибрати теми вже з готових кольорових рішень).
- Базова кольорова схема: червоний tint color на UISystemBackgroundColor фоні.
5. Додаткові вимоги:
- Інтерактивний прототип для демонстрації навігації та взаємодій між екранами.
- Розробка віджетів та версії для годинників.
- Мова інтерфейсу має бути англійською.
6. Приклади та референси:
- Додатки: Apple Music, Telegram (анімації, кастомізація тем).
- Скриншоти того, що мені подобається і як приблизно це має виглядати, прикріплені нижче.
[!] Вимоги до дизайнера:
1) Великий досвід створення інтерфейсів для iOS та Android.
2) Уміння працювати з SF Symbols, створення анімованих іконок.
3) Уміння працювати з анімацією.
4) Знання, розуміння та любов до Apple Human Interface Guidelines, усвідомлення того, що це настільна книга найкращого дизайну. Уміти добре застосувати ці знання та показати проекти, в яких вони вами були використані.
5) Досвід створення інтерактивних прототипів (Figma, Sketch тощо).
6) Портфоліо з прикладами проектів з аналогічним дизайном. (див. пункт 4).
7) Відповідність усім перерахованим вище пунктам, якщо ви не відповідаєте їм, будь ласка, не відгукуйтеся на цей проект, не витрачайте свій і мій час. Досвідчених дизайнерів потенційно чекає подальша співпраця, у разі успіху в цьому проекті!
