Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w...

48
7 października 2010 r. Warszawa, Multikino Złote Tarasy 20 lat Internetu. To dopiero początek.

description

Wojciech Pronobis (PZU)

Transcript of Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w...

Page 1: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

7 października 2010 r.Warszawa, Multikino Złote Tarasy

20 lat Internetu. To dopiero początek.

Page 2: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Budowa nowoczesnego serwisu internetowego w instytucji finansowej

Wojciech PronobisPZU

Page 3: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Agenda

Cele serwisów instytucji finansowychTrendy i zasady budowy stron Proces projektowania serwisówNowy portal PZU.plBadania użyteczności i eye-trackingKierunki rozwoju portali

Page 4: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Cele serwisów instytucji finansowych

Page 5: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Informacja

Page 6: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Edukacja i doradztwo

Page 7: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Sprzedaż

Page 8: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Obsługa klienta

Page 9: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Budowanie wizerunku

Page 10: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Trendy i zasady budowy stron

Page 11: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Główne zasady

Ergonomia jest najważniejsza!Podział treści zgodny z modelami mentalnymi użytkownikówZrozumiały język

A jak wyglądają trendy?

Page 12: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Duże zdjęcia - wizerunek

Page 13: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 14: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 15: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 16: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 17: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 18: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Uproszczenie nawigacji

Page 19: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Wyraźne punkty startowe

Page 20: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 21: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Wyszukiwarka jako pełnoprawna nawigacja

Page 22: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Jak to się robi?

Page 23: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Projektowanie zorientowane na użytkownika

Page 24: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

1. Analiza potrzeb użytkowników

Page 25: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

2. Analiza wymagań organizacyjnych

Page 26: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

3. Projektowanie intefrejsu użytkownika

Page 27: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

4. Testy prototypu z użytkownikami

Page 28: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

5. Implementacja serwisu

Page 29: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Nowy portal PZU.pl

Page 30: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 31: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Edukacja i doradztwo

Page 32: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Obsługa klienta

Page 33: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Wyzwania

Ponad 200 skomplikowanych produktów finansowychWiele różnych grup docelowychWiele spółek wchodzących w skład Grupy PZU

Page 34: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Problem ze starym serwisem

Powtarzanie się produktóww wielu kategoriach:

Użytkownicy nigdy nie byli pewni, czy już widzieli dany produkt, czy nie

Utrudnione zarządzanie treścią

Page 35: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Rozwiązanie “Filtrownica”

Page 36: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Inspiracja: serwisy e-commerce

Page 37: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 38: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 39: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Badania PZU.pl z udziałem użytkowników

Page 40: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Badania usability na prototypie

Page 41: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Ewaluacja projektu graficznego

Page 42: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Eye-tracking

Page 43: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.
Page 44: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Badania i projekt serwisu PZU.pl: agencja K2 Internet

www.k2.pl/ux

Page 45: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Kierunki rozwoju portali

Page 46: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Kierunki rozwoju portali

Prostota i użytecznośćWizerunkowośćPoszukiwanie oryginalnych rozwiązań

dla interfejsu użytkownikaRezygnacja z elementów flash

Page 47: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Wersje przeznaczone dla telefonów komórkowych i tabletów

Page 48: Pokaż mi swoją stronę, a powiem Ci kim jesteś. Tworzenie nowoczesnego serwisu internetowego w instytucji finansowej.

Dziękuję.

Wojciech PronobisPZU