Idź Pan w UI! #27 – appka na zegarek

Długa to była przerwa wakacyjna. Zgodnie z obietnicą robimy tym razem projekt na zegarek! Czasu macie sporo, bo i temat wymaga dobrego zgłębienia wytycznych – do 31.10.2022!

Co to jest wyzwanie UI?

No dobra, ale o co chodzi w tym wyzwaniu. Treść zadania możecie wykorzystać jako inspirację do nowego projektu do portfolio, formę ćwiczenia lub wziąć udział w wyzwaniu, zrealizować zadanie i wysłać je do mnie w określonym terminie. Ja w niedługim czasie przygotowuję spotkanie online na kanale YouTube (by Zebza), gdzie omawiam wybrane projekty – czyli robimy sobie spotkanie w formie korekty.

Z nadesłanych projektów wybieram kilka. Pozwoli to pokazać lepsze i słabsze projekty, omówić dobre strony i popularne błędy. A przede wszystkim – będę mogła opowiedzieć wam więcej o dobrych praktykach i wzorcach. Dzięki temu, spotkania będą krótsze i bogatsze w wiedzę. Wszyscy uczestnicy dostaną także krótki feedback do projektu na maila (po publikacji naszego podsumowania na YouTube). Jeżeli jesteście ciekawi jak wyglądało takie spotkanie online ostatnio, to zerknijcie na Idź Pan w UI! #26.

Jak dołączyć do wyzwania UI?

Do tego wyzwania już nie można dołączyć, ale warto zerknąć czy właśnie nie trwa jakieś nowe, na stronie kategorii wyzwania Idź Pan w UI!

Nagranie spotkania można oglądać już na YouTube. Tym razem pokazuję wszystkie nadesłane prace (10 projektów).

Treść zadania UI

Temat: Aplikacja językowa na zegarek

Deadline: 31 października 2022 (do końca dnia)

Format: Apple Watch 45 mm (396 px x 484 px)

Cel zadania: Narzędzie, które będzie wspierać naukę języka. Wersja na zegarek jest tylko formą dodatkowego wsparcia dla aplikacji na telefon. Ze względu na rozmiar i ograniczenia z nim związane, nie będzie to przełożenie pełnej funkcji appki.

Wersja zegarkowa składa się z kilku małych części, które pomagają w powtórkach języka. To możliwość odsłuchania krótkich nagrań, ćwiczenia polegające na powtarzaniu wyrazów (wymowy) oraz fiszki. Zadaniem będzie po prostu zaprezentowanie tych funkcji w formie ekranów.

Na potrzeby zadania można wybrać dwa dowolne języki – gdybym budowała portfolio, wybrałabym jako główny język appki angielski. Ale nie narzucam tu niczego.

Obowiązkowe widoki i ich elementy: Poniższa lista to minimum, które powinno się zawrzeć na ekranach. Nie oznacza to wcale, że to jedyne, co możecie tam wrzucić. Celowo nie nazywam dokładnych komponentów, a bardziej skupiam się na ich funkcjach, by nie sugerować gotowego rozwiązania.

Funkcja 1: Fiszki – ekran, który pokaże funkcję wyświetlania karty z tekstem i/lub obrazkiem, a po interakcji pokaże przetłumaczoną frazę. Takich fiszek w ramach jednej sesji ćwiczeń powinno być 10. Dla chętnych zadanie by pokazać tę funkcję w dwóch wariantach – pierwszą, jak już pisałam – gdzie odpowiedź możemy przeczytać, a drugą gdzie możemy jej posłuchać.

Funkcja 2: Lista nagrań – w aplikacji dostępne są krótkie nagrania, które można odsłuchać w dowolnej kolejności. W tej funkcji ważne by pokazać zarówno listę przed interakcją, jak i odtwarzane właśnie nagranie.

Funkcja 3: Odsłuchaj i powtórz – osoby korzystające z appki mogą odtworzyć listę zdań lub wyrazów, które trzeba powtórzyć. Najważniejszą funkcją tutaj jest opcja nagrywania tego co mówimy by algorytm ocenił poprawność wymowy.

Dla chętnych – jeśli chcecie zbudować projekt do portfolio, można powiększyć zakres prezentowanych ekranów do np. powiadomień. Wyobraźcie sobie jak można motywować do tego by w losowych momentach dnia ktoś sięgał po proste ćwiczenia? Kolejnym ważnym i dużym elementem, jest system nawigowania między funkcjami. Do tego oczywiście zawsze można dodać ekran ustawień.

Branding: Zostawiam wam tutaj pełną dowolność. Pamiętajcie jednak by dobrze zapoznać się z wytycznymi projektowania na zegarki marki Apple – pomogą w podjęciu decyzji związanych z wielkością i stylem fontów czy kolorami. Wszystkie wskazówki znajdziecie na stronie Human Interface Guidelines.

Jak być na bieżąco?

Żeby być na bieżąco z kolejnymi zadaniami i informacjami o spotkaniach na żywo, najwygodniej dopisać się do newslettera, bo dzięki temu, prosto na maila dostaniecie każdą informację. Można po prostu śledzić bloga albo moje kanały na portalach społecznościowych, ale algorytmy bywają okrutne i jest szansa, że nie zawsze wyświetlą się wam powiadomienia o nowym zadaniu. Newsletter ten problem eliminuje. Zapisz się do newslettera tutaj.

* Wyrażacie tym samym zgodę na przetwarzanie swoich danych osobowych, w celu realizacji zadania Idź Pan w UI #27 – do kontaktu w temacie zadania oraz publikacji projektu w podsumowaniu na żywo.

You May Also Like
wyzwanie kreatywne
Read More

Idź Pan w UI! #9 – sklep z winylami

Długo musieliście czekać na kolejne zadanie, wiem. Ale urlop, przerwa świąteczna i najzwyklejsze obowiązki sprawiły, że nie miałabym kiedy zorganizować streama z podsumowaniem. Dlatego…
Read More

Idź Pan w UI! #17 – lista notatek

Wiecie dobrze, że skoro mieliśmy ostatnio desktop, to przyszedł czas na mobilki. Tak! Do zaprojektowania będzie aplikacja mobilna! Czas na wzięcie udziału w zadaniu…