Jak Netkata projektuje UX/UI intranetów i aplikacji?

Netkata INTERNET SOFTWARE HOUSE

pomogliśmy już…

Netkata WE DELIVER APPLICATIONS AND WEBSITES

JAK PROJEKTUJEMYINTERFEJSY INTRANETÓW? Tomasz Sieroń+48 505 034 [email protected]

mailto:[email protected]?subject=

Typowy wynik naszej pracy:

4 PRzykładowe Realizacje INTRANET

Netkata INTERNET SOFTWARE HOUSEWE DELIVER APPLICATIONS AND WEBSITES

INTRANET:PROCESPROJEKTOWY

Netkata INTERNET SOFTWARE HOUSEWE DELIVER APPLICATIONS AND WEBSITES

KIEDY WDROŻENIE JEST SUKCESEM?Podstawowym miernikiem sukcesu wdrożenia intranetu jest niewątpliwie jego skuteczność w realizacji celów biznesowych organizacji.

Równie jednak istotne (a często pomijane) jest uzyskanie akceptacji, a wręcz wzbudzenie

entuzjazmu wśród jego finalnych użytkowników.

Badania pokazują bowiem, że często intranety firmowe są po prostu ignorowane – aż 35%

użytkowników intranetów używa ich rzadziej niż raz na miesiąc, a 57% nie używa ich

codziennie (Forrester Research, 2009). Wdrożenia kreujące tą statystykę nie są sukcesami.

Przyczynami tego zjawiska są głównie niesatysfakcjonujące doświadczenie użytkowników

(User Experience, UX) oraz brak spójnej strategii zarządzania treściami.

Równie więc istotnym wyzwaniem, co zapewnienie odpowiedniej funkcjonalności, okazuje

się przekonanie użytkowników do jej faktycznego wykorzystywania.


JAK PRACUJEMY?Sugerujemy włączenie narzędzi projektowych skupiających się na użytkownikach i ich

satysfakcji już na wczesnym etapie realizacji intranetu.

Wykorzystywana przez nas metodyka projektowania Architektury Informacji i Interfejsu intranetu łączy szereg działań z obszarów:

‣ analityki biznesowej,

‣ strategii marketingowej,

‣ elementów procesu Customer Development,

‣ wybranych narzędzi projektowych User Centered Design,

‣ badań użyteczności / User Experience.

Taki dobór narzędzi zapewnia uwzględnienie potrzeb użytkowników intranetu już na etapie

przygotowania specyfikacji systemu.


Analiza biznesowo-funkcjonalna

Architektura Informacji

Makiety

Projekt graficzny interfejsu

Implementacja interfejsu

proces projektowyPracujemy etapowo. Wyniki każdego z etapów akceptowane są przez zespół Klienta. Daje to naszym Klientom stałą kontrolę nad projektem i pozwala uniknąć niespodzianek.


1. analiza‣ Identyfikacja celów biznesowych, mierników oraz kryteriów sukcesu. Weryfikacja wymagań

i uwarunkowań biznesowych.

‣ Analiza kontekstu marketingowego, pozycjonowania marki i celów w zakresie PR wewnętrznego, a także dotychczas funkcjonujących rozwiązań.

‣ Identyfikacja grup docelowych (użytkowników) – charakteryzacja użytkowników,

identyfikacja ich kluczowych potrzeb, sposobów pracy, celów i ambicji. Wywiady, audyty,

ankiety i badania interesariuszy projektu i grup docelowych.

‣ Opracowanie scenariuszy przypadków użycia (tzw. user stories).

‣ Analiza kluczowych obszarów / segmentów / witryn systemu.

‣ Analiza kluczowych procesów (workflows) w ramach każdego z obszarów systemu.

‣ Identyfikacja źródeł informacji. Specyfikacja produktów systemu. Opis interfejsów z

systemami trzecimi z perspektywy użytkowników i ich administratorów.


2. ARCHITEKTURA INFORMACJIStworzenie kompletnego zestawienia widoków, a także ich treści (tekstów, multimediów,

bibliotek dokumentów, web parts, etc.).

Projekt i wizualizacja struktury nawigacyjnej/interakcji je łączącej.

‣ Opracowanie mapy treści (Content Inventory) będącej zestawieniem wszystkich witryn i ich widoków, stron, wraz z listą treści dostępnych na każdej ze stron.

‣ Warsztaty z użytkownikami z użyciem narzędzi User Centered Design (card sorting) –

usystematyzowanie struktury nawigacji (opcjonalnie).

‣ Wizualizacja procesów – diagramy procesów na bazie user stories.

‣ Struktura nawigacji i powiązań pomiędzy witrynami i stronami intranetu.

‣ Konsultacje z interesariuszami projektu.



2.1 architektura informacjiMAPA TREŚCI

2.2 architektura informacjidiagramY interakcji

Z pomocą prostych diagramów

ilustrujemy wszystkie procesy i interakcje użytkowników z projektowanym systemem.

Dzięki temu zarówno nasz zespół, jak i interesariusze biznesowi mogą

objąć wzrokiem całe rozwiązanie i zweryfikować funkcjonalność.


3. MakietyAby zwizualizować ułożenie treści na

stronach/widokach tworzymy komplet

makiet.

Umożliwia to iteracyjną pracę, pozwala

szybko wprowadzać zmiany wspólnie z

Klientem.

Klient zatwierdza finalny layout zanim

rozpocznie się pracochłonna praca

grafików.


Zakres prac ‣ Projekt interaktywnych makiet systemu.

‣ Badanie heurystyczne użyteczności

makiet – audyt ekspercki (opcjonalnie).

‣ Projekt wersji mobilnej makiet

(opcjonalnie).

‣ Warsztat z interesariuszami projektu –

zatwierdzenie makiet.

‣ Testy użyteczności makiet z udziałem

użytkowników (opcjonalnie).

‣ Analiza potencjału wprowadzenia mikro-interakcji w ramach makiet.

3. Makiety


4. projekt graficznyRealizujemy kilka różnych propozycji

stylistki, bazując na Analizie, księdze znaku,

strategii komunikacji wizualnej i architekturze informacji.

Po wyborze propozycji nasi graficy pracują

iteracyjnie z zespołem Klienta by osiągnąć

optymalne rozwiązanie.

Projektowanie graficzne to dla nas proces

rozwiązywania konkretnych problemów

biznesowych, a nie dekoratorstwo.

Odpowiadamy trafnie na potrzeby, ambicje

i aspiracje grupy docelowej.

Zakres prac ‣ Zebranie, analiza i omówienie inspiracji

w zakresie grafiki.

‣ Projekt różnych propozycji estetyki intranetu.

‣ Iteracyjna praca na wybranej propozycji.

‣ Projekt wzorcowego szablonu UI

obejmującego zestawienie wszystkich

elementów składowych interfejsu.

‣ Projekt wyglądu wszystkich widoków systemu,

potrzebnych ilustracji, infografik, zakup

fotografii. Projekt wersji okolicznościowych i

zoptymalizowanych pod względem

dostępności.

‣ Projekt wersji mobilnej interfejsu (opcjonalnie).


spójność z systemem identyfikacji wizualnej marki

Zawsze proponujemy projekt interfejsu spójnego wizualnie i estetycznie z

systemem identyfikacji wizualnej marki.

Kolorystyka i typografia zostakją zapożyczone z księgi znaku.

W projektowaniu wizualnym opieramy się na zasadzie, iż forma musi

odzwierciedlać funkcję, więc w przypadku intranetów stawiamy szczególny

nacisk na czytelność, przejrzystość i wysoką użyteczność interfejsu.


4.1 PROJEKT GRAFICZNYPROPOZYCJE

4.2 PROJEKT GRAFICZNYSZABLON UI


4.3 PROJEKT GRAFICZNYKOMPLET WIDOKÓW

5. implementacja


Wdrożenie interfejsu na bazie

zaimplementowanej funkcjonalności.

Zakres prac ‣ Przygotowanie master pages oraz realizacja

CSS dla wszystkich witryn i web parts w wersji desktop i mobile.

‣ Testy wersji desktop i mobile (Android, iOS,

Windows Phone).

‣ Wsparcie w zakresie uruchomienia – asysta i korekty CSS na etapie pierwszego

zasilania treścią, stabilizacji systemu i dalszego rozwoju.

REZULTATY‣ Intranet skutecznie realizujący cele biznesowe i dobrze modelujące

procesy w firmie.

‣ System odpowiadający oczekiwaniom jego użytkowników.

‣ Rozwiązanie chętnie używane przez pracowników firmy; wspierające ich w efektywnym, użytecznym i wygodnym realizowaniu założonych zadań.

‣ Poczucie wśród kluczowych użytkowników, że to także ich dzieło, dzięki

zaangażowaniu ich w proces projektowy.

‣ Atrakcyjność estetyczna rozwiązania.


Mieliśmy przyjemność pracować z wieloma polskimi i międzynarodowymi markami:

ZAUFANY PARTNER


ZAPraszamy Do współpracy

NETKATA INTERNET SOFTWARE HOUSE

Tomasz Sieroń+48 505 034 [email protected]

mailto:[email protected]?subject=

Jak Netkata projektuje UX/UI intranetów i aplikacji?

Design

Transcript of Jak Netkata projektuje UX/UI intranetów i aplikacji?