Projekt interakcji: co to jest i jak go używać?

/2017-01-17 12:13:23/
Rukmini
/Grafika/

Projekt interakcji może być najczęściej omawianym pojęciem projektowym z 2015 r. Jest to coś, o czym powinieneś pomyśleć i planować we wszystkich swoich projektach cyfrowych.

Ale jak najlepiej wykorzystać projektowanie interakcji? Jak zaprojektować coś, z czym ludzie chcą wchodzić w interakcje? Podczas gdy niektóre z tych odpowiedzi zmieniają się wraz z technologią, jeden element pozostaje taki sam - ludzie chcą korzystać z intuicyjnego, funkcjonalnego i estetycznego projektu.

Przeglądaj zasoby projektowe

Co to jest projekt interakcji?

W projektowaniu, interakcji człowiek-komputer oraz rozwoju oprogramowania, projektowanie interakcji, często w skrócie IxD, polega na „kształtowaniu rzeczy cyfrowych na użytek ludzi”, określanych naprzemiennie jako „praktyka projektowania interaktywnych produktów, środowisk, systemów i usług cyfrowych”. - Wikipedia

Po prostu projektowanie interakcji to proces łączenia świata cyfrowego ze światem ludzkim. Sprawia, że rzeczy oparte na ekranie wydają się rzeczywiste i funkcjonują w sferze cyfrowej tak, jak w przestrzeni fizycznej. To połączenie pomaga użytkownikom korzystać z cyfrowych produktów i urządzeń oraz wchodzić w interakcje, od komputerów stacjonarnych, telefonów i zegarków po strony internetowe, aplikacje i gry. Projektowanie interakcji to koncepcja, która łączy wszystko, co wiemy o projektowaniu i funkcjonowaniu, w jeden pomysł.

IxD to hasło społeczności projektantów, ponieważ staramy się lepiej nauczyć, jak projektować i replikować fizyczne działania i interakcje, aby jak najlepiej połączyć produkty cyfrowe z użytkownikami. Idee projektowania są zakorzenione w zasadach dobrej grafiki, podczas gdy technologia ewoluuje prawie tak szybko, jak to możliwe.

Pytania do rozważenia

Jednym z najlepszych przewodników do myślenia o projektowaniu interakcji jest w rzeczywistości standard użyteczności z Usability.gov. Przewodnik zawiera zestaw pytań (a nawet pytań cząstkowych), które można wykorzystać jako podstawę do stworzenia projektu z interakcjami cyfrowymi i „dzięki temu zrozumieniu można przewidzieć, jak ktoś może wchodzić w interakcje z systemem, wcześnie naprawiać problemy, a także wynaleźć nowe sposoby robienia rzeczy. ”

Oto koncepcje, które należy rozważyć w pierwszej kolejności, wszystkie pytania dodatkowe i uwagi można znaleźć na stronie Usability.gov.

Zdefiniuj sposób interakcji użytkowników z interfejsem
Daj użytkownikom wskazówki na temat zachowania przed podjęciem działań
Przewiduj i ograniczaj błędy
Weź pod uwagę informacje zwrotne systemu i czas reakcji
Pomyśl strategicznie o każdym elemencie w projekcie
Uprość dla uczenia się

Wiele z tych pojęć powinno wydawać się znajome. Koncepcje i pomysły są zgodne z tym, o czym często rozmawiamy w środowisku projektantów, gdy mówimy o tym, co działa, a co nie działa estetycznie. Chociaż techniki stosowane do stworzenia całkowicie interaktywnego projektu mogą się różnić, zasady dobrego projektowania są względnie takie same.

Zasady przewodnie

Wiele z tego, co myślisz o interakcji, łączy zasady projektowania z zasadami ludzkich emocji i interakcji. Określając, jak powinien działać projekt cyfrowy, zastanów się, w jaki sposób korzystasz i korzystasz z ulubionych narzędzi. Co z tymi narzędziami do ciebie przemawia? (Prawdopodobnie wiele najlepszych funkcji to rzeczy, o których nawet nie myślisz świadomie).

Pomyśl o każdej z tych zasad lub pojęć, podejmując decyzję, w jaki sposób użytkownik połączy się z twoim projektem.

Ruch: Kiedy myślisz o projektowaniu ruchu i interakcji, często pierwsze obrazy mentalne przedstawiają przeciągnięcia lub dotknięcia, ponieważ są to ruchy użytkownika, które aktywują elementy w projekcie. Kliknięcie myszy lub obrócenie ekranu tabletu, aby uzyskać określony efekt, to inne ruchy, które są często używane. Ważne są także inne estetyki związane z ruchem, takie jak wizualne wskazówki na fotografiach, kierunkowe wyciąganie elementów projektu i wideo.
Przestrzeń kosmiczna: z jakim środowiskiem użytkownik wchodzi w interakcje? Czy projekt jest tworzony w przestrzeni dwu- lub trójwymiarowej? Czy ta przestrzeń jest tylko częścią ekranu, czy też działania rozciągają się poza ekran do świata fizycznego?
Czas: czas, jaki użytkownik spędza z interakcją, może mieć wpływ na to, czy interakcja będzie kontynuowana. Istnieje delikatna równowaga interakcji, która jest odpowiednio angażująca i / lub zbyt długa lub krótka. Pomyśl o celu interakcji, a następnie o tym, jak długo powinna ona potrwać od początku do końca.
Dźwięk: Jednym z najczęściej dyskutowanych elementów cyfrowego projektowania może być dźwięk. Chociaż niektórzy użytkownicy to uwielbiają, inni szybko się denerwują. Podczas korzystania z dźwięku w interakcjach zawsze należy brać pod uwagę użytkowników, którzy wyłączą funkcję; bez niego projekt musi działać równie skutecznie.
Estetyka: Każdy element projektu wchodzi tutaj w grę. Jak to wszystko wygląda? Czy ten wygląd przekazuje użytkownikowi właściwe emocjonalne przesłanie. Przestrzeń, kolor, typografia, kontrast i czytelność odgrywają znaczącą rolę w wizualnym aspekcie projektowania interakcji.

Koncepcje projektowe

Wróćmy do zasad interakcji i naprawdę pomyślmy o estetyce. (To jedna z podstawowych rzeczy, o których lubimy myśleć i dyskutować jako projektanci, prawda?)

W jaki sposób wszystkie rzeczy, które wiemy o projektowaniu, wpływają na projektowanie interakcji? Tak naprawdę nie różni się pod względem wizualnym niż inne typy projektów. Najważniejszym - i prawdopodobnie pierwszym - czynnikiem jest rozmiar i skala. Wiele interaktywnych projektów może być znacznie mniejszych niż jesteś przyzwyczajony. (Możesz skupić się tylko na projekcie telefonu lub zegarka, ale projekt może również zostać przetłumaczony na komputery stacjonarne w inny sposób).

Myśląc wizualnie, zacznij od najmniejszego płótna, które pomieści projekt i będzie się powiększać. (Jeśli możesz sprawić, by działał na małą skalę, znacznie łatwiej będzie „rozwinąć” projekt; wyeliminowanie już zaprojektowanych rzeczy może być znacznie trudniejsze.

Space: Podczas gdy niektórzy mogą próbować zmniejszyć przestrzeń między elementami w małych przestrzeniach, w rzeczywistości musisz dać elementom więcej miejsca w małych projektach. Upewnij się, że każdy element ma dużo miejsca na jego identyfikację i wykonanie prawidłowej akcji. (Przyciski muszą być wystarczająco duże, aby można je było dotykać bez aktywowania innego elementu na ekranie.) Jeśli to konieczne, użyj wielu ekranów (poprzez machnięcia), aby maksymalnie wykorzystać małe spacje.
Kolor: Chociaż korzystanie z kolorów Twojej marki jest ważne, musisz się upewnić, że kolory zapewniają wystarczający kontrast, aby można je było zobaczyć w różnych środowiskach. Może to wymagać dodania opcjonalnych kolorów do palety kolorów dla elementów interakcji. Rozważ jasne i wciągające odcienie, szczególnie w aplikacjach mobilnych i do oglądania.
Typografia: Napis powinien być prosty i czytelny. Trzymaj się kroju w nowoczesnym stylu (szeryf lub bezszeryfowy jest OK) o średniej, jednolitej szerokości kreski. Unikaj skondensowanych, zbyt odważnych lub lekkich wersji lub stylów dzięki wyszukanym pociągnięciom.
Kontrast: każdy element w interaktywnym projekcie powinien żyć z otaczającymi go elementami. Może to zabrzmieć ostro pod względem wzornictwa, ale wyraźny kontrast może sprawić, że elementy będą łatwe do odczytania i zrozumienia. Kontrast szybko zwróci również uwagę na interakcję i pomoże użytkownikom określić, co należy zrobić. Ustal kontrast z kolorem, typografią, przestrzenią i zdjęciami lub językiem.
Czytelność: wszystkie elementy projektu opartego na interakcji powinny być łatwe do „odczytania” na pierwszy rzut oka. Zaprojektowany pod kątem możliwości skanowania i funkcji, pamiętając, że możesz mieć tylko ułamek sekundy, aby przekonać użytkownika do wykonania pożądanej interakcji. Zrozumienie i czytelność są kluczem do osiągnięcia tego celu.

Lista rzeczy do przeczytania

Dostępnych jest tak wiele dobrych informacji na temat projektu interakcji. (I wiele opinii na temat tego, co działa, a co nie działa.)

Jeśli chcesz dowiedzieć się więcej, oto trzy wspaniałe zasoby, które powinieneś uznać za cenne, a każdy z nich sprawi, że pomyślisz o projektowaniu interakcji na różne sposoby.

„Three Laws of Interaction Design” Diogenes Brito
„Interfejs przyszłości: projekt uczynić technologię ludzką” autorstwa Danielle Reid
„10 zasad projektowania interakcji” autorstwa Creative Bloq

Wniosek

Projektowanie interakcji to coś, o czym musisz pomyśleć. Użytkownicy oczekują interakcji w prawie każdym aspekcie projektu. Większość użytkowników uzyskuje dostęp do Internetu i innych projektów cyfrowego projektowania za pośrednictwem urządzeń mobilnych, oczekując więcej niż tylko czytania tekstu.

Planowanie i projektowanie tych interakcji z celem może początkowo wydawać się zastraszające, ale nie różni się zbytnio koncepcyjnie niż jakikolwiek inny aspekt projektu. Duża różnica polega na tym, jak sprawić, by interakcje działały, dlatego ważne jest, aby mieć dobrego programistę u swojego boku lub nadal doskonalić umiejętności programowania.