Wymagana jest разработка UI/UX дизайну mobilnej aplikacji dla iOS i Android, która pozwala użytkownikom wyszukiwać i słuchać muzyki z YouTube, Spotify i Wikipedii. Aplikacja umożliwia zapisywanie utworów, tworzenie playlist, a także ma funkcjonalny odtwarzacz, podobny do Apple Music.
Co jest wymagane:
0. Projekt LaunchScreen, na którym będzie animacja ikony aplikacji (projekt ikony jest już gotowy).
1. Główne ekrany, które przełączają się przez UITaBarController (z możliwością przełączania na SideBar dla tabletów, jak to powinno wyglądać można przeczytać tutaj: https://developer.apple.com/design/human-interface-guidelines/tab-bars#iPadOS). Oto same ekrany:
1) Ekran Explore (wyświetlanie zestawów według krajów, gatunków, nowych utworów, artystów, top-chartów itp.), powinien wyglądać w stylu biblioteki, używając gdzieś UICollectionView, gdzie indziej UITableView, z możliwością wyszukiwania, przykłady są poniżej na zrzutach ekranu.
2) Ekran Search wyszukiwania z przełącznikiem między kategoriami (muzyka, kanały, playlisty) lub z oddzielnymi blokami wyników według tych kategorii w stylu biblioteki, zobacz zrzuty ekranu przykładów.
3) Ekran Music zapisanej muzyki z możliwością edytowania i sortowania utworów.
4) Ekran Playlists playlist z podobną logiką jak w zapisanej muzyce, tylko dla playlist.
5) Ekran Settings ustawień (zmiana motywu, tryb ciemny/jasny, subskrypcje, podłączenie kont YouTube/Spotify itp.).
*) Odtwarzacz, który pojawia się na dole po naciśnięciu na utwór, z wersją pełnoekranową i funkcjami sterowania muzyką podobnymi do Apple Music z możliwością przełączania między wideo a audio.
2. Platformy:
- Projekt powinien być jednolity dla iOS i Android.
3. Styl:
- Podstawowy styl: Używamy jako bazy stylu Apple, który już stosują w swoich natywnych aplikacjach, jak Apple Music. Wszystko o tym napisano tutaj: https://developer.apple.com/design/human-interface-guidelines/
- Ulepszenia: więcej interesujących gradientów, animacji i płynnych przejść. Przykład: Aplikacja Telegram dla iOS używa standardowych elementów iOS, ale dodaje do nich różnorodność (konfigurowalne motywy, animacje ikon SF Symbols przy interakcji). Jeszcze dobrym przykładem jest to, jak elementy iOS są wykorzystywane w VisionOS, tutaj na przykładzie widać, jak prosta praca z gradientem daje świeżości standardowemu projektowi Apple: https://developer.apple.com/design/human-interface-guidelines/sidebars#visionOS. Można bawić się gradientami, kolorami itp., ale w rozsądnych granicach, projekt powinien wyglądać nie jaskrawo jak chińsko-azjatycki, ale być surowy, funkcjonalny i odpowiadać ideologii produktów Apple.
- W tym produkcie celem nie jest wymyślenie nowego, wyjątkowego, fajnego projektu, z własnym stylem, na pewno będzie gorszy i droższy w utrzymaniu niż stworzenie projektu aplikacji, korzystając z już gotowych rozwiązań interfejsu od Apple, wprowadzając w nie poprawki i trochę kreatywności, jak opisano powyżej.
4. Schemat kolorów:
- Wsparcie dla trybu dziennego i nocnego.
- Możliwość dostosowania motywów (użytkownik może wybrać kolor czcionki, tła i elementów sterujących, może wybrać motywy już z gotowych rozwiązań kolorystycznych).
- Podstawowy schemat kolorów: czerwony kolor tint na tle UISystemBackgroundColor.
5. Dodatkowe wymagania:
- Interaktywny prototyp do demonstracji nawigacji i interakcji między ekranami.
- Opracowanie widgetów i wersji na zegarki.
- Język interfejsu powinien być w języku angielskim.
6. Przykłady i referencje:
- Aplikacje: Apple Music, Telegram (animacje, dostosowanie motywów).
- Zrzuty ekranu tego, co mi się podoba i jak to mniej więcej powinno wyglądać, są dołączone poniżej.
[!] Wymagania dla projektanta:
1) Duże doświadczenie w tworzeniu interfejsów dla iOS i Android.
2) Umiejętność pracy z SF Symbols, tworzenia animowanych ikon.
3) Umiejętność pracy z animacją.
4) Znajomość, zrozumienie i miłość do Apple Human Interface Guidelines, świadomość, że to podręcznik najlepszego designu. Umieć dobrze zastosować te wiedzę i pokazać projekty, w których były one wykorzystane.
5) Doświadczenie w tworzeniu interaktywnych prototypów (Figma, Sketch itp.).
6) Portfolio z przykładami projektów z podobnym designem. (zobacz punkt 4).
7) Zgodność ze wszystkimi wymienionymi powyżej punktami, jeśli nie spełniasz ich, proszę nie aplikować na ten projekt, nie marnuj swojego i mojego czasu. Doświadczonych projektantów potencjalnie czeka dalsza współpraca, w przypadku sukcesu w tym projekcie!
