Badania systemow finansowych. WUD Krakow 2012
Upcoming SlideShare
Loading in...5
×
 

Badania systemow finansowych. WUD Krakow 2012

on

  • 3,804 views

 

Statistics

Views

Total Views
3,804
Views on SlideShare
1,465
Embed Views
2,339

Actions

Likes
2
Downloads
13
Comments
0

16 Embeds 2,339

http://www.wudkrakow.pl 829
http://2012.wudkrakow.pl 538
http://wudkrakow.pl 537
http://www.ifixux.pl 175
http://click-apps.pl 114
http://wefixux.pl 105
http://www.feedspot.com 17
http://abtasty.com 12
http://pinterest.com 2
http://www.newsblur.com 2
http://2013.wudkrakow.pl 2
http://digg.com 2
https://twitter.com 1
http://beta.wudkrakow.pl 1
http://www.2012.wudkrakow.pl 1
http://www.pinterest.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Nie wiem czy wiecie, ale K2 bardzo kocha banki, a banki kochają K2. W swoim portfolio klientów mamy:PKO BP, dla którego zaprojektowaliśmy nowy serwis informacyjny oraz system transakcyjny dla dzieci SKO. I kolejne projekty już w drodzePekao SA, dla którego zaprojektowalismy system transakcyjny Pekao24, Dom Maklerski, serwis transakcyjny dla korporacji oraz minisajty promocyjne i produktowe (Kredyty Hipoteczne, NowePekao24, ???)Getin Bank, o którym już wspominał Maciek – nowy serwis informacyjny, nagrodzony 1 miejscem w badaniu Kryształów SymetriiJa kocham banki jeszcze bardziej – jakieś 5-6 lat temu, w ramach pracy w UseLabie, przeprowadzałam badania również dla …
  • Formularz – podział na strony, dynamiczne doładowywanie pól w zależności od zaznaczynych radio buttonów i check boxów, akorden przy kolejnych wnioskodawcachKalkulatory – zmieniliśmy formę z formularzowej na dynamiczne suwaki. Sprzężyliśmy kalkulatory z formularzem
  • Sekcja ofertowa – miejsce, gdzie znajdują się informacje sprzedażowe o ofercie i promocjachSekcja obsługowa – dodanie wyraźnych odnośników do stron z opisem oferty oraz kalkulatorów kalkulatorów
  • W tym samym czasie zmieniła się identyfikacja wizualna marki. Postanowiliśmy więc przy okazji sprawdzić odbiór nowej kolorystyki.Prototyp graficzny, grafik dorysował tylko niezbędne elementy, webdev wdrożył
  • Wywiad wstępny - Jak ten proces wygląda obecnie, jak powinien wyglądać, czego się obawiają, jakie mają przyzwyczajenia
  • Obawiali się
  • Obawiali się
  • Obawiali się
  • Co to za system, do czego służy
  • To w większości ludzie pracujące na systemie codziennie - mają swoje przyzwyczajenia, wyuczony sposób korzystaniaNie wiemy jak używają, ALE mamy zaprojektować system poprawiający jakość ich pracy!Ważne poznanie przyzwyczajeń i sposobu korzystania
  • ludzie zapracowani, nie mogą wyjść z biura na 3hJak dotrzeć do tych najczęściej korzystającyh z systemu?
  • Oceniali system bardzo pozytywnie – efekt zaawansowanych użytkownikówAle wskazali również wiele mniejszych i wiekszych elementów do poprawy. Większość uwzględniliśmy w nowym systemi
  • Why? - Zupełnie nowa kolorystyka, nowy układ tabel, nowe ułożenie przycisków
  • Był też z nami grafik – zachwycony możliwościa obserwacji i zaobserwowanymi zachowaniami
  • Badania wyszły zaskakująco dobrze!Badani dobrze orientowali się w serwisie oraz patrzyli na najważniejsze obszary.

Badania systemow finansowych. WUD Krakow 2012 Badania systemow finansowych. WUD Krakow 2012 Presentation Transcript

  • BadaniasystemówfinansowychWyzwania. Metody. Efekty.Paulina Makuch
  • K2 ♥ bankiJa ♥ banki jeszcze bardziej
  • A dziś o Zmiany w formularzach wniosków we wdrożeniu System transakcyjny dla korporacji we wdrożeniu Serwis informacyjny pkobp.pl 2012
  • Bank CenzuraElementy systemu transakcyjnego
  • Cele zmian w systemiePoprawa konwersji formularza wnioskujednego z popularniejszych produktówZmiana pozostałych wniosków w oparciu owypracowany schematUsparwnienie procesu sprzedaży online
  • ZaprojektowaliśmyPrzeprojektowaliśmy formularzZaprojektowaliśmy dwa kalkulatoryStworzyliśmy sekcję dla wszystkich złożonych wniosków
  • + poza zakresemPrzeprojektowaliśmy sekcję ofertową – nowa architekturainformacji oraz nowy zakes treściZarekomendowaliśmy zmiany w sekcjach obsługowych(na stronach kategorii produktowych)
  • Prototyp architektury informacji
  • Wyzwania badawcze
  • Prototyp do badańSkomplikowana mechanika formularza i dużo,dużo pól do walidacjiZależności między kalkulatorami a formularzemKalkulator z suwakami
  • Prototyp do badań
  • Dlaczego prototyp developerski?Oszczędność czasu mojegoWalidacja pól, dodanie elementów graficznych zajęłoby mipodobną ilość czasuOszczędność czasu webdeveloperówWebdeveloper w większość korzystał w biblioteki gotowychelementówStworzony prototyp (kod) był podstawą do dalszych pracdeveloperskichOszczędnośc czasu grafikaNie musiał przygotowywać szablonów graficznych, a tylkodorysowywał brakujące elemnety
  • Przebieg badania
  • Respondenci10 osóbWiek 20 – 55 latObecni klienci bankuKorzystający z bankowości przez InternetOsoby zainteresowane produktem w ciągu ostatnich 6miesięcy
  • Zastosowane metody1 Wywiad wstępny Doświadczenia i oczekiwania związane z poszukiwaniem produktu2 Obserwacja użytkowników Ewaluacja proponowanych zmian i odbiór projektu graficznego3 Wywiad końcowy Ocena serwisu oraz nowego, rozszerzonego procesu
  • 1. Doświadczenia i oczekiwaniaGdzie szukają produktu –na stronie banku, w porównywarkach, idą do oddziału?Jak podejmują decyzje –długo rozważają czy spontanicznie?Jak wypełniają wnioski –online czy w oddziale z konsultantem?Jakie są ich postawy –czego się obawiają, co ich motywuje do działania?
  • 2. Wspólne przeżywanie historii Wywiad wstępny wprowadzał respondenta wpotrzeba kontekst, a moderatorowi dawał wiedzę o oczekiwaniach badanego Zadania jako jedna historia Wyobraź sobie, że jesteś zainteresowany kredytem. Sprawdź ile będzie Cię kosztowała rata. Zainteresowało Cię – sprawdź czy dostaniesz. Chcesz kupić – co zrobisz? Wypełniłeś wniosek, procesuje się w banku – czego się spodziewasz? Dostałes maila z treścią… – co robisz dalej? cel Ocena procesu
  • 3. Ocena procesuPodsumowanie wrażeń No jeżeli dla mnie jest to proste, to znaczy żeOcena formularza i całego procesu to musi być proste, bo mówię że ja naprawdę jestem atechnicznaWskazanie najtrudniejszych miejsc Trochę trzeba byłoPochwalenie dobrych rozwiązań pobłądzić. Ale nie, nie jest to aż tak skomplikowane, tylko trzeba tam tak poklikać metodą prób i błędów. Gdy już teraz ochłonąłem, całość jest jak najbardziej do zaakceptowania, poza zawiłościami z odnajdywaniem niektórych zakładek, ja nie widzę tutaj większych problemów
  • Efekty
  • Przetestowaliśmy sposóbnawigacji po formularzu izidentyfikowaliśmy miejscaproblemowe.Zarekomendowaliśmy zmiany nietylko na poziomie pól, alerównież pewne formy wsparciaużytkowników.
  • Zastowanie graficznego prototypupozwoliło sprawdzić widocznośćistotnych obszarów strony.Mogliśmy poprawić szczegóły, jaknp. widoczność pól opcjonalnych.
  • Zbadaliśmy szanse na pozytywnyodbiór nowego sposobusprzedaży.Przedstawiliśmy odpowiednierekomendacje, wychodzące pozazmiany w samym formularzu.
  • PekaoBiznes24 System transakcyjny dla korporacji
  • Obecny wygląd systemu
  • Cele projektuUproszczenie nawigacji –obecne menu nie mieści się na ekranieIntuicyjne rozmieszczanie treściUsprawnienie działania systemu –bardziej dynamicznie, bez przeładowywaniaBardziej nowoczesna szata graficzna –z ładnego systemu przyjemniej się korzysta
  • Główne wyzwania projektoweWażne narzędzie codziennej pracysetek tysięcy użytkownikówJak projektować coś o czym niewiemy, do czego służy i jak się z tegokorzysta?
  • Wyzwania badawcze
  • Specyficzna grupa użytkownikówPracownicy korporacji – księgowe, managerowie, prezesiJak do nich dotrzeć?
  • Specyficzna grupa użytkownikówPracownicy korporacji – księgowe, menagerowie, prezesiJak do nich dotrzeć? Bank nam pomógł
  • System o wielu twarzachDwie wizualizacje graficzne jednego systemu.Każdy użytkownik może mieć inne moduły, inne uprawnieniaJak badać system, który u każdego wygląda inaczej?
  • System o wielu twarzachDwie wizualizacje graficzne jednego systemu.Każdy użytkownik może mieć inne moduły, inne uprawnieniaJak badać system, który u każdego wygląda inaczej?Odpowiednia konstrukcja ankiety
  • Etapy projektu Analiza starego Projektowanie Projektowanie serwisu i zebranie UX – klikalny graficzne wymagań prototypBadania Ankieta Cel. Zdefiniowanie najczęściej wykorzystywanych funkcji i najbardziej problemowych miejsc
  • Ankieta
  • Rekrutacja respondentówAnkieta wyświetlająca się po zalogowaniu do systemuPoczątkowo tylko użytkownikom najczęściej korzystającym zsystemu. Później również wszystkim pozostałym.
  • Budowa ankietyPytania o 14 wybranychfunkcjonalności serwisuKwestionariusz oceny satysfakcjikorzystania z serwisuWybór 3 najważniejszych cechsystemu transakcyjnegoKorzystanie z innych serwisówtransakcyjnych dla biznesu
  • Wyniki. Najważniejsze cechy systemu Prostota Atrakcyjny Logiczna wygląd nawigacja Intuicyjność Nowoczesność Prędkość działania Dostępność pomocy Kontekstowość Bogactwo funkcjiPrzejrzystość funkcjonalności
  • Dowiedzieliśmy się,w których miejscachużytkownicy napotykają naproblemy w korzystaniu.Przeanalizowaliśmy ichopinie oraz sugestie iwzięliśmy je pod uwagęprojektując nowy system.
  • Badania naprototypie
  • Prototyp architektury informacji
  • Etapy projektu Badania w projekcie Analiza starego Projektowanie Projektowanie serwisu i zebranie UX – klikalny graficzne wymagań prototypBadania Ankieta Obserwacja użytkowników na prototypie Cel. Sprawdzenie reakcji na zmiany. Przetestowanie nowej architektury informacji.
  • Respondenci12 osóbKlienci banku, korzystający z systemu
  • RekrutacjaMailing rozesłany przez Bank do aktywnych klientów,uczestniczących w warsztatach szkoleniowychBadania w siedzibie klientaZorganizowanie specjalnych konsultancji z doradcami
  • 1. Wywiad wstępnySposób korzystania z obecnego systemuNajczęściej wykorzystywane funkcjePrzyzwyczajeniaProblemyPomysły na usprawnienie
  • 2. Obserwacja na prototypieSwobodna eksploracjiPrzetestowanie nowej strony głównejWybierali sekcje zgodnie z zainteresowaniami i zakresemobowiązkówZadania Zrób… Czy robisz to na co dzień?Robi – jak odbierze zmianyNie robi – jak będzie się tego uczył nowy użytkownik
  • Nowa nawigacja i stronagłówna zostały odebranepozytywnieUsłyszeliśmy też kilkakolejnych sugestiiusprawnień
  • Eyetracking
  • Badany projekt graficzny
  • Etapy projektu Badania w projekcie Analiza starego Projektowanie Projektowanie serwisu i zebranie UX – klikalny graficzne wymagań prototypBadania Ankieta Obserwacja Eyetracking użytkowników na nowych projektów prototypie graficznych Cel. Przetestowanie widoczności najważniejszych elementów. Ocena odbioru nowej szaty graficznej.
  • Respondenci20 14 osóbKlienci banku, korzystający z systemuRekrutacja przez bankBadania w Laboratorium K2 UX
  • EyetrackingPrezentacja 15 statycznych projektów graficznych1. Swobodne przeglądanieKtóre obszary najbardziej zwracają uwagę2. 22 jednoklikowe zadaniaIntuicyjność rozmieszczenia elementów3. WywiadOgólne wrażeniePrzejrzystość, widoczność najważniejszych funkcjiCzy mieli z czymś problem?
  • Strona logowaniaSwobodne przeglądanie. 10 sekund.
  • Zadania wykonywali sprawniei w zdecydowanej większościbezbłędnie.Zidentyfikowaliśmy też kilkaniedociągnięć i wprowadziliśmyzmiany graficzne
  • Efekty
  • Udało się znacznieuprościć nawigację.Osoba, która obecnie ma wgłównym menu 27 elementów, wnowym systemie będzie miała 7
  • Zoptymalizowaliśmy dotarciedo wielu funkcji.Aby znaleźć funkcję X,w starym systemie należy wybraćdział (1 z 27) a następnieopcję przelewu (1 z 18).W nowym systemie wybieramy linkbezpośrednio z pulpitu.
  • PKO Bank PolskiSerwis informacyjny pkobp.pl
  • Pkobp.pl w 2010Skomplikowany i przeładowanydużą ilością informacji
  • OczekiwaniaBudowanie wizerunku lidera branży finansowejSerwis prosty i użyteczny dla wszystkich grup klientówZgodność z najnowszymi trendamiOdmłodzenie markiRebranding
  • Badania zużytkownikami
  • Chcieliśmy się dowiedziećJak użytkownicy nawigują poprzez treść(bez tradycyjnego menu)?Czy i jak korzystają z narzędzi (filtrowanie, porównywanieproduktów, wyszukiwanie bankomatów)?Jak oceniają strony produktowe i czy potrafią zamówićprodukt?Czy projekt graficzny jest przejrzysty i atrakcyjny dlaklientów?Jak klienci PKO BP odbiorą zmianę starego serwisu nanowy?
  • Uczniowie i studenci Małe i średnie firmy Bankowość osobista Klienci indywidualni24 osobyProjekt porządnie przebadany! Klienci PKO BP100 użytkowników. Różne grupycelowe. W kilku iteracjach. Klienci konkurencji
  • Zastosowane metody1 Wywiad wstępny Doświadczenia i oczekiwania związane z bankowością internetową2 Eyetracking Badanie projektów graficznych3 Obserwacja użytkowników Ewaluacja użyteczności i realizacji celów biznesowych Dyferencjał Ocena serwisu na skali z4 semantyczny przeciwstawnymi przymiotnikami5 Wywiad końcowy Wrażenia i ocena serwisu
  • ZadaniaNajczęstsze ścieżki użycia serwisu –znalezienie produktu, zamówienie, logowanie, zgłoszeniezaginięcia karty, bankomatDla każdej grupy respondentów przygotowaliśmy odrębnyzestaw zadań, zgodny z ich celami
  • Prototyp do badań
  • Liczył 326 stron
  • Strona grupy
  • Strona kategorii
  • Strona produktu
  • Projektygraficzne
  • EyetrackingStrona główna starego serwisu oraz kilku konkurencyjnychbanków6 statycznych projektów statycznych1. Swobodne przeglądanieKtóre obszary najbardziej zwracają uwagę2. Zadania jednoklikoweIntuicyjność rozmieszczenia elementów
  • Strona główna
  • Strona grupy
  • Strona kategorii
  • Strona produktu
  • Obserwacja na prototypie
  • Najważniejsze wnioskiNawigacja – bez przeszkódWybór kategorii i produktu – nie mieli większych problemówFiltratory – chwalony sposób wyboru produktuLogowanie – niestandardowe umiejscowienie nie byłoproblemem
  • Zidentyfikowaliśmy równieżkilka miejsc problemowych
  • Bankowość osobista Bankowość osobista – to co chcemy my osobiście zrobić, czyli kredyt, czy tam coś.Nie rozumieli nazwy „Bankowośćosobista” i czym ten dział różni się Może osobista, to już taka, żeod sekcji „Klienci indywidualni”. jestem dłużej, że już przychodzę do tego banku, a Indywidualni to może, że idę pierwszy razZ 10 rozwiązań Bank wybrałrozwijane podmenu Ja wiem. To jest oferta spersonalizowana dla mnie. W tym dziale się zapamiętuje, to co ja wcześniej oglądałem na stronie.
  • Firmy i rynek mieszkaniowyWybierane przy poszukiwaniu Wszyscy jesteśmykredytu mieszkaniowego klientami rynku mieszkaniowegoNazwa została zmieniona naFirmy Wspólnoty Spółdzielnie
  • Porównywanie produktówNasz sposób nie sprawdziłsię – użytkownicy niewidzieli przycisku PorównajZaprojektowaliśmy więctooltip, wyświetlający siępo zaznaczeniu produktudo porównania
  • Zamawianie produktówWizualizacje procesów zakupowych odciągały uwagę odformularza call backZarekomendowaliśmy zastosowanie opisu procesu w formietekstowej
  • Eyetracking
  • Poprzednia wersja serwisu PKO BPBardzo zróżnicowane ścieżki wzroku świadcząo mało czytelnej hierarchii informacji.
  • 2 4 3 1 8 5 6 10 9 7 11
  • Projekt nowego serwisu PKO BPBardzo duża spójność ścieżek wzroku, wszystkienajważniejsze elementy są łatwo zauważalne.
  • 41 2 3 5 6
  • Strona głównaZaloguj się do systemu iPKO
  • Strona grupyZnajdź pożyczkę gotówkową
  • Kredyty i pożyczkiZnajdź pożyczkę gotówkową
  • Strona MiniratkaZapoznaj się z produktem
  • Ocena serwisu
  • Pozytywny odbiór nowego portalu Jest mądrze zrobiona. Szybko Jest przejrzysta, te kwadraciki są bardzo można się do niej przekonać. przejrzyste, gdzie wszystko jest ładnie opisane. Nie trzeba właśnie tego szukać, tych wszystkich informacji.Spodobało mi się, że jestbardzo czytelna tastrona, jest łatwo wzrokowo Fajne są te kwadraciki takie.zapamiętać tą stronę. Wszystko widać. Dobrze jest zrobiona ta strona.
  • Dyferencjał semantyczny Stary serwis Nowy serwis
  • IXDA Awards
  • Dziękujępaulina@ifixux.pl ifixux.pl