Jak dodać Touches of Magic do swoich interakcji

Za każdym razem, gdy użytkownik robi coś z twoim projektem, tworzona jest interakcja. Niektóre interakcje, takie jak kliknięcia, są prawie niezauważane przez użytkownika. Ale inne interakcje obejmują pewną odrobinę magii, która sprawia, że ​​użytkownik chce bawić się projektem jeszcze bardziej.

Jest cienka granica między interakcją, która ma dotyk magii, a taką, która może być całkowicie przytłaczająca. Najbardziej magiczne interakcje są nieco nieoczekiwane, proste, wywołują reakcję emocjonalną i sprawiają, że użytkownik chce z niej skorzystać ponownie.

Poznaj elementy Envato

Interakcje z magią

Magia to „cecha, która sprawia, że ​​coś wydaje się usuwane z codziennego życia, zwłaszcza w sposób, który sprawia przyjemność”.

To, co sprawia, że ​​interakcja jest naprawdę magiczna, polega na tym, że przewiduje ona, co użytkownik zrobi dalej. Projekt prawie się porusza z tobą… a może tylko o krok przed tobą, aby zrobić dokładnie to, co chcesz, zaledwie o sekundę, zanim jeszcze podejmiesz tę decyzję.

Aby zaprojektować ten typ interaktywnego interfejsu, musisz bardzo dobrze poznać swoich użytkowników. Będziesz musiał zbadać ich nawyki i wzorce, zanim pomyślisz o grafice lub interakcjach. A kiedy już będziesz mieć te dane, możesz burzy mózgów na temat sposobów tworzenia tych połączeń.

Co sprawia, że ​​interakcja jest magiczna? Jak to definiujesz? Najlepszy opis pochodzi z pracy naukowej Magic Interactions with Information for Visual Reasoning :

Niektóre przykłady obejmują:

1. Kliknięcie i przeciągnięcie rysunku postaci z kreskówki, która następnie reaguje „inteligentnie”, zmieniając swoją postawę w bezpośredniej reakcji na wkład użytkownika, rozumiejąc, jak poruszać się jak za pomocą magii;
2. Przeglądanie danych wideo poprzez klikanie bezpośrednio na znaki w filmie zamiast używania suwaka;
3. Uderzanie urządzeń mobilnych w celu przesyłania plików; i
4. Wybieranie chmur punktów 3D po prostu przez narysowanie lasso 2D.

Wszystkie te interakcje mają „siłę najwyraźniej wpływania na bieg wydarzeń za pomocą tajemniczych lub nadprzyrodzonych sił” i „cechę, która sprawia, że ​​coś wydaje się usuwane z codziennego życia, szczególnie w sposób, który sprawia przyjemność” - dwie właściwości zaczerpnięte bezpośrednio z definicja słowa magia.

Inteligentna animacja

Animacje są wszędzie. Wygląda na to, że prawie każda strona internetowa ma coś wbudowanego, niezależnie od tego, czy jest to klip wideo, efekt najechania myszą, czy ładujący divot. Ten ruch ma sens. Ruch w naturalny sposób przyciąga wzrok i zapewnia moment zaangażowania, który może również służyć jako odwrócenie uwagi, podczas gdy strona w pełni się ładuje lub działa w tle.

Jednym z rodzajów inteligentnych interakcji może być ruchome zdjęcie lub kinograf. Ta technika miesza akcję nieruchomą i na żywo z subtelnymi ruchami lub ruchami w taki sposób, że użytkownicy chcą przyjrzeć się projektowi. (Więcej informacji na temat trendu znajduje się w naszym poście na zdjęciach, które ożywają.)

Najbardziej inteligentne animacje to coś więcej niż proste ruchy - użytkownik chce coś zrobić i stwierdza, że ​​jest on faktycznie funkcjonalny. Ten rodzaj interakcji zaczyna się często zdarzać w handlu elektronicznym, w którym użytkownicy chcą oglądać lub „trzymać” produkt pod każdym kątem. Qantas Airlines, powyżej, robi to samo z projektem strony internetowej, który pozwala użytkownikom zobaczyć wnętrze swoich samolotów i spojrzeć na opcje miejsc siedzących i więcej. (Klikaj na tę stronę, będziesz zaskoczony wszystkimi rzeczami, które możesz „zobaczyć”, i wydaje się to bardzo prawdziwe.)

Bezpośrednia klikalność

Zbyt często trafiasz na stronę internetową, a klikane elementy nic nie robią. Dzięki bardziej bezpośredniej klikalności, więcej elementów to obiekty, które prowadzą do nowych elementów i tak dalej, aby utworzyć sieć kliknięć oraz linków i ścieżek, które użytkownik może podążać. Przepływ ma płynną jakość, dzięki czemu te interakcje kliknięcia są pożądane.

Te interakcje są jeszcze niewystarczające, ale kiedy je znajdziesz, są zabawne. Świetnym przykładem jest strona internetowa Sing. (Musisz klikać.) Każdy element został zaprojektowany tak, aby strona wyglądała jak interaktywne rozszerzenie filmu. Możesz kliknąć prawie wszystko i coś się stanie. Połącz to z aspektem kreskówkowym i poczujesz się naprawdę magicznie.

Uderzenia i dotykowe

Podczas gdy naukowcy uwielbiali magię „uderzenia”, coraz więcej użytkowników uwielbia magię haptiki. Może ułatwić interakcję z zegarkiem - nigdy nie przegapię połączenia - do gry, która jest intuicyjna dzięki ruchowi. Uderzenia mogą być rzeczywiste lub odczuwalne, na przykład w grze Konterball, w zależności od typu urządzenia.

W wielu z tych przypadków projektowanie stron internetowych wykorzystuje ruch wyczuwalny przez użytkowników, ale na telefonach, zegarkach lub urządzeniach VR jest to element haptyczny.

Projektowanie stron internetowych, które do tej pory było wirtualne, ożywa dzięki interakcjom dotykowym. Spodziewaj się, że dotkniesz więcej interfejsów, a pętla sprzężenia zwrotnego zostanie zamknięta fizyczną reakcją urządzenia.

Perspektywa wymiarowa

Linie między wymiarami zaczynają się rozmywać. Podczas gdy ekrany są dwuwymiarowym krajobrazem, więcej projektów tworzy trójwymiarowe światy. Użytkownicy nadal działają z ruchami 2D. To dziwna i niemal oszałamiająca koncepcja.

Ale w ten sposób nienaruszona strona internetowa.

Zobaczysz magię.

Campo Alle Comete powyżej, opowiada historię, która jest magiczna, ale przede wszystkim interaktywna. Przeciągnij mysz po liniach wokół ekranu, aby zobaczyć, jak świat się zmienia i porusza. I wydaje się, że nie ma żadnych zasad. Ruch odbywa się w wybranym kierunku i prędkości. Najlepsza część tego bajkowego doświadczenia? Najprawdopodobniej będziesz klikać i grać przez kilka minut, zanim zdasz sobie sprawę z tego, co witryna próbuje zaprezentować. (To na wino.)

Wniosek

Co sprawia, że ​​interakcja jest magiczna? Musi to być przewidywanie i rób to, czego chce użytkownik, tak jak chce. To powinno być ciekawe i trochę inne. I musi być na tyle proste, aby nie było zamieszania.

Wreszcie, prawdziwa magia dzieje się, gdy użytkownik reaguje na nią z uśmiechem lub uczuciem rozkoszy lub satysfakcji. Magia to ludzka więź, bez odczucia ze strony użytkowników, to tylko kolejna sztuczka projektowa.