UX vs UI vs IA vs IxD : 4 Confusing Digital Design Terms Defined

Sep 11, 2017 – 5 min read

Once upon a time, if you said the word „design”, the odds were overwhelly likely you were talking about graphic design. Ale obecnie, cyfrowy świat staje się coraz bardziej skomplikowany i pojawia się wiele nowych stanowisk pracy, co prowadzi do zamieszania dla osób spoza lub nowych w branży projektowej. Oto szybki przegląd czterech różnych podstawowych form projektowania, aby pomóc Ci zrozumieć, co one oznaczają.

image by: Netizen Experience

Jak można znaleźć w Wikipedii „Projektowanie doświadczeń użytkownika (UXD, UED lub XD) to proces zwiększania satysfakcji użytkownika poprzez poprawę użyteczności, dostępności i przyjemności dostarczanej w interakcji pomiędzy użytkownikiem a produktem. Projektowanie doświadczeń użytkownika obejmuje tradycyjne projektowanie interakcji człowiek-komputer (HCI) i rozszerza je poprzez uwzględnienie wszystkich aspektów produktu lub usługi postrzeganych przez użytkowników.”

Projektant UXD jest osobą odpowiedzialną za tworzenie „logiki” produktów poprzez makiety i prototypy za pomocą oprogramowania takiego jak Axure, JustInMind, Mockplus itp. Komunikacja jest jedną z krytycznych umiejętności projektantów UX. Prowadzą oni również badania, analizę konkurencji na początku, jak również testy użyteczności i testy A/B po uruchomieniu projektu. Projektanci UX są przede wszystkim zainteresowani tym, jak produkt się czuje. Jeśli Twoja strona lub aplikacja jest trudna w użyciu, użytkownicy będą prawdopodobnie sfrustrowani i przejdą do czegoś innego. Jeśli będą mieli świetne doświadczenie, z większym prawdopodobieństwem wrócą i opowiedzą swoim znajomym, jak świetna jest Twoja aplikacja.

Deliverables: Wireframes, Prototypy, Storyboardy, Sitemap, Pisemna specyfikacja.

Narzędzia branżowe: Sketch, Axure, Mockplus, Fireworks, UXPin

UI Design (Projektowanie Interfejsów Użytkownika)

image by: julessdesign

Autor i założyciel Adaptive Path – firmy konsultingowej zajmującej się doświadczeniem użytkownika, Jesse James Garrett, definiuje projektowanie interfejsu jako bycie wszystkim o wyborze właściwych elementów interfejsu – takich jak tekst, przyciski, pola tekstowe, listy kodowane kolorami, itp – dla zadania, które użytkownik próbuje wykonać i rozmieszczenie ich na ekranie w sposób, który będzie łatwo zrozumiały i łatwy w użyciu. Celem jest uczynienie interakcji użytkownika tak wydajną i prostą, jak to tylko możliwe.

Elementy interfejsu obejmują, ale nie są ograniczone do:

Kontroli wprowadzania: przyciski, pola tekstowe, pola wyboru, przyciski radiowe, listy rozwijane, pola listy, przełączniki, pole daty

Komponenty nawigacyjne: breadcrumb, suwak, pole wyszukiwania, paginacja, slider, tagi, ikony

Komponenty informacyjne: tooltipsy, ikony, pasek postępu, powiadomienia, okna komunikatów, okna modalne

Kontenery: akordeon

Narzędzia branżowe: Photoshop, Sketch, Illustrator, Fireworks, InVision

IA (Information Architecture)

imgae by: ga-core.s3.amazonaws.com

Architektura informacji (IA) obejmuje sposób, w jaki strona internetowa/aplikacja ma strukturę i jak zorganizowana jest jej zawartość. Celem jest pomoc użytkownikom w znalezieniu informacji i wykonaniu zadań. „Innymi słowy, architektura informacji jest tworzeniem struktury dla strony internetowej, aplikacji lub innego projektu, który pozwala nam zrozumieć, gdzie jesteśmy jako użytkownicy i gdzie znajdują się informacje, których potrzebujemy w odniesieniu do naszej pozycji. Architektura informacji skutkuje tworzeniem map stron, hierarchii, kategoryzacji, nawigacji i metadanych. Kiedy strateg treści zaczyna segregować treści i dzielić je na kategorie, praktykuje architekturę informacji. Kiedy projektant szkicuje menu górnego poziomu, aby pomóc użytkownikom zrozumieć, gdzie są na stronie, również praktykuje architekturę informacji”- z uxbooth.com

Kilka kwalifikacji do IA:

1. Doświadczenie w dokumentowaniu złożonych właściwości cyfrowych (strony internetowe, aplikacje mobilne, produkty i usługi systemowe)

2. Niezwykle szczegółowa dokumentacja, umiejętność znajdowania rozbieżności, pęknięć itp. wśród złożonej dokumentacji witryny

3. Biegła znajomość programów Axure, OmniGraffle, Keynote, a także Visio i innych programów bezpośrednio związanych z IA

4. Analizowanie dostępnych informacji i zasobów w celu oceny optymalnego podejścia do IA

Silne umiejętności komunikacyjne (pisemne i ustne) oraz zdolność do skutecznego prezentowania pracownikom agencji i klientów

5. Musi być osobą analityczną, pracowitą, kreatywną, ciekawą i zainteresowaną ludźmi i pomysłami

6. Musi być pewnym siebie i zmotywowanym self-starterem

IxD (Interaction Design)

Definicja IxD: „Interaction Design (IxD) definiuje strukturę i zachowanie systemów interaktywnych. Projektanci interakcji dążą do stworzenia znaczących relacji między ludźmi a produktami i usługami, z których korzystają, od komputerów, przez urządzenia mobilne, po sprzęt AGD i nie tylko. Nasze praktyki ewoluują wraz ze światem.”- z ixda.org

Projektant interakcji jest osobą odpowiedzialną za strony internetowe/aplikacje poruszające elementy & interakcji. Jeśli widziałeś fajną animację na stronie internetowej lub w aplikacji, która sprawiła, że powiedziałeś „wow” lub która jest naprawdę fajna, to właśnie tym zajmują się projektanci ruchu.

Opis stanowiska projektanta IxD w Google:

W roli projektanta interakcji będziesz zajmować się złożonymi zadaniami i przekształcać je w intuicyjne, dostępne i łatwe w użyciu projekty dla miliardów ludzi na całym świecie – od początkującego użytkownika do zaawansowanego eksperta. Osiągnięcie tego celu wymaga współpracy z zespołami projektantów, naukowców, inżynierów i menedżerów produktu w całym procesie projektowania – od tworzenia przepływów użytkownika i makiet po budowanie makiet interfejsów użytkownika i prototypów. Na każdym etapie będziesz przewidywał potrzeby naszych użytkowników, bronił ich i dbał o to, aby produkt końcowy ich zaskoczył i zachwycił.

W skrócie, UX Design to jak użytkownik czuje się w aplikacji, UI Design to co, gdzie i jak elementy działają w aplikacji, Information Architecture to jak aplikacja jest zorganizowana, a Interaction Design to jak użytkownik i aplikacja działają i reagują na siebie nawzajem.

Ostatnio, ale nie najmniej ważne, granice pomiędzy każdą z tych różnych ról projektowych są bardzo płynne. IxD jest dość podobny do projektowania UX w swoim podejściu, ponieważ jest częścią cyklu projektowania UX, więc w niektórych przypadkach te role mogą się w dużym stopniu pokrywać.

.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.