Konkurs został przetłumaczony automatycznie. Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

Opis urządzenia 

Urządzenie do produkcji akcesoriów (folii ochronnej) na różne typy urządzeń mobilnych bezpośrednio w miejscu sprzedaży. 

Głównym konsumentem – nabywca urządzeń mobilnych.

Miejsce umiejscowienia to sieciowe sklepy z elektroniką

Rodzaje pokryć – do 30 typów folii (przezroczysta ochrona ekranu, dekoracyjne teksturowane folie do ochrony tylnej obudowy)

Urządzenie jest używane w jednej z sieci od ponad 1 roku, cel bieżącej pracy prezentacja usługi (urządzenia) innej sieci.

Nowa wersja urządzenia

Przygotowano prototyp nowej wersji, która między innymi zakłada użycie tabletu (zamiast PC), w związku z tym przygotowano i przetestowano nową wersję oprogramowania.

**  interesujące - można ustawiać kolor i intensywność podświetlenia urządzenia jako element adaptacji do stylu korporacyjnego klienta.

Jednak nowy wygląd, a także użycie ekranu dotykowego wymaga konieczności dopracowania interfejsu programu.


Roboczy wygląd urządzenia i programu w załącznikach

  

Opis docelowego wyniku

Rozmiar ekranu 10`` rozdzielczość 800x600

Wymaganie: użycie na ekranie dotykowym

Planowana zakładka programu – jedna.  Zakładka «plotter» i «informacje» zostaną połączone i będą realizowane przez ikonę «ustawienia»

Główna zakładka programu na różnych stronach będzie zawierać «drzewo urządzeń» i dwa przyciski do działań – «test» i «wyciąć»

Elementy sterujące duże z uwagi na pracę z ekranem dotykowym

Na wszystkich stronach zrealizowano pasek wyszukiwania tekstowego

Interfejs jest używany przez specjalistów centrum serwisowego lub sprzedawców. Możliwa sytuacja pokazania konsumentom "zdjęć" urządzenia.

Strony głównej zakładki według poziomów:

* "płytki"- umownie oznaczyliśmy interaktywne elementy interfejsu.

  • 1 poziom - Na pierwszym ekranie 3 płytki – «Smartfony» «Tablety» i «Smartwatche»
  • 2 poziom - Następny ekran otwiera się po wyborze jednego z elementów pierwszego ekranu i zawiera płytki z nazwami marek, na przykład Apple, Samsung…

Na każdym ekranie z uwagi na niewielki rozmiar 4-8 płytek,

Przewijanie (scrolling) realizowane jest przez przewijanie strony (a nie listy)

Liczba stron zależy od liczby producentów

  • 3 poziom - Trzecia strona o największej głębokości realizowana jest analogicznie do poprzedniej i zawiera modele urządzeń konkretnego producenta - - iPhone X
  • 4 poziom - Po wyborze urządzenia użytkownik trafia na stronę urządzenia z jego obrazem, ta strona zawiera również:
  • wybór szablonu – strona przednia/tylna obudowa, przy wyborze których pojawia się animowane zdjęcie procesu cięcia szablonu (opcja)
  • przycisk TEST
  • przycisk WYCIĄĆ
  • okna wyboru (można suwak) parametru cięcia według siły i według liczby powtórzeń



Zadanie

Stworzyć projekt w formacie .psd z obowiązkowym wyróżnieniem elementów według warstw. Dla każdego «aktywnego» elementu powinny być przygotowane obrazy dla każdego jego aktywnego stanu (na przykład - przycisk «wyciąć» - w stanie pasywnym, aktywowanym (naciśniętym) stanie, przejście między stanami itp.)

Skład elementów:

  • aranżacja ramki i wypełnienia zewnętrznego okna, granic wewnętrznych okien
  • rysowanie płytek na pierwszej stronie (Telefony, tablety, smartwatche)
  • szablon do aranżacji stron 3 i 4 poziomu – aby w elementy płytek (ikon) wyboru elementu wystarczyło wpisać nazwę
  • pozycjonowanie okna z obrazem urządzenia na stronie 3 poziomu
  • pozycjonowanie okien wyboru szablonu, obrazu urządzenia i okna animacji, a także aranżacja elementów menu na stronie cięcia szablonów (4 poziom). Elementy menu – przyciski «Test», «Wyciąć», menu wyboru parametrów cięcia.
  • Wymagania dotyczące stylów i elementów przejścia między stronami i punktami menu


Dodatkowo.

mile widziane jest użycie nowoczesnych stylów (material, flat itp.) oraz możliwość wykorzystania elementów designu i ogólnego stylu w aranżacji landing page.


załączniki: widok urządzenia, zrzuty ekranu oprogramowania, makieta dla 4 zakładki, logo i nazwy będą przesłane na etapie końcowym zwycięzcy do ostatecznego dopracowania projektu.
Aktualizacje
Aktualizacja #1

Koleżanki i koledzy, dzień dobry. 

Trudno podsumować, ale zrobimy to dzisiaj lub jutro. Dziękuję wszystkim, którzy odpowiedzieli i przedstawili swoje prace!

Jest ostatnie uzupełnienie do zadania, które powstało w trakcie dyskusji nad przedstawionymi pracami - proszę zrobić wersję "4 ekrany" (ekran roboczy z przyciskiem "wytnij") bez użycia zdjęć.  

Jako opcję można na wszystkich  ekranach zrezygnować z użycia zdjęć (dla tych, którzy je mają)


 Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał
12 lipca 2018, 11:30
Załączniki8