nie lubimy czytac dokumentacji wud 2010

Nie lubimy czytać dokumentacji

Użyteczne metody komunikacji w projektach UX

Wrocław , 3 listopad 2010 r.

Wiesław Kotecki

Konsultant UX od 2005 r.tworzę strategie

szkolę,czasami publikuję, opowiadam

UseLab Sp. z o.o. + 48 22 863 20 71, mail: [email protected]

International experience

6

Prowadziłem projekty m.in. dla:

Poznajmy się

Ile z was pracuje po stronie klienta?Ile po stronie agencji?Ile ma start-up?

Poznajmy się

Cofnijmy się do początku...

Ale jaka jest dziś nasza rola jako specjalistów UX?

..... jakich @#$%^& specjalistów?

7

w Europie i na świecie też od lat się o tym dyskutuje....:)

Znamy wiele mądrych słów...

Mamy wiele tytułów...

...ważne jest to, czym na prawdę się zajmujemy

Cele BiznesoweCele Użytkownika

Technologia

Biznes, Marketing,Dział Prawny

12

Cele BiznesoweCele UżytkownikaUX Team, Agencja UX

Dział IT, Podwykonawca

Technologia

UX

Obszary komunikacji

Biznes, Marketing,Dział Prawny

Dział IT, Podwykonawca

Cele Biznesowe

Technologia

Cele UżytkownikaUX Team, Agencja UX

Tekst

NauczycielWyjaśnianie, rozjaśnienie, układanie rzeczy w odpowiednim porządku

KomunikatorUjednolicenie języka, używanie metafor, inspirowanie, zarządzanie oczekiwaniami i potrzebami

BadaczEksploracja, zmiana perspektywy, przekraczanie granic, innowacje

Społeczna rola konsultanta UX

W naszej pracy tworzymy tony dokumentacji - pytanie tylko czy ktoś to czyta i rozumie?

http://img.blog.yahoo.co.kr/ybi/1/1c/f6/cliffordmlarsen/folder/717992/img_717992_1359004_3?1103025176.jpg

A dlaczego toto jest takie brzydkie i do tego czarno-białe - czy Wy

oszczędzacie na grafiku?

/klient/

Jak to w badaniach usability wyszły Wam błędy? Przecież to wy projektowaliście - oddajcie mi pieniądze!

/klient/.

A więc było to opisane w AI?

/klient/.

Tekst

You Can't Make Them if Your Client Doesn't Just Get It

INNOVATIONS

Motto:

"If I had eight hours to chop down a tree, I'd spend six sharpening my axe.”

- Abraham Lincoln

10 zasad aby (prawdopodobnie) przeżyć na polu walki

#1 Załóż, że klient to dziecko we mgle

Warsztaty/szkolenie wstępne

Założenia procesu projektowego

Etapy procesu i powiązana z nimi dokumentacja

Zasady współpracy i komunikacji w projektach UX

Wzbudzenie entuzjazmu

#2 Nie używaj magicznego kompasu

Zbieranie danych - warsztaty!

Warsztat CCU +Content Workshop +Analiza danych + ideacja = dokument kanoniczny

#3 Stwórz mapę projektu i podążaj do celu

C C

UWarsztat Context-Content-User

Warsztat strategiczny

Audyt ekspercki i analiza dost!pnych danych

Przeprowadzenie bada" (Polska / USA

Analiza danych i opracowanie zakresu zmian.

Opracowanie architektury informacji

Optymalizacja

Wsparcie wdro#eniowe

CO

AC

HIN

G

Harmonogram to nie wszystko

#4 Wizualizuj swoje idee

If I can’t picture somethig I can’t understand it

- Albert Einstein

PortalStreaming

ReccomendationMusicThis is a that is usingTagging

. We call it Last.fm

CommunityRSS

SharingPhotoThis is a that is usingTagging

. We call it

USE PATTERN 1COOL FACTOR 1




+

+

+

+ RelationsRelations

Relations

RelationsSearch

Explore

Save

Share

Najmniejsze możliwe redukcje

#5 Ustanów wspólny język

Images

PK id

img_title img_filename img_extension img_teaser_filename img_teaser_extension img_user_filename

Accounts

PK id

account_name account_email account_participants_limit account_consultant account_company account_nip account_regon account_street account_street_no account_local_no account_postcode account_city account_country account_status

Users

PK id

user_name user_surname user_title user_emailFK1 img_id user_language user_login user_password user_date user_timezone user_active user_department

Libraries

PK id

lib_nameFK1 lib_creator lib_dateFK2 account_id lib_behavior_type lib_behavior_local_type

Libraries_Competences

PK id

lib_com_name lib_com_descritpionFK2 lib_com_creator lib_com_dateFK1 lib_id

Libraries_Behavior

PK id

FK1 lib_com_id lib_beh_name lib_beh_description lib_beh_local_type lib_beh_commentFK2 lib_beh_creator lib_beh_date

Libraries_Instructions

PK id

lib_inst_name lib_inst_descriptionFK2 lib_inst_creator lib_inst_dateFK1 lib_id lib_inst_language

Libraries_Behavior_Data

PK id

FK1 lib_beh_id lib_beh_data_label lib_beh_data_answer lib_beh_data_sort

Users_Access

PK id

FK2 user_idFK1 account_id user_access_type

Projects

PK id

pro_name pro_description pro_type pro_date pro_date_start pro_date_end pro_status pro_required_respondents pro_noticeFK1 account_idFK2 pro_creator pro_mailing_participants pro_mailing_respondents pro_mailing_superior pro_instruction_participants pro_instruction_respondents pro_instruction_superior pro_behavior_type pro_behavior_local_type pro_participants_add_resp

Projects_Competences

PK id

pro_com_name pro_com_descriptionFK1 pro_id

Projects_Behavior

PK id

FK1 pro_com_id pro_beh_name pro_beh_description pro_beh_local_type pro_beh_comment

Projects_Behavior_Data

PK id

FK1 pro_beh_id pro_beh_data_label pro_beh_data_answer pro_beh_data_sort

Projects_Participants

PK id

FK2 pro_gro_idFK1 user_id pro_par_status pro_par_identifier

Projects_Respondents

PK id

FK1 pro_gro_idFK2 user_id pro_res_added_by_participant

Projects_Answers

PK id

FK2 pro_res2par_idFK1 pro_beh_id pro_ans_answer pro_ans_type pro_ans_date

Projects_Progress

PK id

FK2 pro_res2par_idFK1 pro_beh_id pro_prog_sort pro_prog_is_answer pro_prog_date

Translations

PK id

trans_language trans_key trans_translation

Projects_Groups

PK id

FK1 pro_id pro_gro_name

Projects_Respondents2Participants

PK id

FK1 pro_par_idFK2 pro_res_id pro_res2par_relation_type pro_res2par_key pro_res2par_status

Libraries_Mailings

PK id

lib_mail_name lib_mail_descriptionFK2 lib_mail_creator lib_mail_dateFK1 lib_id lib_mail_language

Projects_Global_Behavior_Data

PK id

FK1 pro_id pro_glob_beh_data_label pro_glob_beh_data_answer pro_glob_beh_data_sort

Libraries_Global_Behavior_Data

PK id

FK1 lib_id lib_glob_beh_data_label lib_glob_beh_data_answer lib_glob_beh_data_sort

Projects_Important_Competences

PK id

FK2 pro_res2par_idFK1 pro_com_id

projects_notices_history

PK id

FK1 pro_id pro_noti_date pro_noti_count

mails

PK id

mail_status mail_date mail_last_modification mail_trials_number mail_type mail_from mail_to mail_title mail_body mail_extra_headers

Persony

http://www.flickr.com/photoshttp://www.flickr.com/photos/kubina/1386979654/sizes/l/

NEUROTYCZNO!"

RÓWNOWAGA EMOCJONALNA

INTROWERSJA EKSTRAWERSJA

melancholik

flegmatyk

choleryk

sangwinik

apatia

l#k

sztywno$%

refleksyjno$%

pesymizm

pow$ci&gliwo$%

nietowarzysko$%

spokój

dra'liwo$%

niepokój

agresja

wybuchowo$%

zmienno$%

impulsywno$%

optymizm

towarzysko$%

otwarto$%

gadatliwo$%

wra'liwo$%

niefrasobliwo$%

'ywo$%

beztroska

przywódczo$%

bierno$%

ostro'no$%

powaga

pojednawczo$%

kontrola

solidno$%

zrównowa'enie

(agodno$%

Persony - twórzmy je wspólnie

Diagramy

MODU!Y

Grupa serwisów

Grupa serwisów

xyz

Budownictwo

XYZ

Search

Search+Results

Login

Login

Topology

Briefcases

Calendar+Nav

May

Table w/Action+NavAkty prawne

Administracja

Samorz"d

Xyz

#rodowisko

Lecznictwo

Edukacja

Download/Import

Profil usera

Form

Text+Images+Nav

1 -----2 -----3 -----

Wizard

Mixed Graphs+Nav

Ksi$gowo%&

BHP

O%wiata

XYZ

MODU!Y

CORPO

Struktura

#6 Używaj odpowiednich narzędzi


#7 Wciągnij klienta do gry

Peter Boersma - Design skeches / 2010

6 propozycji

4 (trochę bardziej) precyzyjne szkice

1 finalny ekran

Peter Boersma - Design skeches / 2010

„Speed first, Aesthetics second”

Jason Fried, 37signals.com

#8 Działaj szybko, ale nie zapominaj o jakości


#9 Utrzymuj tempo, pokazuj efekty

http://www.flickr.com/photos/37541410@N03/3901861703/sizes/l/

http://img.blog.yahoo.co.kr/ybi/1/1c/f6/cliffordmlarsen/folder/717992/img_717992_1359004_3?1103025176.jpg

#10 Don’t make me read

Strona g!ówna: makieta high fidelity

English version

Newsy

16:9

52 3 41

Wi!cej>>

logo partnera

logo partnera

logo partnera

logo partnera

logo partnera

logo partnera

logo partnera

logo partnera

logo partnera

logo partnera

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis.

Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus vitae, eleifend in, risus.

Czytaj...

dd-mm-rrrr

HeaderLorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus vitae, eleifend in, risus.

dd-mm-rrrr

Czytaj...


dd-mm-rrrr

Czytaj...

Nazwa eventuLorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus vitae, eleifend in, risus.

dd-mm-rrrr

Czytaj...HeaderLorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus vitae, eleifend in, risus.

dd-mm-rrrr

Czytaj...

Dialog spo"ecznyFundusze unijneCentrum

Monitorowania Legislacji

Oferty gospodarczeCz"onkowieAktualno#ciG"ówna

Biuletyn KPP:

wpisz adres email Gotowe

Subskrypcja

Pobierz ostatnie wydanie w formacie PDF

Subskrypcja RSS ( co to jest? )

Kontakt:

ul. Przyk!adowa 55

00-000 Warszawa

telefon: 602 000 000

email: [email protected]

Zobacz tak"e:

ul. Przyk!adowa 55

00-000 Warszawa

telefon: 602 000 000

email: [email protected]

Nazwa afiliowanego serwisu

www.serwis.pl


www.serwis.pl


www.serwis.pl


www.serwis.pl


www.serwis.pl


dd-mm-rrrr

Czytaj...

Konferencje

Przetargi


dd-mm-rrrr

Czytaj...

Ministerstwo Transportu Republiki Egiptu og!asza przetarg na zakup 20 wagonów elektrycznych Do klimatyzowanych poci#gów pasa"erskich (czytaj)

Wi!cej przetargów

Ministerstwo Transportu Republiki Egiptu og!asza przetarg na zakup 20 wagonów elektrycznych Do klimatyzowanych poci#gów pasa"erskich (czytaj)

Polecamy

Foto

Foto

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis.

Lorem ipsum dolor sit amet,

consectetuer adipiscing elit.

Suspendisse ut purus.

Suspendisse tristique. Cras

et sem at odio porttitor

mattis.

Dyskutuj o tym na Forum! FORUM

Makieta

Makieta prezentuj$ wst$pn# koncepcj$ architektury informacji serwisu

internetowego KPP. Jest to uk!ad funkcjonalny, zawieraj#cy najwa"niejsze

elementy serwisu, ich umiejscowienie i zale"no%ci mi$dzy nimi.

Jest to podstawa do rozpocz$cia prac graficznych na pó"niejszych etapach

prac. Obecna makieta powsta!a jako prezentacja naszych mo"liwo%ci i

filozofii pracy i nie nale"y jej traktowa& jako finalnego produktu.

Moodbar

Mo"liwo%& prezentacji najwa"niejszych wydarze' /

informacji w formie interaktywnego bannera, gdzie w

sposób ci#g!y wymieniaj# si$ informacje (zdj$cie +

tre%&). Rotacji podlega np 4-5 newsów. Podobne

rozwi#zania stosowane s# w serwisach typu

gazeta.pl. cnn.com

Newsy

Prezentacja najwa"niejszych informacji

gospodarczych, z "ycia KPP w formie krótkich

informacji. Jako pierwsza pojawia si$ albo najbardziej

aktualna informacja lub promowana.

Polecamy

Prezentacja polecanych wydarze', konferencji,

promowanych projektów przez KPP.

Forum

Dost$p do forum dyskusyjnego gdzie mo"na

wymienia& si$ pogl#dami na tematy zwi#zane z

"yciem spo!eczno-gospodarczym

Przetargi

Informacje o przetargach, wa"nych umowach/

transakcjach mi$dzynarodowych.

Biuletyn KPP

Formularz umo"liwiaj#cy zapisanie si$ do biuletynu/

newslettera KPP, wraz z mo"liwo%ci# subskrypcji

RSS, a tak"e pobrania ostatniego wydania w formie

PDF.

Kontakt

Prezentacja adresu i danych

kontaktowych do KPP

Zobacz tak$e

Prezentacja adresów/projektów

wspieranych/promowanych przez

KPP

Konferencje

Prezentacja najbli"szych konferencji/spotka'/

seminariów promowanych/organizowanych przez

KPP.

Alternatywy:

Popularne narzędzia:

#10 Nie każ mi czytać (myśleć)

#1 Załóż, że klient to dziecko we mgle

#2 Nie używaj magicznego kompasu

#3 Stwórz mapę projektu i podążaj do celu

#4 Wizualizuj swoje idee

#5 Ustanów wspólny język

#6 Używaj odpowiednich narzędzi

#7 Wciągnij klienta do gry

#8 Działaj szybko, ale nie zapominaj o jakości

#9 Utrzymuj tempo, pokazuj efekty

Dobre rady dot. komunikacji w projektach UX

http://www.flickr.com/photos/19638298@N00/143127498/sizes/z/

Tear It Down, Build It up

RITUAL CHAOSRyzykowny biznes

USER EXPERIENCE

Skontaktuj się ze mną:

Wiesław Kotecki

[email protected]. 505 185 939

www.uselab.pl

mailto:[email protected]

mailto:[email protected]

http://www.uselab.pl

http://www.uselab.pl

nie lubimy czytac dokumentacji wud 2010

Design

klimatyzowanych

donec lectus

consectetuer

nazwa afiliowanego

odio porttitor

ale nie zapominaj

suspendisse

poznajmy si