Opracowanie projektu UX/UI mobilnej wersji strony internetowej

Techniczne zadanie na stworzenie UX/UI designu mobilnej wersji strony 

Ogólne informacje o projekcie

• Opis: Strona pogodowa, dostarczająca aktualne informacje o pogodzie w regionach, w tym prognozy, mapy, powiadomienia, wykresy i inne dane. Wersja desktopowa już istnieje, wymagana jest stworzenie mobilnej wersji dla smartfonów i tabletów. (Dostępne w Figmie)

• Cel: Stworzyć intuicyjny, nowoczesny i minimalistyczny design dla urządzeń mobilnych, zachowując rozpoznawalność marki i podstawowe funkcje wersji desktopowej.

Główne zadania

1. Opracować UX/UI design mobilnej wersji strony.

2. Dostosować kluczowe funkcje i elementy z wersji desktopowej do urządzeń mobilnych.

3. Uwzględnić główne scenariusze użytkowania: szybki przegląd prognozy, wyszukiwanie lokalizacji, przeglądanie map i wykresów.

4. Zapewnić prostotę interakcji dla użytkowników urządzeń mobilnych.

Grupa docelowa

• Wiek: 18–65 lat.

• Geografia: Wszystkie kraje

• Przygotowanie techniczne: Średni poziom; ważne są prostota i intuicyjność.

Wymagania techniczne

1. Rozmiar ekranu i platforma:

   • Responsywny design dla popularnych urządzeń mobilnych

2. Główne sekcje:
   
   

   • Aby zapoznać się z projektem, w rozwiniętym i bardziej szczegółowym TZ zostanie dołączony link do Figmy (wersja webowa)

3. Nawigacja:

   • Kompaktowe "menu hamburgerowe".

   • Stały dolny pasek z podstawowymi funkcjami (np. "Strona główna", "Mapy", "Ustawienia").

   • Łatwy dostęp do wyszukiwania z każdej strony.

4. Elementy UI:
   
   

   • Interaktywne mapy z możliwością powiększania.

   • Proste, duże przyciski do wprowadzania dotykowego.

   • Łatwe do odczytania czcionki i kontrastowe kolory.

5. Styl wizualny:
   
   

   • Nowoczesny minimalizm.

   • Użycie firmowych kolorów i czcionek z wersji desktopowej.

   • Intuicyjne ikony dla wersji mobilnej.

6. Treść:
   
   

   • Automatyczne dostosowanie treści do rozmiarów ekranu.

   • Kompresja obrazów i wykresów w celu przyspieszenia ładowania.

   • Minimum tekstowej informacji, skupienie na danych wizualnych.

Scenariusze funkcjonalne

1. Użytkownik chce szybko poznać pogodę:

   • Otwiera stronę główną, widzi krótki prognozę na bieżący dzień.

   • Łatwo przełącza się między dniami i porami dnia (przesunięcie).

   • analizuje dostępne dane i minimalizuje, wyróżnia kluczowe punkty interfejsu

2. Użytkownik szuka prognozy dla konkretnej lokalizacji:
   
   

   • Używa paska wyszukiwania lub GPS-geolokalizacji (moja lokalizacja).

   • Widzi odpowiednią prognozę.

3. Użytkownik bada mapy pogodowe:
   
   

   • Powiększa lub przesuwa mapę.

   • Wybiera typ danych (opady, temperatura, wiatr).

4. Użytkownik ustawia powiadomienia lub język:
   
   

   • Wchodzi do sekcji ustawień.

   • Łatwo zmienia parametry.
     
     

5. Funkcjonalne menu powinno być przypięte jak w popularnych mediach społecznościowych, takich jak TikTok itp.

Wymagania dotyczące wyniku

1. Format: Figma.

2. Terminy: Przedstawić pierwszy prototyp w ciągu 7 dni roboczych, finalny design w ciągu 14 dni roboczych po zatwierdzeniu prototypu.

Iteracje, dyskusje i poprawki

1. Wsparcie projektu w dyskusjach z programistą, jeśli będą pytania.

2. Poprawki w designie, 

Dodatkowe życzenia

• Zwrócić uwagę na popularne strony pogodowe-konkursy, aby przeanalizować najlepsze rozwiązania.

Dostępne jest bardziej szczegółowe TZ, które zostanie dostarczone w osobnym dokumencie dla odpowiednich osób.

Proszę o przesłanie przykładów swoich prac.

Jeśli pojawią się pytania lub będzie potrzebne wyjaśnienie szczegółów, proszę o kontakt ze mną.