際際滷

際際滷Share a Scribd company logo
Przebudowa serwisu Inwestycje.pl
Ideacto przeprowadzio kompleksow przebudow serwisu Inwestycje.pl zgodnie
z zasadami User-Centered Design - projektowania zorientowanego na u甜ytkownika.

Inwestycje S.A. to sp坦ka notowana na rynku akcji NewConnect. Tworzy grup kapitaow,
kt坦ra prowadzi kilkanacie serwis坦w internetowych o profilu finansowym. W skad internetowej
platformy Grupy Inwestycje.pl wchodzi midzy innymi serwis Inwestycje.pl  jeden
z najwikszych portali finansowo-gospodarczych w Polsce. G坦wnymi odbiorcami platformy s
osoby poszukujce informacji na temat mo甜liwoci inwestowania pienidzy.


Cel projektu
Celem przebudowy byo pozyskanie nowych u甜ytkownik坦w i zwikszenie liczby odson. Do
osignicia takiego celu nale甜ao przeprojektowa serwis zgodnie z zasadami projektowania
zorientowanego na u甜ytkownika.


Analiza wymaga
Pocztkowo zesp坦 Ideacto przeprowadzi szereg bada skadajcych si na analiz wymaga
biznesowych i poznanie potrzeb u甜ytkownik坦w. Pierwszym etapem bya analiza statystyk
obecnego serwisu wzbogacona o clicktracking oraz badania eksperckie dziaajcego
serwisu. Ju甜 w tym momencie zaczto zbiera rekomendacje i pomysy zmian, kt坦re mogyby
wpyn na polepszenie u甜ytecznoci strony, a tym samym na zwikszenie jej atrakcyjnoci w
oczach u甜ytkownik坦w.

Zawarto merytoryczna serwisu bya olbrzymia  informacje zostay pogrupowane na okoo 70
dzia坦w podzielonych na osiem du甜ych grup. Najmocniejszymi stronami serwisu okazay si trzy
dziay:
     wiadomoci giedowe
     notowania sp坦ek
     kursy walut
Znalezienie powy甜szych element坦w w tak obszernym serwisie byo dla u甜ytkownik坦w bardzo
du甜ym wyzwanie gdy甜 potr坦jne, a nawet poczw坦rne zagbienie nie byo na stronie niczym
nadzwyczajnym.

W trakcie analiz uruchomiono w serwisie ankiet internetow, dziki kt坦rej mo甜liwe byo
dokadne poznanie grup u甜ytkownik坦w obecnie korzystajcych z serwisu. Poza pytaniami
metryczkowymi respondenci oceniali u甜yteczno obecnego serwisu i mieli mo甜liwo
zaproponowania wasnych rozwiza jego ulepszenia.

cznie zebrano ponad 800 odpowiedzi u甜ytkownik坦w, kt坦rzy odwiedzili portal. Osobami
powracajcymi do serwisu byli g坦wnie inwestorzy. Co ciekawe prawie jedn trzeci
powracajcych u甜ytkownik坦w stanowiy osoby nale甜ce do grupy przyszych inwestor坦w  byy
to osoby interesujce si finansami, lecz jeszcze nieinwestujce. U甜ytkownicy poszukiwali
g坦wnie notowa giedowych, informacji o sp坦kach i najnowszych wiadomoci inwestycyjnych.
Mo甜na sdzi, i甜 osoby nieinwestujce przygotowyway si do rozpoczcia inwestycji na
rynkach giedowych i walutowych (wskazywa na to r坦wnie甜 mody wiek tej grupy
respondent坦w). Uzyskano bardzo ciekawy wynik pomiaru satysfakcji ze strony  pomimo wielu
bd坦w u甜ytecznociowych serwis cieszy si pozytywn opini wr坦d powracajcych
u甜ytkownik坦w i wikszo z nich poleciaby go innym osobom. U甜ytkownicy cenili serwis za
zawarto merytoryczn, co pomniejszao wag wydajnoci i efektywnoci serwisu.
Zaproponowane przez u甜ytkownik坦w rozwizania zmian i poprawy funkcjonalnoci zostay
wczone w opracowywanie p坦添niejszych wymaga funkcjonalnych.




 Wyniki ankiety internetowej. Procentowy udzia inwestor坦w, przyszych inwestor坦w i nie-inwestor坦w w podziale na
                                      nowych i powracajcych u甜ytkownik坦w.
Wyniki ankiety internetowej. Popularno poszczeg坦lnych rodzaj坦w informacji w podziale na u甜ytkownik坦w nowych i
                                                powracajcych.




      Wyniki ankiety internetowej. Rozkad odpowiedzi na jedno z pyta mierzcych satysfakcj ze strony dla
                                          u甜ytkownik坦w powracajcych.
Testy z udziaem u甜ytkownik坦w
Po dokadnej analizie danych ilociowych nadszed czas na bardziej szczeg坦owe badania
jakociowe z udziaem u甜ytkownik坦w. Badania miay charakter wywiad坦w pogbionych
poczonych z testem u甜ytecznoci obecnego serwisu. Celem badania byo wykrycie
problem坦w, na jakie napotykaj si u甜ytkownicy w trakcie korzystania z serwisu oraz poznanie
ich potrzeb i zachowa zwizanych z inwestowaniem. Do bada zaproszono inwestor坦w
giedowych, kt坦rzy bardzo czsto korzystali z portali finansowych. Pytania zadawane w trakcie
test坦w dotyczyy zachowa inwestycyjnych, poszukiwania informacji i wykorzystania do tego
serwis坦w finansowych. U甜ytkownicy wykonywali r坦wnie甜 ustalone zadania, kt坦re miay na celu
ocenienie obecnego serwisu pod ktem u甜ytecznoci.

Zaproszeni u甜ytkownicy charakteryzowali si zr坦甜nicowanym podejciem do inwestowania -
osoby korzystay z r坦甜nych sposob坦w podejmowania decyzji inwestycyjnych, zajmoway si
analiz fundamentaln i/lub techniczn, przeprowadzay operacje finansowe codziennie lub
kilka razy w miesicu, ceniy komentarze giedowe lub nigdy ich nie czytay. Inwestorzy czsto
sprawdzali notowania podczas wykonywania innych czynnoci, co wymagao od serwisu
szybkiego i przejrzystego prezentowania tych danych na stronie. Zebrane wyniki test坦w stay
si podstaw do przygotowania wymaga funkcjonalnych nowego projektu.


Projektowanie
Po zebraniu wszystkich wynik坦w i opracowaniu wymaga funkcjonalnych zesp坦 Ideacto
zacz prace projektowe. Przebudowano nawigacj, opracowano now interakcj i
architektur informacji. Kocowym etapem prac koncepcyjnych bya makieta, kt坦ra nastpnie
zostaa wzbogacona o interakcje stajc si funkcjonalnym prototypem strony. W trakcie
projektowania makiet i prototypu przeprowadzono badania z udziaem u甜ytkownik坦w, kt坦rzy
testowali zaproponowane rozwizania. Dodatkowo zesp坦 Ideacto posikowa si wsparciem
ekspert坦w z dziedziny finans坦w.

Na zakoczenie opracowano projekt graficzny, kt坦ry przeksztaci makiety na form wizualn.
Wygld serwisu musia spenia wiele wymaga zwizanych z przejrzystoci, czytelnoci i
estetyk podtrzymujc pozytywne dowiadczenia u甜ytkownik坦w.
Wynik prac
Wynikiem prac zespou Ideacto bya koncepcja przebudowanego serwisu w formie prototypu
oraz projektu graficznego. Kilka najwa甜niejszych zmian przedstawiono poni甜ej:

   1. W menu na stronie g坦wnej (a) nie ma dodatkowego paska kolejnego zagbienia. Dziki
      temu u甜ytkownicy, kt坦rzy pierwszy raz odwiedzaj serwis nie s przytoczeni
      rozbudowan nawigacj. Ten element pokazuje si dopiero po przejciu na kolejne
      podstrony (b).




                             Wczeniejsza wersja menu g坦wnego




                                              a.




                                            b.
                 Nowa wersja menu g坦wnego  widok strony gownej (a) i widok
                                      podstrony (b).
2. Standardowy dropdown menu zosta zastpiony przez megadropdown, w kt坦rym
   pokazywane s nag坦wki najnowszych wiadomoci z danego dziau. W tym miejscu
   mog r坦wnie甜 pojawia si reklamy.




               Wczeniejsza wersja menu g坦wnego ze standardow list
                                     rozwijan.




            Nowa wersja menu g坦wnego oraz megadropdown z najnowszymi
                                  wiadomociami
3. Przeprojektowany element Moich notowa sta si bardziej u甜yteczny. Dziki zakadkom
   mieci wicej informacji, a zwikszona szeroko na stronie g坦wnej i podstronach
   uatwia korzystanie z tego elementu.




               1. Wczeniejsza wersja Moich notowa  dugi i wski pasek z
               prawej strony ekranu by mao atrakcyjny wizualnie i czsto by
                            niezauwa甜any przez u甜ytkownik坦w.




                         a.




                              b.

               2. Zmieniona wersja Moich notowa na stronie g坦wnej (a) i na
               podstronach (b)  zakadki pozwalaj na umieszczenie wikszej
              iloci informacji na mniejszej przestrzeni. Dodatkowo zalogowani
              u甜ytkownicy mog wybiera sp坦ki i indeksy, kt坦re ich interesuj.
4. Ticker zosta wzbogacony o mo甜liwo wyboru notowa. Dodatkowo zalogowani
   u甜ytkownicy mog wybra, kt坦re notowania chc mie przedstawiane domylnie.



                          Wczeniejsza wersja tickera




           Nowa wersja tickera z mo甜liwoci wyboru rodzaju notowa



5. Artykuy znajdujce si na stronach zostay wzbogacone o dodatkowe elementy
   nawigacyjne: przejcie do wczeniejszego / kolejnego artykuu, oraz element polecanych
   artyku坦w.




              Przyciski nad artykuem pozwalaj na przejcie do poprzedniego
                                    i nastpnego artykuu.




             Element Przeczytaj tak甜e zachca u甜ytkownik坦w do pozostania na
                     stronie po skoczeniu czytania danego artykuu.
6. Dziki wystandaryzowanym bloczkom i omiokolumnowej siatce elementy na stronie
   mog by odpowiednio dobierane do danej podstrony.




                               1. Omiokolumnowy grid




                        2. Bloczki na szeroko dw坦ch kolumn
7. Strona g坦wna zostaa podzielona na cz z wiadomociami giedowymi oraz na cz
   z notowaniami. Dziki temu strona odpowiada zar坦wno inwestorom skupiajcym si na
   analizie fundamentalnej, jak i analizie technicznej.




             Lewa strona zawiera wiadomoci giedowe niezbdne przy analizie
             fundamentalnej. Prawa zawiera informacje potrzebne przy analizie
                                      technicznej.
8. Na stronie notowa wprowadzono jedn list wszystkich sp坦ek bez paginacji - w trakcie
   test坦w okazao si, i甜 paginacja w tym miejscu zmniejszaa efektywno pracy
   inwestor坦w, kt坦rzy obserwowali kilka bd添 kilkanacie sp坦ek na raz.




                             Nowa strona notowa sp坦ek.
9. Strona sp坦ki/indeksu giedowego zostaa wzbogacona o du甜y wykres uatwiajcy
   por坦wnywanie sp坦ek i przeprowadzanie analizy technicznej.




                          Widok wyresu na stronie sp坦ki
Podsumowanie
Du甜ym wyzwaniem dla zespou okazao si stworzenie serwisu, kt坦ry byby atrakcyjny zar坦wno
dla u甜ytkownik坦w jak i reklamodawc坦w. Ten odwieczny problem midzy celami biznesowymi a
potrzebami u甜ytkownik坦w udao si pogodzi wprowadzajc harmonijny ukad informacji
wspierany bardzo dobrze zaprojektowan grafik.

Dziki wsp坦pracy z Ideacto odwie甜ylimy serwis Inwestycje.pl z uwzgldnieniem
potrzeb u甜ytkownik坦w.
Jak wynika z licznych opinii i ankiet nasi u甜ytkownicy bardzo pozytywnie dobrali
zaistniae zmiany w serwisie.
Wzr坦s r坦wnie甜 znacznie czas pobytu u甜ytkownika na witrynie.
- Grzegorz Czapla, CEO Inwestycje.pl


Tomasz Tomalik, Agencja interaktywna Ideacto
http://ideacto.pl
Stara wersja strony Inwestycje.pl   Nowa wersja strony Inwestycje.pl
Ad

Recommended

Video w eCommerce - Case Study DomSwiatla.pl
Video w eCommerce - Case Study DomSwiatla.pl
Tomasz Karwatka
Case study - redesign Dekoria.pl
Case study - redesign Dekoria.pl
Tomasz Karwatka
Badanie procesu zakupowego w sklepach internetowych
Badanie procesu zakupowego w sklepach internetowych
Tomasz Karwatka
Jak wdrozyc wiki w firmie - Divante
Jak wdrozyc wiki w firmie - Divante
Tomasz Karwatka
Usability - Trudne Pytania
Usability - Trudne Pytania
Tomasz Karwatka
Tworzenie spoecznoci opartych na wiedzy
Tworzenie spoecznoci opartych na wiedzy
Tomasz Karwatka
Wyb坦r platformy ecommerce
Wyb坦r platformy ecommerce
Tomasz Karwatka
Universal design - Komitywa / K2, Maciej Lipiec
Universal design - Komitywa / K2, Maciej Lipiec
Tomasz Karwatka
Usability dla e-Commerce + case study
Usability dla e-Commerce + case study
Tomasz Karwatka
Uczcy si sklep - systemowe podejcie do rozwoju eCommerce
Uczcy si sklep - systemowe podejcie do rozwoju eCommerce
Tomasz Karwatka
Enterprise 2.0 Workshop
Enterprise 2.0 Workshop
Tomasz Karwatka
Blogfrog dla Mediow
Blogfrog dla Mediow
Tomasz Karwatka
Platformy video - kiedy paci a kiedy nie?
Platformy video - kiedy paci a kiedy nie?
Tomasz Karwatka
Case study - Wdro甜enie eCommerce w TIM SA
Case study - Wdro甜enie eCommerce w TIM SA
Tomasz Karwatka
Cena i produkt w e-Commerce
Cena i produkt w e-Commerce
Tomasz Karwatka
Wsparcie sprzeda甜y sezonowej w e-Commerce
Wsparcie sprzeda甜y sezonowej w e-Commerce
Tomasz Karwatka
Vanessa Adams Portfolio12
Vanessa Adams Portfolio12
van149
Maria Da Penha e aviol棚ncia contra a mulher
Daniel Mendes
MOTIVACION
profesorjosegiraldo
BlogCamp/2008 Sp Mobile Blog
Marcelo Marqueti
Collage personal
Adri叩n Trujillo
Imagenes de galerias de fotos
Olga Guadalupe Garcia Rubio
web 2.0
stivensalazar7
Ies.fp
profejvv
Eticaprofesional
katherineyeseniaquispegonzales
Web 2.0
Miguel Andres Perez
Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012
Paulina Makuch
Usability eCommerce - teoria, bledy, porady. Kansei 2009
Usability eCommerce - teoria, bledy, porady. Kansei 2009
Dmitrij 纏atuchin
Case study Pekao24 - K2 User Experience
Case study Pekao24 - K2 User Experience
Maciej Lipiec

More Related Content

Viewers also liked (19)

Usability dla e-Commerce + case study
Usability dla e-Commerce + case study
Tomasz Karwatka
Uczcy si sklep - systemowe podejcie do rozwoju eCommerce
Uczcy si sklep - systemowe podejcie do rozwoju eCommerce
Tomasz Karwatka
Enterprise 2.0 Workshop
Enterprise 2.0 Workshop
Tomasz Karwatka
Blogfrog dla Mediow
Blogfrog dla Mediow
Tomasz Karwatka
Platformy video - kiedy paci a kiedy nie?
Platformy video - kiedy paci a kiedy nie?
Tomasz Karwatka
Case study - Wdro甜enie eCommerce w TIM SA
Case study - Wdro甜enie eCommerce w TIM SA
Tomasz Karwatka
Cena i produkt w e-Commerce
Cena i produkt w e-Commerce
Tomasz Karwatka
Wsparcie sprzeda甜y sezonowej w e-Commerce
Wsparcie sprzeda甜y sezonowej w e-Commerce
Tomasz Karwatka
Vanessa Adams Portfolio12
Vanessa Adams Portfolio12
van149
Maria Da Penha e aviol棚ncia contra a mulher
Daniel Mendes
MOTIVACION
profesorjosegiraldo
BlogCamp/2008 Sp Mobile Blog
Marcelo Marqueti
Collage personal
Adri叩n Trujillo
Imagenes de galerias de fotos
Olga Guadalupe Garcia Rubio
web 2.0
stivensalazar7
Ies.fp
profejvv
Eticaprofesional
katherineyeseniaquispegonzales
Web 2.0
Miguel Andres Perez
Usability dla e-Commerce + case study
Usability dla e-Commerce + case study
Tomasz Karwatka
Uczcy si sklep - systemowe podejcie do rozwoju eCommerce
Uczcy si sklep - systemowe podejcie do rozwoju eCommerce
Tomasz Karwatka
Enterprise 2.0 Workshop
Enterprise 2.0 Workshop
Tomasz Karwatka
Platformy video - kiedy paci a kiedy nie?
Platformy video - kiedy paci a kiedy nie?
Tomasz Karwatka
Case study - Wdro甜enie eCommerce w TIM SA
Case study - Wdro甜enie eCommerce w TIM SA
Tomasz Karwatka
Cena i produkt w e-Commerce
Cena i produkt w e-Commerce
Tomasz Karwatka
Wsparcie sprzeda甜y sezonowej w e-Commerce
Wsparcie sprzeda甜y sezonowej w e-Commerce
Tomasz Karwatka
Vanessa Adams Portfolio12
Vanessa Adams Portfolio12
van149
Maria Da Penha e aviol棚ncia contra a mulher
Daniel Mendes
MOTIVACION
profesorjosegiraldo
BlogCamp/2008 Sp Mobile Blog
Marcelo Marqueti
Collage personal
Adri叩n Trujillo
Imagenes de galerias de fotos
Olga Guadalupe Garcia Rubio
web 2.0
stivensalazar7
Ies.fp
profejvv

Similar to Inwestycje.pl przebudowa serwisu (20)

Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012
Paulina Makuch
Usability eCommerce - teoria, bledy, porady. Kansei 2009
Usability eCommerce - teoria, bledy, porady. Kansei 2009
Dmitrij 纏atuchin
Case study Pekao24 - K2 User Experience
Case study Pekao24 - K2 User Experience
Maciej Lipiec
New #mBank - Change of Design is Change of Everything
New #mBank - Change of Design is Change of Everything
Nordea
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Marek Gach
Optymalizacja koszt坦w utrzymania i obsugi serwis坦w internetowych
Optymalizacja koszt坦w utrzymania i obsugi serwis坦w internetowych
Squiz Poland
Narzedziownik uzytecznosci - testy z uzytkownikami
Narzedziownik uzytecznosci - testy z uzytkownikami
Tomasz Karwatka
Kreoaula: Badania usability
Kreoaula: Badania usability
Marek Kasperski
Kreoaula: Badania usability
Kreoaula: Badania usability
guest2d8f65
Kurs usability / Tomasz Karwatka
Kurs usability / Tomasz Karwatka
Darmowe Ebooki
Kurs usability
Kurs usability
kotkidwa
Kurs usability pdf
Kurs usability pdf
mazur16111
Architektura serwis坦w webowych - szybko i bolenie
Architektura serwis坦w webowych - szybko i bolenie
3camp
Architektura serwisow webowych
Architektura serwisow webowych
Robert Janeczek
It od kuchni w nokaut.pl
It od kuchni w nokaut.pl
Przemyslaw Wroblewski
IT od kuchni w Nokaut.pl
IT od kuchni w Nokaut.pl
3camp
Interfejsy uzytkownika
Interfejsy uzytkownika
Wojciech Klocek
Konferencja e-commerce 2007 Funkcjonalnosc witryn internetowych i metody ich ...
Konferencja e-commerce 2007 Funkcjonalnosc witryn internetowych i metody ich ...
ecommerce2007
Badania systemow finansowych. WUD Krakow 2012
Badania systemow finansowych. WUD Krakow 2012
Paulina Makuch
Usability eCommerce - teoria, bledy, porady. Kansei 2009
Usability eCommerce - teoria, bledy, porady. Kansei 2009
Dmitrij 纏atuchin
Case study Pekao24 - K2 User Experience
Case study Pekao24 - K2 User Experience
Maciej Lipiec
New #mBank - Change of Design is Change of Everything
New #mBank - Change of Design is Change of Everything
Nordea
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Kurzor - wprowadzenie firmy / Kurzor - company introduction (in polish)
Marek Gach
Optymalizacja koszt坦w utrzymania i obsugi serwis坦w internetowych
Optymalizacja koszt坦w utrzymania i obsugi serwis坦w internetowych
Squiz Poland
Narzedziownik uzytecznosci - testy z uzytkownikami
Narzedziownik uzytecznosci - testy z uzytkownikami
Tomasz Karwatka
Kreoaula: Badania usability
Kreoaula: Badania usability
Marek Kasperski
Kreoaula: Badania usability
Kreoaula: Badania usability
guest2d8f65
Kurs usability / Tomasz Karwatka
Kurs usability / Tomasz Karwatka
Darmowe Ebooki
Kurs usability
Kurs usability
kotkidwa
Kurs usability pdf
Kurs usability pdf
mazur16111
Architektura serwis坦w webowych - szybko i bolenie
Architektura serwis坦w webowych - szybko i bolenie
3camp
Architektura serwisow webowych
Architektura serwisow webowych
Robert Janeczek
IT od kuchni w Nokaut.pl
IT od kuchni w Nokaut.pl
3camp
Interfejsy uzytkownika
Interfejsy uzytkownika
Wojciech Klocek
Konferencja e-commerce 2007 Funkcjonalnosc witryn internetowych i metody ich ...
Konferencja e-commerce 2007 Funkcjonalnosc witryn internetowych i metody ich ...
ecommerce2007
Ad

More from Tomasz Karwatka (19)

The Lean Startup w Divante
The Lean Startup w Divante
Tomasz Karwatka
Wygoda zakupow w sklepach internetowych
Wygoda zakupow w sklepach internetowych
Tomasz Karwatka
Case study: TUI i Divante w eCommerce
Case study: TUI i Divante w eCommerce
Tomasz Karwatka
Standard pomiaru konwersji w eCommerce
Standard pomiaru konwersji w eCommerce
Tomasz Karwatka
Case Study - Wdro甜enie eCommerce dla SOLAR Company
Case Study - Wdro甜enie eCommerce dla SOLAR Company
Tomasz Karwatka
Case study - spolecznosc dla ENERGA SA - Ekooszczedni
Case study - spolecznosc dla ENERGA SA - Ekooszczedni
Tomasz Karwatka
Jak zbudowac skuteczny e commerce
Jak zbudowac skuteczny e commerce
Tomasz Karwatka
Badanie usability platform sklepowych
Badanie usability platform sklepowych
Tomasz Karwatka
Case study Sendingo dla Praktiker.pl
Case study Sendingo dla Praktiker.pl
Tomasz Karwatka
Technologia a usability
Technologia a usability
Tomasz Karwatka
Usability w e commerce
Usability w e commerce
Tomasz Karwatka
Wielobran甜owe badanie ROPO - raport
Wielobran甜owe badanie ROPO - raport
Tomasz Karwatka
eCommerce. Proste odpowiedzi na trudne pytania.
eCommerce. Proste odpowiedzi na trudne pytania.
Tomasz Karwatka
Konkurs Video Biznes - prezentacja zwycizc坦w
Konkurs Video Biznes - prezentacja zwycizc坦w
Tomasz Karwatka
Caa prawda o sprzedawaniu w Sieci.
Caa prawda o sprzedawaniu w Sieci.
Tomasz Karwatka
Innowacje w eCommerce 2
Innowacje w eCommerce 2
Tomasz Karwatka
Jak zrobilismy VideoCMS.pl
Jak zrobilismy VideoCMS.pl
Tomasz Karwatka
The Lean Startup w Divante
The Lean Startup w Divante
Tomasz Karwatka
Wygoda zakupow w sklepach internetowych
Wygoda zakupow w sklepach internetowych
Tomasz Karwatka
Case study: TUI i Divante w eCommerce
Case study: TUI i Divante w eCommerce
Tomasz Karwatka
Standard pomiaru konwersji w eCommerce
Standard pomiaru konwersji w eCommerce
Tomasz Karwatka
Case Study - Wdro甜enie eCommerce dla SOLAR Company
Case Study - Wdro甜enie eCommerce dla SOLAR Company
Tomasz Karwatka
Case study - spolecznosc dla ENERGA SA - Ekooszczedni
Case study - spolecznosc dla ENERGA SA - Ekooszczedni
Tomasz Karwatka
Jak zbudowac skuteczny e commerce
Jak zbudowac skuteczny e commerce
Tomasz Karwatka
Badanie usability platform sklepowych
Badanie usability platform sklepowych
Tomasz Karwatka
Case study Sendingo dla Praktiker.pl
Case study Sendingo dla Praktiker.pl
Tomasz Karwatka
Technologia a usability
Technologia a usability
Tomasz Karwatka
Usability w e commerce
Usability w e commerce
Tomasz Karwatka
Wielobran甜owe badanie ROPO - raport
Wielobran甜owe badanie ROPO - raport
Tomasz Karwatka
eCommerce. Proste odpowiedzi na trudne pytania.
eCommerce. Proste odpowiedzi na trudne pytania.
Tomasz Karwatka
Konkurs Video Biznes - prezentacja zwycizc坦w
Konkurs Video Biznes - prezentacja zwycizc坦w
Tomasz Karwatka
Caa prawda o sprzedawaniu w Sieci.
Caa prawda o sprzedawaniu w Sieci.
Tomasz Karwatka
Innowacje w eCommerce 2
Innowacje w eCommerce 2
Tomasz Karwatka
Jak zrobilismy VideoCMS.pl
Jak zrobilismy VideoCMS.pl
Tomasz Karwatka
Ad

Inwestycje.pl przebudowa serwisu

  • 1. Przebudowa serwisu Inwestycje.pl Ideacto przeprowadzio kompleksow przebudow serwisu Inwestycje.pl zgodnie z zasadami User-Centered Design - projektowania zorientowanego na u甜ytkownika. Inwestycje S.A. to sp坦ka notowana na rynku akcji NewConnect. Tworzy grup kapitaow, kt坦ra prowadzi kilkanacie serwis坦w internetowych o profilu finansowym. W skad internetowej platformy Grupy Inwestycje.pl wchodzi midzy innymi serwis Inwestycje.pl jeden z najwikszych portali finansowo-gospodarczych w Polsce. G坦wnymi odbiorcami platformy s osoby poszukujce informacji na temat mo甜liwoci inwestowania pienidzy. Cel projektu Celem przebudowy byo pozyskanie nowych u甜ytkownik坦w i zwikszenie liczby odson. Do osignicia takiego celu nale甜ao przeprojektowa serwis zgodnie z zasadami projektowania zorientowanego na u甜ytkownika. Analiza wymaga Pocztkowo zesp坦 Ideacto przeprowadzi szereg bada skadajcych si na analiz wymaga biznesowych i poznanie potrzeb u甜ytkownik坦w. Pierwszym etapem bya analiza statystyk obecnego serwisu wzbogacona o clicktracking oraz badania eksperckie dziaajcego serwisu. Ju甜 w tym momencie zaczto zbiera rekomendacje i pomysy zmian, kt坦re mogyby wpyn na polepszenie u甜ytecznoci strony, a tym samym na zwikszenie jej atrakcyjnoci w oczach u甜ytkownik坦w. Zawarto merytoryczna serwisu bya olbrzymia informacje zostay pogrupowane na okoo 70 dzia坦w podzielonych na osiem du甜ych grup. Najmocniejszymi stronami serwisu okazay si trzy dziay: wiadomoci giedowe notowania sp坦ek kursy walut Znalezienie powy甜szych element坦w w tak obszernym serwisie byo dla u甜ytkownik坦w bardzo du甜ym wyzwanie gdy甜 potr坦jne, a nawet poczw坦rne zagbienie nie byo na stronie niczym nadzwyczajnym. W trakcie analiz uruchomiono w serwisie ankiet internetow, dziki kt坦rej mo甜liwe byo dokadne poznanie grup u甜ytkownik坦w obecnie korzystajcych z serwisu. Poza pytaniami metryczkowymi respondenci oceniali u甜yteczno obecnego serwisu i mieli mo甜liwo zaproponowania wasnych rozwiza jego ulepszenia. cznie zebrano ponad 800 odpowiedzi u甜ytkownik坦w, kt坦rzy odwiedzili portal. Osobami powracajcymi do serwisu byli g坦wnie inwestorzy. Co ciekawe prawie jedn trzeci powracajcych u甜ytkownik坦w stanowiy osoby nale甜ce do grupy przyszych inwestor坦w byy to osoby interesujce si finansami, lecz jeszcze nieinwestujce. U甜ytkownicy poszukiwali g坦wnie notowa giedowych, informacji o sp坦kach i najnowszych wiadomoci inwestycyjnych.
  • 2. Mo甜na sdzi, i甜 osoby nieinwestujce przygotowyway si do rozpoczcia inwestycji na rynkach giedowych i walutowych (wskazywa na to r坦wnie甜 mody wiek tej grupy respondent坦w). Uzyskano bardzo ciekawy wynik pomiaru satysfakcji ze strony pomimo wielu bd坦w u甜ytecznociowych serwis cieszy si pozytywn opini wr坦d powracajcych u甜ytkownik坦w i wikszo z nich poleciaby go innym osobom. U甜ytkownicy cenili serwis za zawarto merytoryczn, co pomniejszao wag wydajnoci i efektywnoci serwisu. Zaproponowane przez u甜ytkownik坦w rozwizania zmian i poprawy funkcjonalnoci zostay wczone w opracowywanie p坦添niejszych wymaga funkcjonalnych. Wyniki ankiety internetowej. Procentowy udzia inwestor坦w, przyszych inwestor坦w i nie-inwestor坦w w podziale na nowych i powracajcych u甜ytkownik坦w.
  • 3. Wyniki ankiety internetowej. Popularno poszczeg坦lnych rodzaj坦w informacji w podziale na u甜ytkownik坦w nowych i powracajcych. Wyniki ankiety internetowej. Rozkad odpowiedzi na jedno z pyta mierzcych satysfakcj ze strony dla u甜ytkownik坦w powracajcych.
  • 4. Testy z udziaem u甜ytkownik坦w Po dokadnej analizie danych ilociowych nadszed czas na bardziej szczeg坦owe badania jakociowe z udziaem u甜ytkownik坦w. Badania miay charakter wywiad坦w pogbionych poczonych z testem u甜ytecznoci obecnego serwisu. Celem badania byo wykrycie problem坦w, na jakie napotykaj si u甜ytkownicy w trakcie korzystania z serwisu oraz poznanie ich potrzeb i zachowa zwizanych z inwestowaniem. Do bada zaproszono inwestor坦w giedowych, kt坦rzy bardzo czsto korzystali z portali finansowych. Pytania zadawane w trakcie test坦w dotyczyy zachowa inwestycyjnych, poszukiwania informacji i wykorzystania do tego serwis坦w finansowych. U甜ytkownicy wykonywali r坦wnie甜 ustalone zadania, kt坦re miay na celu ocenienie obecnego serwisu pod ktem u甜ytecznoci. Zaproszeni u甜ytkownicy charakteryzowali si zr坦甜nicowanym podejciem do inwestowania - osoby korzystay z r坦甜nych sposob坦w podejmowania decyzji inwestycyjnych, zajmoway si analiz fundamentaln i/lub techniczn, przeprowadzay operacje finansowe codziennie lub kilka razy w miesicu, ceniy komentarze giedowe lub nigdy ich nie czytay. Inwestorzy czsto sprawdzali notowania podczas wykonywania innych czynnoci, co wymagao od serwisu szybkiego i przejrzystego prezentowania tych danych na stronie. Zebrane wyniki test坦w stay si podstaw do przygotowania wymaga funkcjonalnych nowego projektu. Projektowanie Po zebraniu wszystkich wynik坦w i opracowaniu wymaga funkcjonalnych zesp坦 Ideacto zacz prace projektowe. Przebudowano nawigacj, opracowano now interakcj i architektur informacji. Kocowym etapem prac koncepcyjnych bya makieta, kt坦ra nastpnie zostaa wzbogacona o interakcje stajc si funkcjonalnym prototypem strony. W trakcie projektowania makiet i prototypu przeprowadzono badania z udziaem u甜ytkownik坦w, kt坦rzy testowali zaproponowane rozwizania. Dodatkowo zesp坦 Ideacto posikowa si wsparciem ekspert坦w z dziedziny finans坦w. Na zakoczenie opracowano projekt graficzny, kt坦ry przeksztaci makiety na form wizualn. Wygld serwisu musia spenia wiele wymaga zwizanych z przejrzystoci, czytelnoci i estetyk podtrzymujc pozytywne dowiadczenia u甜ytkownik坦w.
  • 5. Wynik prac Wynikiem prac zespou Ideacto bya koncepcja przebudowanego serwisu w formie prototypu oraz projektu graficznego. Kilka najwa甜niejszych zmian przedstawiono poni甜ej: 1. W menu na stronie g坦wnej (a) nie ma dodatkowego paska kolejnego zagbienia. Dziki temu u甜ytkownicy, kt坦rzy pierwszy raz odwiedzaj serwis nie s przytoczeni rozbudowan nawigacj. Ten element pokazuje si dopiero po przejciu na kolejne podstrony (b). Wczeniejsza wersja menu g坦wnego a. b. Nowa wersja menu g坦wnego widok strony gownej (a) i widok podstrony (b).
  • 6. 2. Standardowy dropdown menu zosta zastpiony przez megadropdown, w kt坦rym pokazywane s nag坦wki najnowszych wiadomoci z danego dziau. W tym miejscu mog r坦wnie甜 pojawia si reklamy. Wczeniejsza wersja menu g坦wnego ze standardow list rozwijan. Nowa wersja menu g坦wnego oraz megadropdown z najnowszymi wiadomociami
  • 7. 3. Przeprojektowany element Moich notowa sta si bardziej u甜yteczny. Dziki zakadkom mieci wicej informacji, a zwikszona szeroko na stronie g坦wnej i podstronach uatwia korzystanie z tego elementu. 1. Wczeniejsza wersja Moich notowa dugi i wski pasek z prawej strony ekranu by mao atrakcyjny wizualnie i czsto by niezauwa甜any przez u甜ytkownik坦w. a. b. 2. Zmieniona wersja Moich notowa na stronie g坦wnej (a) i na podstronach (b) zakadki pozwalaj na umieszczenie wikszej iloci informacji na mniejszej przestrzeni. Dodatkowo zalogowani u甜ytkownicy mog wybiera sp坦ki i indeksy, kt坦re ich interesuj.
  • 8. 4. Ticker zosta wzbogacony o mo甜liwo wyboru notowa. Dodatkowo zalogowani u甜ytkownicy mog wybra, kt坦re notowania chc mie przedstawiane domylnie. Wczeniejsza wersja tickera Nowa wersja tickera z mo甜liwoci wyboru rodzaju notowa 5. Artykuy znajdujce si na stronach zostay wzbogacone o dodatkowe elementy nawigacyjne: przejcie do wczeniejszego / kolejnego artykuu, oraz element polecanych artyku坦w. Przyciski nad artykuem pozwalaj na przejcie do poprzedniego i nastpnego artykuu. Element Przeczytaj tak甜e zachca u甜ytkownik坦w do pozostania na stronie po skoczeniu czytania danego artykuu.
  • 9. 6. Dziki wystandaryzowanym bloczkom i omiokolumnowej siatce elementy na stronie mog by odpowiednio dobierane do danej podstrony. 1. Omiokolumnowy grid 2. Bloczki na szeroko dw坦ch kolumn
  • 10. 7. Strona g坦wna zostaa podzielona na cz z wiadomociami giedowymi oraz na cz z notowaniami. Dziki temu strona odpowiada zar坦wno inwestorom skupiajcym si na analizie fundamentalnej, jak i analizie technicznej. Lewa strona zawiera wiadomoci giedowe niezbdne przy analizie fundamentalnej. Prawa zawiera informacje potrzebne przy analizie technicznej.
  • 11. 8. Na stronie notowa wprowadzono jedn list wszystkich sp坦ek bez paginacji - w trakcie test坦w okazao si, i甜 paginacja w tym miejscu zmniejszaa efektywno pracy inwestor坦w, kt坦rzy obserwowali kilka bd添 kilkanacie sp坦ek na raz. Nowa strona notowa sp坦ek.
  • 12. 9. Strona sp坦ki/indeksu giedowego zostaa wzbogacona o du甜y wykres uatwiajcy por坦wnywanie sp坦ek i przeprowadzanie analizy technicznej. Widok wyresu na stronie sp坦ki
  • 13. Podsumowanie Du甜ym wyzwaniem dla zespou okazao si stworzenie serwisu, kt坦ry byby atrakcyjny zar坦wno dla u甜ytkownik坦w jak i reklamodawc坦w. Ten odwieczny problem midzy celami biznesowymi a potrzebami u甜ytkownik坦w udao si pogodzi wprowadzajc harmonijny ukad informacji wspierany bardzo dobrze zaprojektowan grafik. Dziki wsp坦pracy z Ideacto odwie甜ylimy serwis Inwestycje.pl z uwzgldnieniem potrzeb u甜ytkownik坦w. Jak wynika z licznych opinii i ankiet nasi u甜ytkownicy bardzo pozytywnie dobrali zaistniae zmiany w serwisie. Wzr坦s r坦wnie甜 znacznie czas pobytu u甜ytkownika na witrynie. - Grzegorz Czapla, CEO Inwestycje.pl Tomasz Tomalik, Agencja interaktywna Ideacto http://ideacto.pl
  • 14. Stara wersja strony Inwestycje.pl Nowa wersja strony Inwestycje.pl