Warsztaty z projektowania interakcji - Framer

Michał

!!img1 28 Czerwca w Gdyńskim Pomorskim Parku Naukowo Technologicznym poprowadziliśmy kolejne warsztaty. Tym razem dotyczyły one Framera i projektowania interakcji/animacji. Staraliśmy się pokazać, że aby tworzyć w tym narzędziu animacje, wiedza programistyczna nie jest niezbędna, bo bardzo wiele można zdziałać przy użyciu kilku najprostszych komend (np. stateCycle). Taka porcja wiedzy wystarczy do większości zastosowań typowego projektanta UI/UX.

Nawet minimalna wiedza o kodowaniu wystarczy, by korzystać z Framera

Podczas zajęć pokazaliśmy uczestnikom podstawy interfejsu Framera, podział na sekcję Design oraz Code, a następnie wspólnie stworzyliśmy kilka prostych animacji. Zarówno takich, zaczynających się na PageLoad, jak i takich które wywoływane są dopiero akcją użytkownika. Ostatnim zadaniem było stworzenie Androidowych "przycisków akcji", którego przykładową wersję widać poniżej.

!!img4

Framera można oczywiście odkrywać dalej - daje on nieograniczone możliwości ożywienia naszych prototypów, uzupełnienia o dostęp do prawdziwych map, odtwarzanie audio, czy video. Można więc w nim stworzyć prototyp nie odbiegający funkcjonalnie od docelowej aplikacji, co pozwoli programistom dokładniej odwzorować zamysł projektowy.

Aplikacja jest też bardzo dobrym wstępem przed nadchodzącym inVision Studio czy doskonałym Principle, gdzie animacje również tworzymy poprzez przełączanie stanów (bez całej warstwy kodowania z tym związanej). Daje to więc dobre podstawy do tego, by zrozumieć także inne, prostsze i tańsze narzędzia do projektowania interakcji.

Przeczytaj również

Design + UX

Warsztaty z projektowania w Sketchu, podsumowanie

17 Kwietnia 2018 w Gdyńskim Pomorskim Parku Naukowo Technologicznym poprowadziliśmy warsztaty z podstaw projektowania w Sketchu.

Design + UX

Jak dużo "minimum" powinno być w dobrym MVP?

Minimum Viable Product - czyli nieprzespane noce wszystkich startupów. Warto zastanowić się, by z tych 3 słów największy nacisk nie padał na pierwsze.

Design + UX

Przegląd zagranicznych rebrandingów '16

Miniony rok 2016 obfitował w rebrandingi znanych zagranicznych marek. Oto przegląd najciekawszych z nich!