EDISONDA - user experience studio

Czy pamiętają Państwo czasy, kiedy głównym kanałem komunikacji z komputerem był migający kursor? Od tego czasu interakcja człowiek – komputer zmieniła się nie do poznania, ale wraz z rozwojem możliwości technologicznych, zwiększają się też oczekiwania użytkowników. Dlatego projektowaniu interfejsów poświęcić trzeba uwagę i czas.

Jak powstaje projekt interakcji

Projekt graficzny, który powstaje w oparciu o makietę, określa wygląd interfejsu.

Punktem wyjścia jest analiza potrzeb użytkowników. Zbieramy wszystkie wymagania i określamy, które treści i funkcje są priorytetowe. Wszystkie informacje, które mają znaleźć się w serwisie dzielimy na kategorie i tworzymy architekturę informacji, która odpowiada kategoriom stosowanym przez użytkowników. Równoległe analizujemy ścieżki, którymi mogą poruszać się użytkownicy, tworząc scenariusze użycia. Mając tę wiedzę, przystępujemy do szkicowania. Ołówek i kartka to na tym etapie niezastąpione narzędzia. Szkicując tworzymy różne propozycje i wybieramy z nich tę, która najlepiej odpowiada zakładanym celom. Drugim etapem jest wykonanie makiet funkcjonalnych (wireframes), w postaci obrazków lub klikanych prototypów serwisów. Na tym etapie wspólnie testujemy prototyp i zastanawiamy się, czy będzie on dobrze służył użytkownikom. Jeśli tak, dokonujemy ostatnich modyfikacji i tworzymy specyfikację potrzebną do wdrożenia projektu.

Czym się różni projekt interakcji i projekt graficzny?

Projekt interakcji w postaci makiet funkcjonalnych pozwala zdefiniować układ i działanie serwisu. Jego celem jest też zdefiniowane zależności pomiędzy różnymi elementami (nagłówki, elementy graficzne, formularze, nawigacja). Projekt graficzny, który powstaje w oparciu o makietę, to klasyczny layout, który określa wygląd interfejsu – to, co użytkownik ma zobaczyć, kiedy odwiedzi serwis.

Co jest rezultatem pracy?

Uzupełnienie projektu jest struktura architektury informacji w postaci drzewa nawigacji.

W wyniku prac nad projektem interakcji powstają dokumenty określające układ i działania serwisu. Podstawowym rezultatem są makiety funkcjonalne – przynajmniej jedna dla każdego rodzaju strony, który będzie znajdował się w serwisie. Makiety te mają formę zwykłego dokumentu lub klikanej makiety HTML. Uzupełnienie projektu jest struktura architektury informacji w postaci drzewa nawigacji. Trzeciem elementem jest specyfikacja funkcjonalna – dokument, który opisuje działanie i zawartość każdej z makiet. Taki zestaw umożliwia przejście do tworzenia projektu graficznego i jest niezbędną informacją dla zespołu programistów wdrażających rozwiązanie.

Jeśli są Państwo zainteresowani przygotowaniem projektu interakcji, proszę pobrać ofertę lub skontaktować się z nami.