Przebudowa systemu transakcyjnego Pekao24 Case study

Wielkość: px
Rozpocząć pokaz od strony:

Download "Przebudowa systemu transakcyjnego Pekao24 Case study"

Transkrypt

1 Przebudowa systemu transakcyjnego Pekao24 Case study

2 Spis treści Pekao Zakres projektu... 4 Proces User-Centered Design... 5 Analiza... 6 Projektowanie wersji 7 Założenia projektowe dla wersji Eye-tracking i badania usability Projektowanie wersji mobilnej Ograniczenia i założenia dla wersji mobilnej...31 Badania usability prototypu wersji mobilnej Zespół Autorzy...41 Tekst: Maciej Lipiec, Magdalena Bicka K2 Internet SA al. Solidarności 74A, Warszawa tel , fax K2 User Experience 2

3 Pekao24 System transakcyjny Pekao24 należący do banku Pekao SA powstał w 2002 roku. Składa się z części bankowej oraz serwisów Pekao24Makler i CDM24 zapewniających obsługę rachunków brokerskich w Domu Maklerskim Pekao SA i Centralnym Domu Maklerskim Pekao SA. Dostęp do systemu posiada 1,5 miliona klientów banku. Przez lata system był systematycznie rozbudowywany o nowe funkcje. Z biegiem czasu interfejs Pekao24 stawał się coraz bardziej przeładowany i stracił na czytelności. Nie pozwalał na dalsze poszerzanie funkcjonalności. Wymagał dostosowania do nowych technologii i odświeżenia graficznego (był zoptymalizowany dla rozdzielczości ekranu 800x600 pikseli). W 2009 roku bank podjął decyzję o przeprowadzeniu modernizacji serwisów Pekao24 i Pekao24Makler oraz o wdrożeniu wersji mobilnej systemu dostosowanej do korzystania z niej za pomocą urządzeń przenośnych, takich jak telefony komórkowe lub PDA. Do realizacji projektu wybrana została agencja K2 Internet. Poprzednia wersja serwisu Pekao24 3

4 Zakres projektu Prace związane z rewitalizacją serwisów Pekao24 dotyczyły zaprojektowania i wdrożenia nowego interfejsu użytkownika. K2 jedynie w niewielkim stopniu ingerowało w funkcje systemu, z których większość musiała pozostać niezmieniona. Cele przebudowy przedstawiały się następująco: 1. Zaprojektowanie i wdrożenie nowego interfejsu użytkownika dostosowanego do minimalnej rozdzielczości ekranu 1024x768 pikseli. 2. Stworzenie nowej skalowalnej architektury informacji zapewniającej możliwość łatwej rozbudowy w przypadku wprowadzenia nowych usług lub produktów. 3. Poprawa ergonomii i user experience systemu. Optymalizacja nawigacji i formularzy, ułatwienie dotarcia do trudno dostępnych funkcji. 4. Wprowadzenie mechanizmów sprzedażowych i marketingowych w serwisie (zachęcanie użytkowników do korzystania ze wszystkich usług udostępnianych przez bank drogą elektroniczną, cross-selling). 5. Zapewnienie możliwości obustronnej komunikacji w systemie: klient bank, bank klient. Przebudowa interfejsu użytkownika dotyczyła wszystkich usług Pekao24, takich jak obsługa rachunków bankowych, lokat, kredytów, funduszy inwestycyjnych, doładowań kart telefonicznych, e-faktur oraz pełnej obsługi rachunków brokerskich. W drugim etapie prac K2 zaprojektowało dla Pekao nowy produkt bankowości elektronicznej, czyli wersję mobilną systemu zawierającą wybrane funkcje serwisów bankowego i maklerskiego. W obu przypadkach koncepcję interfejsu użytkownika przygotowali Magdalena Bicka i Maciej Lipiec z działu K2 User Experience zajmującego się projektowaniem interakcji i użytecznością (usability). Projekt rozpoczął się pod koniec czerwca 2009, a zakończył latem Sama faza projektowa trwała około czterech miesięcy. Demo nowego systemu transakcyjnego dostępne jest pod adresem demo.pekao24.pl Nowe Pekao24 zebrało bardzo pozytywne opinie ze strony użytkowników oraz specjalistów w branży. Zdobyło także wyróżnienie magazynu PC WORLD jako najlepszy interfejs systemu bankowości elektronicznej w Polsce. 4

5 Proces User-Centered Design Nowy serwis Pekao24 został zaprojektowany w metodyce User-Centered Design (projektowanie zorientowane na użytkownika) zgodnej z wytycznymi normy ISO 13407:1999. Zaplanowanie procesu projektowego 1b. Analiza kontekstu użycia 1a. Analiza wymagań 2. Projektowanie 3. Ewaluacja projektu z udziałem użytkowników Sukces! Projekt spełnia wymagania biznesowe i użytkowników 5

6 Analiza W ramach fazy analitycznej poprzedzającej proces projektowania nowego systemu K2 przeprowadziło badania z udziałem użytkowników istniejącego serwisu Pekao24 oraz użytkowników konkurencyjnych systemów bankowości elektronicznej. W badaniach wzięło udział 25 klientów Pekao SA oraz użytkowników internetowych systemów bankowych i maklerskich 5 konkurencyjnych banków. Przeprowadzono indywidualne wywiady pogłębione (IDI) z użytkownikami i obserwacje, tego w jaki sposób klienci różnych banków korzystają ze swoich systemów bankowości elektronicznej. Badania pozwoliły na rozpoznanie silnych i słabych stron różnych rozwiązań projektowych stosowanych w systemach konkurencyjnych i zwróciły uwagę na problemy z użytecznością występujące w serwisie Pekao24. Przeanalizowaliśmy również statystyki operacji najczęściej wykonywanych przez klientów Pekao24 oraz przyjrzeliśmy się światowym trendom w dziedzinie bankowości elektronicznej. 6

7 Projektowanie wersji WWW Podczas fazy projektowej przygotowany został projekt architektury informacji w postaci interaktywnego prototypu serwisu oraz projekt graficzny. Prototyp został następnie poddany testom usability z udziałem użytkowników, a na projektach graficznych przeprowadzono badanie eye-trackingowe. 7

8 Proces projektowania architektury informacji Metodyka projektowania zorientowanego na użytkownika (User- Centered Design) wymaga przygotowania dokładnego prototypu aplikacji, tak aby możliwe było przeprowadzenie testów z użytkownikami przed rozpoczęciem produkcji. Z uwagi na rozmiar projektu i bardzo napięty harmonogram rozpoczęliśmy projektowanie architektury informacji od razu od pracy nad interaktywnym prototypem HTML, rezygnując z etapu przygotowania statycznych makiet. Gotowy prototyp serwisu bankowego zawierający kluczowe ekrany interfejsu użytkownika liczył 300 stron, a prototyp serwisu maklerskiego 150 stron. Zaczęliśmy od zaprojektowania ogólnej struktury serwisu i najbardziej podstawowych funkcji związanych z rachunkami bankowymi oraz od funkcji ogólnych, takich jak ustawienia. Po wstępnej akceptacji tej części przez Pekao kontynuowaliśmy pracę nad następnymi działami serwisu, oddając je kolejno do akceptacji Klienta. Cała funkcjonalność systemu musiała zostać odtworzona w nowym interfejsie użytkownika na podstawie analizy interfejsu istniejącego serwisu. Było to możliwe dzięki bliskiej współpracy z Klientem, który na bieżąco wyjaśniał wszystkie niejasności związane z logiką działania aplikacji. Prototyp architektury informacji serwisu liczył 450 ekranów Cotygodniowe spotkania projektowe z Klientem pozwalały na dokładne omówienie każdej funkcji, wyjaśnienie wątpliwości i zgłoszenie ewentualnych uwag do każdego ekranu. 8

9 Proces projektowania architektury informacji Równolegle z projektowaniem architektury informacji i tworzeniem prototypu prowadzone były prace nad projektem graficznym serwisu, który musiał być zgodny z corporate identity banku. Oprawa graficzna nowego Pekao24, której autorem jest Arek Sobczyk, powstawała w ścisłej współpracy z architektami informacji. Ze względu na to, że przy tak złożonym projekcie nie jest możliwe przygotowania makiet graficznych dla wszystkich ekranów interfejsu użytkownika, zaprojektowane zostały tylko elementy wyjątkowe oraz style dla wszystkich powtarzających się elementów w całym systemie. Dzięki konstrukcji interfejsu użytkownika wykorzystującej powtarzające się moduły cały projekt graficzny do liczącej ponad 400 ekranów aplikacji ograniczył się do 16 makiet. Prototyp serwisu został przygotowany w programie Microsoft Visio z wykorzystaniem dodatku VisDynamica napisanego przez Tomasza Seroczyńskiego z K2. Visio pozwoliło nam na szybkie wykonanie graficznego prototypu, który dzięki VisDynamice był całkowicie interaktywny działały w nim wszystkie linki, rozwijane menu, dynamiczne panele i formularze. Specjalnie na potrzeby projektu Pekao Tomek dopisał do VisDynamiki wiele nowych funkcji, m.in. opcję pełnej walidacji pól występujących w formularzach i wyświetlania komunikatów błędów. Stylistyka elementów określona w projekcie graficznym została zastosowana w prototypie architektury informacji, który na tyle, na ile to było możliwe przypominał gotowy serwis. Dzięki temu rozwiązaniu: Osoby uczestniczące w projekcie ze strony banku mogły sobie bez problemu wyobrazić wygląd i działanie gotowego serwisu na podstawie prototypu; Badania usability przeprowadzone z użytkownikami na prototypie dotyczyły maksymalnie wiernej symulacji gotowego produktu; Podczas produkcji serwisu webdeveloperzy mieli jasność, co do tego w jakiej stylistyce wykonać elementy każdej strony, kierując się wyglądem prototypu, bez potrzeby dodatkowego opisu. 9

10 Protototyp serwisu Pierwsze podejście do architektury informacji strony głównej po zalogowaniu. Finalny prototyp architektury informacji użyty podczas badań usability. 10

11 Corporate identity UniCredit Group Kolory podstawowe Kolory uzupełniające Paleta dozwolonych kolorów z identyfikacji wizualnej Grupy UniCredit, której częścią jest bank Pekao SA. 11

12 Pierwsze projekty graficzne 12

13 Wersja robocza rozwijanego projektu 13

14 Finalny projekt graficzny 14

15 Założenia projektowe dla wersji WWW Projektując interfejs użytkownika dla nowego serwisu Pekao24 przyjęliśmy szereg założeń mających na celu poprawę ergonomii i user experience: 1. Zmniejszenie liczby jednocześnie dostępnych do wyboru opcji. 2. Łączenie i grupowanie powiązanych funkcji razem. 3. Skupienie uwagi użytkowników na treści strony i wykonywanych operacjach, a nie na nawigacji. 4. Zapewnienie elastyczności kolejności wykonywanych czynności. 5. Czytelna informacja zwrotna dla użytkowników po wykonaniu operacji. 6. Zapewnienie spójności rozwiązań w całym systemie. 7. Wyeliminowanie niejasności. 15

16 Zmniejszenie liczby opcji do wyboru Menu działu Rachunki w starym serwisie Pekao24-21 pozycji plus nagłówki sekcji. Menu działu Rachunki w serwisie zaprojektowanym przez K2-10 pozycji. 16

17 Zmniejszenie liczby opcji do wyboru Zarówno zbyt mało, jak i zbyt dużo opcji do wyboru wpływa negatywnie na satysfakcję użytkowników, dlatego ważne jest zachowanie optymalnej liczby elementów. Im więcej prezentowanych jednocześnie opcji, tym więcej czasu zabiera: Zapoznanie się z każą opcją i odnalezienie konkretnej funkcji (Prawo Hicka). Podjęcie decyzji, która z opcji jest najbardziej odpowiednia. Zbyt wiele opcji do jednoczesnego wyboru: Zmniejsza efektywność pracy; Zmniejsza satysfakcję użytkownika; Może wywoływać paraliż decyzyjny. (Barry Schwartz - The Paradox of Choice ) Źródło ilustracji: Luke Wroblewski, 17

18 Łączenie i grupowanie podobnych funkcji Grupowanie powiązanych opcji umożliwia zmniejszenie liczby jednocześnie prezentowanych pozycji i ukierunkowuje wybór pozwalając użytkownikom na podejmowanie coraz bardziej szczegółowych decyzji w kolejnych krokach ( progressive disclosure ). Na przykład: 1. Najpierw wybieram rodzaj przelewu (jednorazowy, zdefiniowany, cykliczny). 2. Potem wybieram typ dla tego przelewu (zewnętrzny, wewnętrzny, walutowy, ZUS, US, spłata karty, rachunek brokerski). Fragment zrzutu ekranu z nowego serwisu. 18

19 Uwaga użytkowników ma skupiać się na treści Koncentrując się na wykonywanej czynności użytkownicy poświęcają najwięcej uwagi polu treści strony, często zapominając o menu. Badania eye-trackingowe pokazują, że użytkownicy skupiają się najmocniej na środku strony i zwykle zaczynają oglądać stronę patrząc na jej środek. Badania przeprowadzone przez K2 w fazie analitycznej projektu wykazały, że użytkownicy woleli najpierw wybrać rachunek i dopiero z jego poziomu wykonywali transakcje, przy czym mieli tendencję do poszukiwania akcji związanych z danym produktem przede wszystkim w polu treści, a nie w menu. Mapa cieplna (heatmap) z badania eye-trackingowego Pekao24. Kolory czerwony i żółty oznaczają obszary najbardziej przyciągające uwagę użytkowników podczas wykonywania zadania. 19

20 Uwaga użytkowników ma skupiać się na treści Linki do operacji umieszczone w polu treści. Fragment zrzutu ekranu z nowego serwisu. 20

21 Elastyczność kolejności wykonywanych czynności System zapewnia dwa możliwe sposoby wykonywania operacji: Wybór operacji -> wybór rachunku Wybór rachunku -> wybór operacji 1 2 Fragment zrzutu ekranu z nowego serwisu - po prawej stronie kontekstowe rozwijane menu dla konkretnego rachunku. 21

22 Czytelna informacja zwrotna od systemu Komunikaty po wykonaniu akcji są zawsze widoczne w tym samym miejscu i pozwalają kontynuować pracę bez przerw oraz dodatkowego klikania, co byłoby konieczne w przypadku komunikatów wyświetlanych w oknie dialogowym lub na osobnej stronie. Nowy serwis Pekao24 wykorzystuje podobny system komunikatów jak m.in. poczta Gmail lub serwis Flickr. 22

23 Czytelna informacja zwrotna od systemu Komunikaty błędów powinny informować na czym polega problem i jak go rozwiązać. Chcę aktywować kartę kodów, ale nie mogę, bo nie mam aktywnej karty kodów? Komunikat nie wyjaśnia problemu i nie mówi, co zrobić! Komunikat w starym serwisie Pekao24. 23

24 Spójność rozwiązań Spójność wewnętrzna interfejsu użytkownika pozwala na szybką i łatwą naukę korzystania z niego i zmniejsza prawdopodobieństwo pomyłek. Projektując nowy system Pekao24 stworzyliśmy jednolite standardy wyglądu i zachowania dla wszystkich elementów interfejsu użytkownika powtarzających się na ponad 400 ekranach aplikacji. Przyciski akcji w nowym serwisie Pekao24. Przykład: 1. Wszystkie przyciski zawsze wyrównane do prawej strony. 2. Najważniejszy przycisk akcji (primary action) wyróżniony kolorem niebieskim, zawsze pierwszy od prawej strony. 3. Mniej ważne przyciski (secondary actions) w kolorze szarym, po lewej. 4. Wszystkie akcje negatywne (anuluj, wróć, usuń) zawsze przedstawione za pomocą linków, dla odróżnienia od akcji pozytywnych (zatwierdzających). 24

25 Wyeliminowanie niejasności Czy kartę anuluje przycisk anuluj czy zatwierdź? :-) Formularz w starym serwisie Pekao24. 25

26 Eye-tracking i badania usability Testy użyteczności oraz eye-tracking zostały przeprowadzone na grupie 25 użytkowników bankowości elektronicznej i usług maklerskich, nie będących klientami Pekao SA. Podczas testów usability użytkownicy byli proszeni o wykonanie na prototypie serwisu serii zadań będących najbardziej typowymi przypadkami użycia systemu. Badania wskazały miejsca w serwisie wymagające poprawy oraz możliwości optymalizacji użyteczności interfejsu. W czasie badań przetestowano także dwa różne projekty formularzy wniosków (testy A/B), co pozwoliło na wybranie bardziej efektywnej wersji. Eye-tracking, czyli badanie śledzenia wzroku użytkowników, został przeprowadzony na statycznych projektach graficznych kluczowych stron serwisu. Przedstawiciele grupy celowej byli proszeni o wykonanie zadań polegających na odnalezieniu wzrokiem i wskazaniu kursorem myszki wybranych funkcji na prezentowanych ekranach. Zbadano także spontaniczne postrzeganie interfejsu. Eye-tracking umożliwił sprawdzenie czytelności projektów graficznych i ich optymalizację. Pozwolił na upewnienie się, że odnalezienie wszystkich najbardziej istotnych informacji jest łatwe i nie sprawia użytkownikom problemów. 26

27 Jak działa eye-tracker? Eye-tracker (okulograf), to urządzenie badawcze służące do rejestracji ścieżek wzroku respondentów. Badanie przeprowadzone za pomocą eye-trackera pozwala sprawdzić jak osoby badane postrzegają stronę internetową - na jakie elementy strony zwracają uwagę, w jakiej kolejności je oglądają, a czego w ogóle nie dostrzegają w serwisie. Zaletą eye-trackingu jest to, że pozwala on na pomiar reakcji fizjologicznych, które nie podlegają pełnej kontroli i często są nieświadome. Eye-tracking dostarcza danych, które są niemożliwe do uzyskania innymi drogami i jest doskonałym uzupełnieniem tradycyjnych metod badawczych, takich jak testy zadaniowe oraz wywiady. Do prowadzenia badań eye-trackingowych K2 wykorzystuje własny eye-tracker Tobii wraz z najnowocześniejszym oprogramowaniem analitycznym Tobii Studio. Wartość tego sprzętu to ponad 20 tys. euro. Eye-tracker Tobii jest wmontowany w monitor LCD, nie wymaga specjalnego kasku lub gogli jak w starych modelach eye-trackerów i jest całkowicie nieinwazyjny dla osób badanych. Umożliwia badanie osób noszących okulary i ma wysoką tolerancję na ruchy głową. Sprzęt ten może być wykorzystywany nie tylko do badań ergonomii serwisów internetowych, ale także do oceny efektywności kreacji reklamowych - materiałów prasowych czy spotów wideo. Eye-tracker Tobii 1750, źródło ilustracji: Tobii 27

28 Po badaniach wersji WWW Pekao24 Zmiany wprowadzone w projekcie w wyniku badań dotyczyły m.in.: Nazewnictwa, które nie zawsze było w pełni zrozumiałe dla użytkowników; Poprawy widoczności komunikatów; Poprawy widoczności opcji wyboru rodzaju przelewu; Poprawy widoczności zaznaczenia wybranego działu w menu; Ułatwienia powrotu do strony głównej; Poprawy widoczności odnośnika do notowań w części maklerskiej serwisu. Z 19 zadań jakie wykonywali użytkownicy podczas testów tylko jedno zostało ocenione jako trudne, dziewięć jako przeciętne pod względem stopnia trudności, a pozostałe dziewięć jako bardzo łatwe. Testy prototypu i projektów graficznych wersji WWW serwisu zostały przeprowadzone przez zespół Komitywa.com w laboratorium badawczym K2 przy ulicy Pilickiej w Warszawie. W końcowym etapie prac nad serwisem już gotowy system był pilotażowo testowany na grupie 14 tys. pracowników banku. Pomieszczenie badawcze z lustrem weneckim w laboratorium użyteczności K2 User Experience. 28

29 Projektowanie wersji mobilnej Podczas projektowania wersji mobilnej przygotowaliśmy statyczne makiety interfejsu użytkownika dla całego serwisu. Prototyp przeznaczony do testów usability z udziałem użytkowników został wykonany po zaakceptowaniu makiet przez Klienta. Prototyp wersji mobilnej Pekao24 przygotowaliśmy w edytorze programistycznym Microsoft Visual Studio For.NET z wykorzystaniem możliwości graficznego budowania interfejsów użytkownika dla aplikacji mobilnych. Dzięki zastosowaniu środowiska.net możliwe stało się szybkie przygotowanie w pełni interaktywnego prototypu z działająca walidacją formularzy po stronie serwera bez JavaScript. Pozwoliło to nam na przeprowadzenie testów na telefonach komórkowych, których przeglądarki nie zawsze radzą sobie dobrze z kodem JavaScript. 29

30 Wersja mobilna Pekao24 po zalogowaniu Projekt graficzny nowego serwisu mobilnego Pekao24 30

31 Ograniczenia i założenia dla wersji mobilnej Projektowanie aplikacji internetowych na urządzenia przenośne wymaga wzięcia pod uwagę wielu ograniczeń: Przygotowując wersję mobilną serwisów Pekao24 i Pekao24Makler przyjęliśmy jako założenia: Mały ekran; Różne rozdzielczości ekranu dla różnych urządzeń; Brak wygodnego urządzenia wskazującego w telefonach pozbawionych ekranu dotykowego; Mało komfortowe wprowadzanie znaków z klawiatury duża możliwość pomyłek; Powolne wczytywanie się stron; Ograniczenia przeglądarek mobilnych (brak działania JavaScriptu lub jego powolne działanie, nie wszystkie tagi są obsługiwane przez wszystkie telefony); Dużo dystraktorów przy typowym kontekście użycia. 1. Wykorzystanie technologii XHTML Mobile Profile. 2. Zapewnienie działania serwisu bez obsługi JavaScript. Java- Script powinien być wykorzystywany tylko jako dodatek usprawniający pracę dla posiadaczy lepszych telefonów. 3. Obsługa tylko tych funkcji transakcyjnych, które nie wymagają autoryzacji. 4. Dostosowanie serwisu do podstawowej rozdzielności 240x320 pikseli. 5. Nawigacja oparta o listy. 6. Płytka struktura serwisu. 7. Lekkie strony pozbawione skomplikowanej grafiki. 8. Uproszczona prezentacja danych tabelarycznych. 31

32 Kontekst użycia aplikacji mobilnych 32

33 Struktura i nawigacja serwisu mobilnego Uproszczona, płytka struktura serwisu Układ stron oparty o listy Źródło: dotmobi Mobile Web Developers Guide,

34 Różne rozdzielczości ekranów urządzeń mobilnych Popularne rozdzielczości telefonów Trend wzrostu wielkości wyświetlaczy Źródło: + iphone 320x480 Źródło: dotmobi Mobile Web Developers Guide,

35 Telefony używane do korzystania z WWW w Polsce Najpopularniejsze telefony używane do przeglądania stron internetowych w Polsce według badania firmy Gemius i ich rozdzielczości ekranów: Apple iphone (320x480 px) Nokia E51, 6300, N95 (240x320 px) Sony Ericsson K800, K550 (240x320 px) 35

36 Badania usability prototypu wersji mobilnej Badania wersji mobilnej serwisu zostały przeprowadzone na grupie 10 użytkowników Pekao24. Respondenci korzystali z prototypu serwisu na jednym z dwóch modeli telefonów (Nokia N95 lub iphone) w całkowicie normalny sposób, a podgląd ekranu urządzenia mobilnego był przesyłany do komputera. Osoby prowadzące badanie i klienci siedzący za lustrem weneckim mogli obserwować na żywo na ekranie monitora operacje wykonywane na telefonie. Użytkownicy wykonywali zadania na prototypie bankowego serwisu transakcyjnego oraz serwisu maklerskiego. 36

37 Przebieg badania serwisu mobilnego Komputer z podglądem ekranu testowanej aplikacji mobilnej. Facylitator Osoba badana i badacze Klienci Obserwator Osoba badana korzysta z telefonu z testowaną aplikacją Lustro weneckie Komputer badawczy, do którego przekazywany jest obraz ekranu z telefonu. 37

38 Prototyp wersji mobilnej Pekao24 Badanie usability przeprowadzone tylko na dwóch modelach telefonów pozwoliło nam na sprawdzenie jak z serwisem radzą sobie użytkownicy najpopularniejszych w Polsce platform reprezentujących zupełnie różne światy: mniejszy ekran, fizyczna klawiatura oraz dość ograniczona przeglądarka Nokia N95, a z drugiej strony Safari oraz duży ekran multitouch iphone a. 38

39 Wyniki badania wersji mobilnej Podczas badań wersji mobilnej 100% respondentów wykonało poprawnie wszystkie zadania (i we wszystkich przypadkach przed czasem). Serwis okazał się tak prosty w użyciu, że nawet osoby dla których korzystanie z internetu mobilnego przez komórkę było nowością nie miały z jego obsługą żadnych problemów. Dotyczyło to także użycia bardzo złożonej aplikacji serwisu maklerskiego, która w wersji mobilnej zawiera prawie wszystkie funkcje wersji pełnej. Po badaniach dokonaliśmy jedynie drobnej optymalizacji formularzy, aby korzystanie z nich było bardziej komfortowe. Serwis mobilny dostępny jest pod adresem 100% respondentów wykonało wszystkie zadania przed czasem 39

40 Zespół Projektowanie interakcji, architektura informacji Magdalenia Bicka - user experience team leader Maciej Lipiec - user experience director Projekt graficzny Arek Sobczyk - senior graphic designer Dokumentacja i prototyp wersji mobilnej Michał Gołębiowski - systems architect FX Tomasz Seroczyński - new internet concepts manager Development JavaScript Daniel Gromysz - programmer Krzysztof Jasewicz - programmer Joanna Pietras - programmer Jacek Podgórski - programmer Podziękowania Marcin Mościcki - art director Eryk Orłowski - komitywa.com Maciej Szandar - art director Piotr Wawrzyniak - art director Project managment Jarek Górecki - project manager Magdalena Zawada - account director Development szablonów XSL Michał Kamosz - webdeveloper Łukasz Mańkowski - webdeveloper Hubert Smusz - webdeveloper Paweł Włodarczyk - webdeveloper 40

41 Autorzy Magdalena Bicka User Experience Team Leader w K2 Internet S.A. Od 2006 roku zajmuje się w K2 projektowaniem interakcji i badaniami user experience. Psycholog społeczny informatyki i komunikacji. Ukończyła Szkołę Wyższą Psychologii Społecznej w Warszawie. Pracowała m.in. dla takich klientów jak Coca-Cola, Nokia, Open Finance, Agora S.A., Play, Sanitec KOŁO, Instytut Wzornictwa Przemysłowego, Ministerstwo Kultury i Dziedzictwa Narodowego. Maciej Lipiec User Experience Director w K2 Internet S.A. W K2 od 2007 roku - początkowo jako architekt informacji w zespole Konsultingu agencji, później współzałożyciel spółki Komitywa.com, która po roku działalności została zastąpiona przez markę K2 User Experience. Zespołem K2 User Experience kieruje od początku Wcześniej pracował w dziale Strategii i Architektury Informacji w agencji McCann Erickson Polska. Autor bloga dotyczącego użyteczności i projektowania interakcji uxdesign.pl. Psycholog społeczny ze specjalizacją w psychologii reklamy i marketingu. Absolwent Szkoły Wyższej Psychologii Społecznej w Warszawie. Pracował m.in. dla takich klientów jak PZU, Aviva / Commercial Union, Noble Bank, Nokia, Play, Polkomtel, PTC Era, Telewizja Polska, Coca-Cola, Maspex, Exxon Mobil, PKN Orlen. 41

42 K2 User Experience to wyspecjalizowany zespół działający w ramach agencji K2 Internet zajmujący się tworzeniem koncepcji dla nowych produktów interaktywnych i e-usług, projektowaniem interakcji, prowadzeniem badań z udziałem użytkowników. Pomagamy naszym Klientom tworzyć udane produkty i usługi. Odkrywamy potrzeby konsumentów. Projektujemy ergonomiczne i efektywne aplikacje oraz serwisy internetowe, aplikacje na urządzenia mobilne (systemy ios, Android, Symbian, Windows), interfejsy dla ekranów dotykowych, kiosków multimedialnych, sprzętu elektronicznego. Konsultujemy i testujemy użyteczność (audyty i badania usability, eyetracking). Badamy skuteczność kreacji reklamowych - nie tylko w Internecie. Łączymy wysokiej klasy wiedzę psychologiczną z know-how technologicznym i doświadczeniem marketingowym. Naszą ofertę projektowo-badawczą znajdziesz na stronie Potrzebujesz konsultacji? Skontaktuj się, jeśli interesuje Cię współpraca z nami! Maciej Lipiec User Experience Director tel Katarzyna Wiśniewska New Business Director tel. +48 (22) ; K2 Internet S.A. al. Solidarności 74A, Warszawa tel. +48 (22) fax. +48 (22)

43 43

Projektowanie interakcji

Projektowanie interakcji Projektowanie interakcji K2 User Experience www.k2.pl/ux Tytuł dokumentu: k2-projektowanie_ux-oferta.pdf Data: 21 sierpnia 2009 Przygotowany przez: Maciej Lipiec Maciej Lipiec User Experience Director

Bardziej szczegółowo

Oferta badawcza. K2 User Experience. www.k2.pl/ux. Oferta badawcza K2 User Experience data utworzenia: 12 sierpnia 2009. k2-badania_ux-oferta.

Oferta badawcza. K2 User Experience. www.k2.pl/ux. Oferta badawcza K2 User Experience data utworzenia: 12 sierpnia 2009. k2-badania_ux-oferta. Oferta badawcza K2 User Experience www.k2.pl/ux Tytuł dokumentu: k2-badania_ux-oferta.pdf Data: 21 sierpnia 2009 Przygotowany przez: Maciej Lipiec Maciej Lipiec User Experience Director 0 510 533 592 e-mail:

Bardziej szczegółowo

Użyteczność stron internetowych

Użyteczność stron internetowych Użyteczność stron internetowych Użyteczność Użyteczność (ang. usability) jest to dziedzina wiedzy dotycząca interaktywnych urządzeń i aplikacji, która określa stopień, w jakim ludzie są w stanie wykonać

Bardziej szczegółowo

Proces projektowania i wdrożenia serwisu internetowego

Proces projektowania i wdrożenia serwisu internetowego Proces projektowania i wdrożenia serwisu internetowego Kluczowe etapy projektu 9 1 Rozwój i optymalizacja Analiza celów, potrzeb i konkurencji 8 Szkolenie IMPROVE THINK Wireframe i prototyp (UX) 2 7 Testy

Bardziej szczegółowo

Co to jest usability?

Co to jest usability? Co to jest usability? Użyteczność produktów interaktywnych stron internetowych, programów komputerowych, telefonów komórkowych to odczuwana przez użytkowników prostota i wygoda, naturalność wykonywania

Bardziej szczegółowo

Moduł ecommerce. Terminy: 11 i 12 marca 25 i 26 marca 15 i 16 kwietnia 25 i 26 kwietnia

Moduł ecommerce. Terminy: 11 i 12 marca 25 i 26 marca 15 i 16 kwietnia 25 i 26 kwietnia Tematy: 1. Metody monetyzacji obecności firmy B2B w Internecie i prowadzenia handlu elektronicznego (e-commerce). Trenerzy: Łukasz Kurosad/Wojciech Szymczak 2. Badania użyteczności w optymalizacji serwisów

Bardziej szczegółowo

Aplikacje i serwisy mobilne oraz rozwiązania m-commerce Rozwiązanie obsługiwane przez eo Networks S.A.

Aplikacje i serwisy mobilne oraz rozwiązania m-commerce Rozwiązanie obsługiwane przez eo Networks S.A. Aplikacje i serwisy mobilne oraz rozwiązania m-commerce Rozwiązanie obsługiwane przez eo Networks S.A. eo Networks Mobile eo Networks Mobile to gałąź działalności eo Networks S.A. odpowiedzialna za projektowanie

Bardziej szczegółowo

Responsive Web Design:

Responsive Web Design: Responsive Web Design: jeden serwis, wiele urządzeń Konferencja i warsztaty 26.06.2014 Warszawa Organizator: Polski reprezentant UXAlliance Zaprojektowaliśmy responsywne serwisy między innymi dla: Responsive

Bardziej szczegółowo

PRZEWODNIK PO SERWISIE BRe BROKERS Rozdział 8

PRZEWODNIK PO SERWISIE BRe BROKERS Rozdział 8 Spis treści PRZEWODNIK PO SERWISIE BRe BROKERS Rozdział 8 MobiBReBrokers mobilna wersja serwisu BReBrokers 1. Informacja o aplikacji MobiBReBrokers 2. Instalacja 3. Korzystanie z systemu MobiBReBrokers

Bardziej szczegółowo

Główne zalety bankowości mobilnej oferowanej przez Bank Spółdzielczy w Bieczu:

Główne zalety bankowości mobilnej oferowanej przez Bank Spółdzielczy w Bieczu: Główne zalety bankowości mobilnej oferowanej przez Bank Spółdzielczy w Bieczu: - brak konieczności instalowania dodatkowego oprogramowania - szybszy dostęp do konta bankowego - brak opłat za korzystanie

Bardziej szczegółowo

Case study: Mobilny serwis WWW dla Kolporter

Case study: Mobilny serwis WWW dla Kolporter Case study: Mobilny serwis WWW dla Kolporter Sklep internetowy Kolporter.pl oferuje swoim Klientom blisko 100 000 produktów w tym: ksiąŝki, muzykę, film i gry. Kolporter postanowił stworzyć nowy kanał

Bardziej szczegółowo

SEMINARIUM Dwie perspektywy w projektowaniu na Responsive Web Design (User experience i webdeveloper)

SEMINARIUM Dwie perspektywy w projektowaniu na Responsive Web Design (User experience i webdeveloper) Katalizator Innowacji - usługi doradcze dla biznesu realizowane w modelu audytu benchmarkowego. Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Dotacje na

Bardziej szczegółowo

INSTRUKCJA UŻYTKOWANIA USŁUGI mobile e-bank EBS

INSTRUKCJA UŻYTKOWANIA USŁUGI mobile e-bank EBS INSTRUKCJA UŻYTKOWANIA USŁUGI mobile e-bank EBS INFORMACJE OGÓLNE Usługa mobile e-bank EBS umożliwia dostęp do usług bankowych poprzez Internet z wykorzystaniem urządzeń mobilnych (tablety, smartfony).

Bardziej szczegółowo

CMS, CRM, sklepy internetowe, aplikacje Web

CMS, CRM, sklepy internetowe, aplikacje Web CMS, CRM, sklepy internetowe, aplikacje Web Aplikacje PHP, open source, dodatki Add-ins, templatki, moduły na zamówienie Aplikacje mobilne jquery Mobile + PhoneGap Kilka platform w cenie jednego kodu JavaScript!

Bardziej szczegółowo

STRONA WWW A LANDING PAGE

STRONA WWW A LANDING PAGE Zajęcia 9 Czym się różnią? Przykład: http://www.expander.pl/ http://f.expander.pl/lp/20140124_hipo_kal_zdoln/index.jsp?lpid=20140124_hipo_ka l_zdoln&formtype=google_kredyt_hipoteczny&product0=99&idpartner=98&gclid=c

Bardziej szczegółowo

Symulator doboru koloru i przetłoczenia bramy garażowej oraz wzoru drzwi wejściowych. do elewacji budynku klienta

Symulator doboru koloru i przetłoczenia bramy garażowej oraz wzoru drzwi wejściowych. do elewacji budynku klienta Symulator doboru koloru i przetłoczenia bramy garażowej oraz wzoru drzwi wejściowych do elewacji budynku klienta Wszechobecna nowa technologia Smartfony obecnie coraz częściej zastępują zwykłe telefony

Bardziej szczegółowo

INSTRUKCJA KORZYSTANIA Z APLIKACJI

INSTRUKCJA KORZYSTANIA Z APLIKACJI INSTRUKCJA KORZYSTANIA Z APLIKACJI www.ebooki.nowaera.pl WSTĘP REJESTRACJA LOGOWANIE AKTYWACJA E-BOOKA POBRANIE E-BOOKA NA URZĄDZENIA MOBILNE USUNIĘCIE E-BOOKA Z URZĄDZENIA MOBILNEGO NAWIGACJA W E-BOOKU

Bardziej szczegółowo

Prezentacja firmy Royal Solutions Sp. z o.o.

Prezentacja firmy Royal Solutions Sp. z o.o. Prezentacja firmy Royal Solutions Sp. z o.o. Zawartość prezentacji Misja Doświadczenie Konsultanci Technologie Podejście do Klienta Proces realizacji projektów Badania dojrzałości projektowej Projekty

Bardziej szczegółowo

Netkata. Design of digital products. Netkata Interactive Media Marketing

Netkata. Design of digital products. Netkata Interactive Media Marketing Netkata Design of digital products AGENDA O firmie Netkata Nasi klienci Wybrane projekty Jak pracujemy Dlaczego Netkata? Porozmawiajmy! Co oferuje Netkata? Projektujemy i realizujemy strony www, aplikacje

Bardziej szczegółowo

Wstępny raport użyteczności strony internetowej www.plus.pl. www.webadviser.pl tel. +48 602 508 043 marcin.gajewski@webadviser.pl

Wstępny raport użyteczności strony internetowej www.plus.pl. www.webadviser.pl tel. +48 602 508 043 marcin.gajewski@webadviser.pl Wstępny raport użyteczności strony internetowej www.plus.pl www.webadviser.pl tel. +48 602 508 043 marcin.gajewski@webadviser.pl Spis treści 1. O webadviser 2. Wstępny raport użyteczności Paostwa strony

Bardziej szczegółowo

PROJEKTOWANIE ZORIENTOWANE NA UŻYTKOWNIKA W METODYCE SCRUM. Hubert Wawrzyniak Grupa Allegro

PROJEKTOWANIE ZORIENTOWANE NA UŻYTKOWNIKA W METODYCE SCRUM. Hubert Wawrzyniak Grupa Allegro PROJEKTOWANIE ZORIENTOWANE NA UŻYTKOWNIKA W METODYCE SCRUM Hubert Wawrzyniak Grupa Allegro PLAN PREZENTACJI 1. Projektowanie zorientowane na użytkownika 2. Model kaskadowy 3. Metodyka scrum 4. UCD w scrumie

Bardziej szczegółowo

Netkata. PROCES projektowy Interfejsu Użytkownika. Spis treści. Netkata Interactive

Netkata. PROCES projektowy Interfejsu Użytkownika. Spis treści. Netkata Interactive Netkata PROCES projektowy Interfejsu Użytkownika Spis treści Projekt efektywnego UI... 2 1. Analiza biznesowa... 3 2. Analiza funkcjonalna... 3 3. Architektura informacji... 4 4. Interaktywne makiety...

Bardziej szczegółowo

Przedmiot: Komunikacja człowiek - komputer Ćwiczenie: 2 Temat ćwiczenia: Projektowanie funkcjonalne serwisów internetowych v.2.0

Przedmiot: Komunikacja człowiek - komputer Ćwiczenie: 2 Temat ćwiczenia: Projektowanie funkcjonalne serwisów internetowych v.2.0 1 Komunikacja człowiek - komputer Przedmiot: Komunikacja człowiek - komputer Ćwiczenie: 2 Temat ćwiczenia: Projektowanie funkcjonalne serwisów internetowych v.2.0 dr Artur Bartoszewski Spis treści TEORIA...

Bardziej szczegółowo

PLATFORMA ACTIVE FORMS. Kreator Formularzy Internetowych ze wsparciem dla RWD

PLATFORMA ACTIVE FORMS. Kreator Formularzy Internetowych ze wsparciem dla RWD PLATFORMA ACTIVE FORMS Kreator Formularzy Internetowych ze wsparciem dla RWD ACTIVE FORMS 2 Spis treści WPROWADZENIE 3 Dowolnie złożone formularze 3 Niski czas i koszt zbudowania formularza 4 TOP 10 WŁAŚCIWOŚCI

Bardziej szczegółowo

Mamy najlepsze ceny na rynku!

Mamy najlepsze ceny na rynku! M U LT I M E D I A C R E AT I O N H O U S E Jesteśmy zespołem programistów oraz grafików. Animacje i prezentacje multimedialne. Aplikacje mobilne i internetowe. Od 0 lat pracujemy dla najbardziej wymagających

Bardziej szczegółowo

Przyciągnij wzrok, a osiągniesz sukces!

Przyciągnij wzrok, a osiągniesz sukces! Przyciągnij wzrok, a osiągniesz sukces! Eyetracking jako narzędzie badania internetowych klientów Poznań, 30 czerwca 2007 Plan prezentacji 1. O Symetrii 2. Śledzenie wzroku jak i po co 3. Zakres zastosowań

Bardziej szczegółowo

Platforma Bankowości Mobilnej dla grupy

Platforma Bankowości Mobilnej dla grupy Platforma Bankowości Mobilnej dla grupy O Mobiltek Pierwsze wdrożenia Bankowości Mobilnej w Polsce: Raiffeisen (bankowy produkt roku 2005), Getin Bank (pierwszy system bankowości mobilnej dla platformy

Bardziej szczegółowo

Monitoring procesów z wykorzystaniem systemu ADONIS

Monitoring procesów z wykorzystaniem systemu ADONIS Monitoring procesów z wykorzystaniem systemu ADONIS BOC Information Technologies Consulting Sp. z o.o. e-mail: boc@boc-pl.com Tel.: (+48 22) 628 00 15, 696 69 26 Fax: (+48 22) 621 66 88 BOC Management

Bardziej szczegółowo

Podstawowe zasady użyteczności i ich wpływ na biznes

Podstawowe zasady użyteczności i ich wpływ na biznes Podstawowe zasady użyteczności i ich wpływ na biznes Agenda: 1. Kim są Użyteczni.pl i czym się zajmują? 2. Składowe User Experience 3. Architektura informacji 4. Czym jest użyteczność 5. Podstawowe zasady

Bardziej szczegółowo

Aplikacja (oprogramowanie) będzie umożliwiać przygotowanie, przeprowadzenie badania oraz analizę wyników według określonej metody.

Aplikacja (oprogramowanie) będzie umożliwiać przygotowanie, przeprowadzenie badania oraz analizę wyników według określonej metody. Załącznik nr 1 Specyfikacja przedmiotu zamówienia Aplikacja (oprogramowanie) będzie umożliwiać przygotowanie, przeprowadzenie badania oraz analizę wyników według określonej metody. Słowniczek pojęć Badanie

Bardziej szczegółowo

mtim Dedykowane aplikacje mobilne dla TIM S.A.

mtim Dedykowane aplikacje mobilne dla TIM S.A. mtim Dedykowane aplikacje mobilne dla TIM S.A. O TIM TIM S.A. jest jednym z największych dystrybutorów artykułów elektrotechnicznych w Polsce. 25 lat w branży, z czego 17 lat na Giełdzie Papierów Wartościowych

Bardziej szczegółowo

Agencja Interaktywna

Agencja Interaktywna Agencja Interaktywna System do skutecznego e-mail marketingu Agencja Interaktywna Fabryka Pikseli 1 System mailingowy 1. Opis systemu. System został stworzony z myślą o podmiotach zamierzających prowadzić

Bardziej szczegółowo

MINI PRZEWODNIK - Pierwsze kroki w systemie po wdrożeniu nowej bankowości elektronicznej BOŚBank24 iboss

MINI PRZEWODNIK - Pierwsze kroki w systemie po wdrożeniu nowej bankowości elektronicznej BOŚBank24 iboss MINI PRZEWODNIK - Pierwsze kroki w systemie po wdrożeniu nowej bankowości elektronicznej BOŚBank24 iboss Użytkownik Klienta, logując się do systemu bankowości elektronicznej, zostanie przeniesiony do Ekranu

Bardziej szczegółowo

CitiDirect Ewolucja Bankowości

CitiDirect Ewolucja Bankowości 1 CitiDirect Ewolucja Bankowości System bankowości elektronicznej dla firm Podręcznik Użytkownika CitiDirect EB Mobile CitiService Pomoc Techniczna CitiDirect Tel. 0 801 343 978, +48 (22) 690 15 21 Poniedziałek-piątek

Bardziej szczegółowo

INSTRUKCJA KORZYSTANIA Z APLIKACJI

INSTRUKCJA KORZYSTANIA Z APLIKACJI INSTRUKCJA KORZYSTANIA Z APLIKACJI www.ebooki.nowaera.pl WSTĘP WYMAGANIA SYSTEMOWE REJESTRACJA LOGOWANIE AKTYWACJA E-BOOKA POBRANIE E-BOOKA NA URZĄDZENIE MOBILNE USUNIĘCIE E-BOOKA Z URZĄDZENIA MOBILNEGO

Bardziej szczegółowo

Usługi mobilne ipko biznes

Usługi mobilne ipko biznes Usługi mobilne ipko biznes Spis treści TOKEN MOBILNY... 3 Korzystanie z aplikacji Token ipko biznes... 4 LISTA OBSŁUGIWANYCH TELEFONÓW... 5 IPKO BIZNES NA BLACKBERRY... 5 Wymagania i pobranie aplikacji...

Bardziej szczegółowo

Agenda. Co to jest RWD? Dlaczego warto myśleć o RWD w kontekście aplikacji biznesowych? Przykłady. ericpol.com 2013-06-20 2

Agenda. Co to jest RWD? Dlaczego warto myśleć o RWD w kontekście aplikacji biznesowych? Przykłady. ericpol.com 2013-06-20 2 Agenda Co to jest RWD? Dlaczego warto myśleć o RWD w kontekście aplikacji biznesowych? Przykłady 2013-06-20 2 Ericpol Ericpol - fakty Na polskim rynku od 22 lat Siedziba w Łodzi Biura: Kraków, Warszawa

Bardziej szczegółowo

M@klernet MOBILE - Instrukcja

M@klernet MOBILE - Instrukcja M@klernet MOBILE - Instrukcja Spis treści I. INFORMACJE OGÓLNE... 2 II. LOGOWANIE... 2 II. MENU... 4 IV. SKŁADANIE, ANULOWANIE, MODYFIKACJA ZLECEŃ... 6 1. Składanie zleceń... 6 2. Modyfikowanie i anulowanie

Bardziej szczegółowo

Zastosowanie darmowych rozwiązań do testów użyteczności aplikacji internetowych

Zastosowanie darmowych rozwiązań do testów użyteczności aplikacji internetowych Zastosowanie darmowych rozwiązań do testów użyteczności aplikacji internetowych Konferencja SQAM 2008 Agenda Proces Projektowanie zorientowane na użytkownika 2. Dla początkujących : ) zlastrona.org; 3.

Bardziej szczegółowo

Jak zmierzyd intuicyjnośd serwisu WWW z wykorzystaniem narzędzia WebDefiner?

Jak zmierzyd intuicyjnośd serwisu WWW z wykorzystaniem narzędzia WebDefiner? Jak zmierzyd intuicyjnośd serwisu WWW z wykorzystaniem narzędzia WebDefiner? Data: 18-19.05.2011 a.radwan@hypermediaisobar.pl j.rzepecki@hypermediaisobar.pl Agenda Droga Banku do pozyskania Klienta jest

Bardziej szczegółowo

System Bankowości Internetowej ABS 24 - AUTORYZACJA za pośrednictwem kodów SMS -

System Bankowości Internetowej ABS 24 - AUTORYZACJA za pośrednictwem kodów SMS - System Bankowości Internetowej ABS 24 - AUTORYZACJA za pośrednictwem kodów SMS - Zakres usług świadczonych w ramach Systemu Bankowości Internetowej ABS 24 I Informacje o rachunku 1. Podstawowe informacje

Bardziej szczegółowo

To sposób w jaki użytkownik wchodzi w interakcje z systemem. Środowisko graficzne używa kombinacji graficznych elementów(przyciski, okna, menu) i

To sposób w jaki użytkownik wchodzi w interakcje z systemem. Środowisko graficzne używa kombinacji graficznych elementów(przyciski, okna, menu) i Aleksandra Dębiecka To sposób w jaki użytkownik wchodzi w interakcje z systemem. To sposób w jaki użytkownik wchodzi w interakcje z systemem. Środowisko graficzne używa kombinacji graficznych elementów(przyciski,

Bardziej szczegółowo

Problematyka użyteczności serwisów internetowych

Problematyka użyteczności serwisów internetowych Przykład 1 Paweł J. owalski Problematyka użyteczności serwisów internetowych wykład 10 Przykład 3 Przykład 2 Etapy projektowania serwisu internetowego projekt informacji 1. Zdefiniowanie wymagań (cel,

Bardziej szczegółowo

Redesign portalu Playmobile.pl. Case study

Redesign portalu Playmobile.pl. Case study Redesign portalu Playmobile.pl Case study Tło projektu 2 Klient Operator telefonii komórkowej PLAY oferuje usługi abonamentowe dla klientów indywidualnych i biznesowych oraz usługi bezabonamentowe typu

Bardziej szczegółowo

Przewodnik po Systemie Internetowym Sez@m dla Klientów posiadających w tym systemie dostęp wyłącznie do kart kredytowych i innych kredytów.

Przewodnik po Systemie Internetowym Sez@m dla Klientów posiadających w tym systemie dostęp wyłącznie do kart kredytowych i innych kredytów. Przewodnik po Systemie Internetowym Sez@m dla Klientów posiadających w tym systemie dostęp wyłącznie do kart kredytowych i innych kredytów. Spis treści WSTĘP... 2 LOGOWANIE DO SYSTEMU SEZ@M... 3 SAMODZIELNE

Bardziej szczegółowo

Skrócone opisy pryncypiów architektury korporacyjnej podmiotów publicznych

Skrócone opisy pryncypiów architektury korporacyjnej podmiotów publicznych Skrócone opisy pryncypiów architektury korporacyjnej podmiotów publicznych Wersja: 1.0 17.06.2015 r. Wstęp W dokumencie przedstawiono skróconą wersję pryncypiów architektury korporacyjnej podmiotów publicznych.

Bardziej szczegółowo

Idealna strona internetowa dla Twojej firmy

Idealna strona internetowa dla Twojej firmy Katowice, 25.11.2010 r. Idealna strona internetowa dla Twojej firmy Warsztaty prowadzenie Zofia Oslislo 1 Czy potrzebuję (nowej) strony internetowej? mogę zwiększyć sprzedaż, gdy pozwolę klientom kupować

Bardziej szczegółowo

Stosunkimiedzynarodowe.pl

Stosunkimiedzynarodowe.pl AGENCJA INTERAKTYWNA NETTURBINA.PL Stosunkimiedzynarodowe.pl Case study Aleksander Ślązak 2011-05-04 Opis budowy portalu stosunkimiedzynarodowe.pl. Najważniejsze funkcje. Cele projektu Całkowita przebudowa

Bardziej szczegółowo

Podręcznik użytkownika platformy szkoleniowej Audatex. wersja 1.2

Podręcznik użytkownika platformy szkoleniowej Audatex. wersja 1.2 Podręcznik użytkownika platformy szkoleniowej Audatex wersja 1.2 Warszawa 2015 Spis treści 1. Zakup kursu... 3 2. Logowanie do systemu... 3 2.1. Jak zalogować się do systemu?... 3 2.2. Co zrobić kiedy

Bardziej szczegółowo

Tomasz Karwatka Janmedia Interactive tkarwatka@janmedia.pl www.janmedia.pl. ecommerce w czym tkwi siła naszych rozwiązań

Tomasz Karwatka Janmedia Interactive tkarwatka@janmedia.pl www.janmedia.pl. ecommerce w czym tkwi siła naszych rozwiązań Tomasz Karwatka Janmedia Interactive tkarwatka@janmedia.pl www.janmedia.pl ecommerce w czym tkwi siła naszych rozwiązań Janmedia Interactive : eksperci ecommerce Janmedia Interactive posiada autorski system

Bardziej szczegółowo

WSTĘP. Szanowni Państwo, Witamy bardzo serdecznie w gronie internautów, użytkowników systemów informatycznych przez Internet.

WSTĘP. Szanowni Państwo, Witamy bardzo serdecznie w gronie internautów, użytkowników systemów informatycznych przez Internet. WSTĘP Szanowni Państwo, Witamy bardzo serdecznie w gronie internautów, użytkowników systemów informatycznych przez Internet. Oferujemy Państwu jedną z unikalnych, a za razem bardzo bezpiecznych usług dostępu

Bardziej szczegółowo

PŁATNOŚCI W STANDARDZIE BLIK WSTĘPNA ANALIZA CUSTOMER EXPERIENCE

PŁATNOŚCI W STANDARDZIE BLIK WSTĘPNA ANALIZA CUSTOMER EXPERIENCE PŁATNOŚCI W STANDARDZIE BLIK WSTĘPNA ANALIZA CUSTOMER EXPERIENCE Prezentacja z Konferencji Nowości płatnicze, czyli co nas czeka wkrótce Warszawa, czerwiec 2015 przyjaznyserwis.pl 1 Wstęp Na potrzeby konferencji

Bardziej szczegółowo

Czym jest ING BankOnLine? Zamówienie i aktywacja. Logowanie i korzystanie

Czym jest ING BankOnLine? Zamówienie i aktywacja. Logowanie i korzystanie Czym jest ING BankOnLine? ING BankOnLine to bezpłatny dostęp do konta osobistego, firmowego lub oszczędnościowego, przez Internet. Dla kogo: Jest przeznaczony zarówno dla klientów indywidualnych, jak i

Bardziej szczegółowo

Aplikacje webowe wspomagające działalność przedsiębiorstwa na przykładzie przychodni stomatologicznej

Aplikacje webowe wspomagające działalność przedsiębiorstwa na przykładzie przychodni stomatologicznej Aplikacje webowe wspomagające działalność przedsiębiorstwa na przykładzie przychodni stomatologicznej Małgorzata Barańska Wydział Informatyki i Zarządzania, Politechnika Wrocławska Beata Laszkiewicz Wydział

Bardziej szczegółowo

Pasek menu. Kategoria zakładki umożliwia dodawanie zakładek notowań i edytowanie sposobu ich wyświetlania.

Pasek menu. Kategoria zakładki umożliwia dodawanie zakładek notowań i edytowanie sposobu ich wyświetlania. Pierwsze kroki Główne okno Notowań Online składa się z: paska menu, obszaru daty i godziny wraz ze statusem połączenia aplikacji z siecią, paska narzędzi, okna notowań wraz z zakładkami do aktualnej grupy

Bardziej szczegółowo

SPECYFIKACJA FORM REKLAMOWYCH

SPECYFIKACJA FORM REKLAMOWYCH SPECYFIKACJA FORM REKLAMOWYCH Spis treści I. ZAŁOŻENIA OGÓLNE... 3 II. PODSTAWOWE FORMATY REKLAMOWE... 4 III. FORMATY RICH MEDIA... 5 IV. DOBRE PRAKTYKI KREACJE RICH MEDIA... 7 2 I. Założenia ogólne 1.

Bardziej szczegółowo

Przewodnik Google Cloud Print

Przewodnik Google Cloud Print Przewodnik Google Cloud Print Wersja A POL Definicje oznaczeń W tym podręczniku użytkownika zastosowano następujący styl uwag: Uwagi informują o tym, jak należy reagować w danej sytuacji, lub zawierają

Bardziej szczegółowo

Komleksowy projekt i realizacja rozbudowanego serwisu internetowego. Fundacja Partnerstwo dla Środowiska

Komleksowy projekt i realizacja rozbudowanego serwisu internetowego. Fundacja Partnerstwo dla Środowiska Komleksowy projekt i realizacja rozbudowanego serwisu internetowego Fundacja Partnerstwo dla Środowiska www.fpds.pl oraz strona powiązana www.euro-eko-nagrody.pl Realizacja - 2011-05-28 Klient - Fundacja

Bardziej szczegółowo

Nowa strona internetowa Twojej Firmy w 3 dni!

Nowa strona internetowa Twojej Firmy w 3 dni! www.stronaw3dni.pl Nowa strona internetowa Twojej Firmy w 3 dni! W pakiecie: + indywidualny projekt + wersja mobilna + domena i hosting na rok gratis! od 1299 zł 989 zł netto ZAPRASZAMY DO ZAPOZNANIA SIĘ

Bardziej szczegółowo

Dokumentacja systemu erecepcja.com SYSTEM REJESTRACJI KLIENTÓW PRZEZ INTERNET

Dokumentacja systemu erecepcja.com SYSTEM REJESTRACJI KLIENTÓW PRZEZ INTERNET Dokumentacja systemu erecepcja.com SYSTEM REJESTRACJI KLIENTÓW PRZEZ INTERNET Lublin 16.01.2012 1 Spis treści REJESTRACJA KONTA W SYSTEMIE... 3 PIERWSZA KONFIGURACJA... 4 PIERWSZA KONFIGURACJA - PLACÓWKI...

Bardziej szczegółowo

ERGODESIGN - Podręcznik użytkownika. Wersja 1.0 Warszawa 2010

ERGODESIGN - Podręcznik użytkownika. Wersja 1.0 Warszawa 2010 ERGODESIGN - Podręcznik użytkownika Wersja 1.0 Warszawa 2010 Spis treści Wstęp...3 Organizacja menu nawigacja...3 Górne menu nawigacyjne...3 Lewe menu robocze...4 Przestrzeń robocza...5 Stopka...5 Obsługa

Bardziej szczegółowo

Moduł do płatności mobilnych najprostszy sposób zatwierdzenia płatności w komórce

Moduł do płatności mobilnych najprostszy sposób zatwierdzenia płatności w komórce Moduł do płatności mobilnych najprostszy sposób zatwierdzenia płatności w komórce Dla kogo? Dla podmiotów z branży m-commerce i e-commerce posiadających aplikacje i strony mobilne. Twój Klient chce coś

Bardziej szczegółowo

Nawigacja po trasie wycieczki

Nawigacja po trasie wycieczki Nawigacja po trasie wycieczki Publikacja trasy wycieczki za pomocą pliku kml. KML (Keyhole Markup Language) jest to format pliku pozwalający na wizualizację trójwymiarowych danych przestrzennych. Nawigacja

Bardziej szczegółowo

Poradnik zetula.pl. Jak założyć konto na zetula.pl. i zabezpieczyć dane na swoim komputerze?

Poradnik zetula.pl. Jak założyć konto na zetula.pl. i zabezpieczyć dane na swoim komputerze? Poradnik zetula.pl Jak założyć konto na zetula.pl i zabezpieczyć dane na swoim komputerze? 1.Wejdź na stronę www.zetula.pl 2.Kliknij na odnośniku Utwórz nowe konto 3.Wypełnij formularz rejestracyjny. Pola

Bardziej szczegółowo

Internet PR w praktyce Urszula Kandefer Łukasz Zawadowski Internet + PR = Internet PR Znaczenie Internetu do kreowania wizerunku Internet podstawowe źródło informacji Wzrost znaczenia internetu rozwój

Bardziej szczegółowo

MEDIAFLEX PREZENTACJA FIRMY. Mediaflex Sp. z o. o.. ul. Wodna 17, 30-556 Kraków www.mediaflex.pl

MEDIAFLEX PREZENTACJA FIRMY. Mediaflex Sp. z o. o.. ul. Wodna 17, 30-556 Kraków www.mediaflex.pl MEDIAFLEX PREZENTACJA FIRMY Mediaflex Sp. z o. o.. ul. Wodna 17, 30-556 Kraków www.mediaflex.pl Mediaflex oferta Oferujemy kompleksowe działania wspomagające działalność naszych Klientów w Internecie.

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI DIODOWEGO WYŚWIETLACZA TEKSTÓW PIEŚNI STEROWANEGO Z TABLETU 10,1 '

INSTRUKCJA OBSŁUGI DIODOWEGO WYŚWIETLACZA TEKSTÓW PIEŚNI STEROWANEGO Z TABLETU 10,1 ' INSTRUKCJA OBSŁUGI DIODOWEGO WYŚWIETLACZA TEKSTÓW PIEŚNI STEROWANEGO Z TABLETU 10,1 ' -1- Spis treści - 1. O programie... 3 2. Uruchomienie programu... 3 3. Przygotowanie urządzenia do pracy... 4 4. Wyświetlanie

Bardziej szczegółowo

View Agencja Kreatywna Sławomir Huczak. Lidzbark Warmiński / Olsztyn / Gdańsk / Warszawa

View Agencja Kreatywna Sławomir Huczak. Lidzbark Warmiński / Olsztyn / Gdańsk / Warszawa Sławomir Huczak. Lidzbark Warmiński / Olsztyn / Gdańsk / Warszawa 1 AGENCJA KREATYWNA VIEW SKUTECZNA REKLAMA I MARKETING View to agencja kreatywna zajmująca się tworzeniem stron internetowych, projektowaniem

Bardziej szczegółowo

Visent Events. Rozszerz ofertę eventową dzięki aplikacji mobilnej. visentevents.com ilona@visentevents.com +48 884 025 040

Visent Events. Rozszerz ofertę eventową dzięki aplikacji mobilnej. visentevents.com ilona@visentevents.com +48 884 025 040 Visent Events Rozszerz ofertę eventową dzięki aplikacji mobilnej. Dlaczego mobile? 900 tyle razy spoglądamy na ekran naszego smartfona* 3 godziny dziennie tyle czasu spędzamy z urządzeniem mobilnym 24

Bardziej szczegółowo

Kluczowe zasoby do realizacji e-usługi Warszawa, 16 października 2012. Maciej Nikiel

Kluczowe zasoby do realizacji e-usługi Warszawa, 16 października 2012. Maciej Nikiel 2012 Zasoby wiedzy w e-projekcie. Technologie informatyczne, oprogramowanie - zdefiniowanie potrzeb, identyfikacja źródeł pozyskania. Preferencje odnośnie technologii informatycznych. Maciej Nikiel Kluczowe

Bardziej szczegółowo

Interakcja i komunikacja a strony biblioteczne

Interakcja i komunikacja a strony biblioteczne Interakcja i komunikacja a strony biblioteczne 01 Netia Agenda 2 1 user experience, użyteczność, AI konwencja w projekcie funkcjonalnym 2 3 model komunikacyjny jak sięgnąć po użytkownika? 4 5 proces twórczy

Bardziej szczegółowo

OFERTA INTERAKTYWNYCH PUBLIKACJI FINANSOWYCH

OFERTA INTERAKTYWNYCH PUBLIKACJI FINANSOWYCH No Hau Studio OFERTA Szanowni Państwo, Z przyjemnością prezentujemy Państwu naszą ofertę dotyczącą interaktywnych publikacji finansowych. No Hau Studio specjalizuje się w obsłudze dużych spółek giełdowych,

Bardziej szczegółowo

Projektowanie systemu sprzedaŝy ubezpieczeń dla T. U. Generali zgodnie z metodyką User-Centered Design

Projektowanie systemu sprzedaŝy ubezpieczeń dla T. U. Generali zgodnie z metodyką User-Centered Design Case Study Projektowanie systemu sprzedaŝy ubezpieczeń dla T. U. Generali zgodnie z metodyką User-Centered Design Zadanie Naszym zadaniem było zaprojektowanie interfejsu aplikacji do sprzedaŝy ubezpieczeń

Bardziej szczegółowo

Zakres Zadań Wykonawcy

Zakres Zadań Wykonawcy Załącznik nr 1 Zakres Zadań Wykonawcy I. ZAŁOŻENIA ZAMÓWIENIA 1. Główne cele zamówienia: 1.1. Podniesienie efektywności komunikacji PARP w Internecie oraz uspójnienie portali poprzez: 1.1.1. Określenie

Bardziej szczegółowo

Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu. Projekt przewiduje realizację następujących zadań:

Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu. Projekt przewiduje realizację następujących zadań: Załącznik nr 1. Szczegółowe założenia funkcjonalne i techniczne projektu Projekt przewiduje realizację następujących zadań: 1. Dostosowanie strony BIP Miasta i Gminy Swarzędz do potrzeb osób niepełnosprawnych

Bardziej szczegółowo

Klikając zaloguj do KIRI-BS zostaniemy przekserowani do strony logowania Bankowości Internetowej.

Klikając zaloguj do KIRI-BS zostaniemy przekserowani do strony logowania Bankowości Internetowej. Powiatowy Bank Spółdzielczy w Lubaczowie oferuje Paostwu bezpieczną i nowoczesną formę dostępu do rachunku przez Internet. Usługa SBI która umożliwia klientom indywidualnym oraz małym i średnim firmom

Bardziej szczegółowo

Specyfikacja. www.html-css-ajax.com. Załącznik A

Specyfikacja. www.html-css-ajax.com. Załącznik A Załącznik A Specyfikacja www.html-css-ajax.com Internetowy serwis poświęcony tworzeniu stron WWW z wykorzystaniem języka XHTML i technologii CSS oraz AJAX. Jakub Ciesielski http://www.html-css-ajax.com

Bardziej szczegółowo

omnia.pl, ul. Kraszewskiego 62A, 37-500 Jarosław, tel. +48 16 621 58 10 www.omnia.pl kontakt@omnia.pl

omnia.pl, ul. Kraszewskiego 62A, 37-500 Jarosław, tel. +48 16 621 58 10 www.omnia.pl kontakt@omnia.pl .firma Dostarczamy profesjonalne usługi oparte o nowoczesne technologie internetowe Na wstępie Wszystko dla naszych Klientów Jesteśmy świadomi, że strona internetowa to niezastąpione źródło informacji,

Bardziej szczegółowo

Aplikacja mobilna na ipada dla klientów Citi Handlowy

Aplikacja mobilna na ipada dla klientów Citi Handlowy Warszawa, 24 września 2013 Aplikacja mobilna na ipada dla klientów Citi Handlowy Citi Handlowy uruchomił nową aplikację bankowości mobilnej, tym razem na ipada. Aplikacja od początku do końca została zaprojektowana

Bardziej szczegółowo

PROBLEMY TECHNICZNE. Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS

PROBLEMY TECHNICZNE. Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS PROBLEMY TECHNICZNE Co zrobić, gdy natrafię na problemy związane z użytkowaniem programu DYSONANS Jeżeli stwierdziłeś występowanie błędów lub problemów podczas pracy z programem DYSONANS możesz skorzystać

Bardziej szczegółowo

DESIGNER APPLICATION. powered by

DESIGNER APPLICATION. powered by DESIGNER APPLICATION powered by O FIRMIE HiddenData specjalizuje się w technologii dystrybucji treści video w Internecie oraz w budowie złożonych, funkcjonalnych aplikacji internetowych i mobilnych. Budujemy

Bardziej szczegółowo

Podręcznik użytkownika Publikujący aplikacji Wykaz2

Podręcznik użytkownika Publikujący aplikacji Wykaz2 Podręcznik użytkownika Publikujący aplikacji Wykaz2 TiMSI Sp z o o ul Czapli 63, 02-781 Warszawa tel : +48 22 644 86 76, fax: +48 22 644 78 52 NIP: 951-19-39-800 Sąd Rejonowy dla mst Warszawy w Warszawie,

Bardziej szczegółowo

Przewodnik Google Cloud Print

Przewodnik Google Cloud Print Przewodnik Google Cloud Print Wersja 0 POL Definicje oznaczeń W niniejszym podręczniku użytkownika zastosowano następującą konwencję oznaczeń: Informacje mówią o tym, jak należy reagować w danej sytuacji,

Bardziej szczegółowo

Notowania Mobilne wersja Java

Notowania Mobilne wersja Java Notowania Mobilne wersja Java Instrukcja obsługi programu Notowania Mobilne to aplikacja, która pozwala na dostęp do notowań giełdowych w czasie rzeczywistym z każdego miejsca na świecie, gdzie tylko możliwe

Bardziej szczegółowo

INSTRUKCJA ZMIANY METODY AUTORYZACJI W SERWISIE KB24

INSTRUKCJA ZMIANY METODY AUTORYZACJI W SERWISIE KB24 INSTRUKCJA ZMIANY METODY AUTORYZACJI W SERWISIE KB24 Co to jest KB token i token wielofunkcyjny? KB token (inaczej token mobilny) jest aplikacją instalowaną w telefonie komórkowym, umożliwiającą generowanie

Bardziej szczegółowo

1 Prezentacja oferty StudioGS

1 Prezentacja oferty StudioGS 1 Prezentacja oferty StudioGS 2 Prezentacja oferty StudioGS Kim jesteśmy Powstanie naszej firmy to efekt połączenia sił kilku osób związanych z różnymi gałęziami informatyki programiści, webmasterzy, graficy

Bardziej szczegółowo

Pytania i odpowiedzi doładowania telefonów

Pytania i odpowiedzi doładowania telefonów Pytania i odpowiedzi doładowania telefonów 1. Jakie są zalety doładowania telefonu w bankowości internetowej? prostota minimum czynności, które trzeba wykonać w celu doładowania konta telefonu, nie trzeba

Bardziej szczegółowo

Nabór Bursy/CKU. Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

Nabór Bursy/CKU. Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych: Nabór Bursy/CKU Przeglądanie oferty i rejestracja kandydata Informacje ogólne Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych: Internet Explorer

Bardziej szczegółowo

BACKUP BAZ DANYCH FIREBIRD

BACKUP BAZ DANYCH FIREBIRD BACKUP BAZ DANYCH FIREBIRD SPIS TREŚCI Informacje ogólne... 2 Tworzenie projektu... 2 Krok 1: Informacje podstawowe... 2 Krok 2: Dane... 3 Backup bazy umieszczonej na serwerze... 3 Bezpośredni backup pliku

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI wersja 1.0.2

INSTRUKCJA OBSŁUGI wersja 1.0.2 INSTRUKCJA OBSŁUGI wersja 1.0.2 1. Logowanie do systemu transakcyjnego Po zarejestrowaniu się w systemie transakcyjnym i aktywacji konta użytkownik może zalogować się do systemu transakcyjnego. W tym celu

Bardziej szczegółowo

PRZEWODNIK DLA KLIENTA

PRZEWODNIK DLA KLIENTA PRZEWODNIK DLA KLIENTA Spis treści 1. Wstęp... 3 2. Instalacja oprogramowania Java... 3 2.1. Instalacja w systemie operacyjnym... 3 2.2. Pierwsze uruchomienie aplikacji... 4 3. Logowanie do systemu I-Bank,

Bardziej szczegółowo

Doładowania telefonów

Doładowania telefonów Doładowania telefonów 1. Nowe doładowanie W celu zdefiniowania nowego przelewu na doładowanie telefonu pre-paid należy: Z menu systemu wybrać opcję Doładowania telefonów -> Nowe doładowanie Lub W oknie

Bardziej szczegółowo

System Profesal. Zarządzanie przez fakty

System Profesal. Zarządzanie przez fakty System Profesal Zarządzanie przez fakty Obecny Profesal jest systemem powstałym w wyniku 25 lat doświadczeń firmy ASTOR 150 użytkowników Ponad 450 000 notatek Ponad 11 000 artykułów bazy wiedzy Ponad 35

Bardziej szczegółowo

MOBILNA BANKOWOŚĆ potrzeba czy moda?

MOBILNA BANKOWOŚĆ potrzeba czy moda? MOBILNA BANKOWOŚĆ potrzeba czy moda? dr inż. Paweł Skrzyński, pskrzynski@mobiltek.pl Dyrektor IT AGENDA Co to jest bankowość mobilna? WWW vs Aplikacje mobilne Android/iOS Przegląd rynku bankowych aplikacji

Bardziej szczegółowo

HumanTechnology. Projektowanie interakcji. czyli łatanie dziury w procesie produkcji

HumanTechnology. Projektowanie interakcji. czyli łatanie dziury w procesie produkcji HumanTechnology Projektowanie interakcji czyli łatanie dziury w procesie produkcji Czym jest projektowanie interakcji? Projektowanie interakcji, czyli współdziałania człowieka z komputerem, wykorzystuje

Bardziej szczegółowo

Projektowanie Infrastruktury Sieciowej v2 2012/09/01

Projektowanie Infrastruktury Sieciowej v2 2012/09/01 Projektowanie Infrastruktury Sieciowej v2 2012/09/01 www.netcontractor.pl Wstęp Era nowych technologii umożliwiła praktycznie nieograniczone możliwości komunikacji niezależenie od miejsca i czasu. Dziś

Bardziej szczegółowo

Oferta szkoleniowa Yosi.pl 2012/2013

Oferta szkoleniowa Yosi.pl 2012/2013 Oferta szkoleniowa Yosi.pl 2012/2013 "Podróżnik nie posiadający wiedzy, jest jak ptak bez skrzydeł" Sa'Di, Gulistan (1258 rok) Szanowni Państwo, Yosi.pl to dynamicznie rozwijająca się firma z Krakowa.

Bardziej szczegółowo

Przewodnik Google Cloud Print

Przewodnik Google Cloud Print Przewodnik Google Cloud Print Wersja B POL Definicje oznaczeń W tym podręczniku użytkownika zastosowano następujący styl uwag: Uwagi informują o tym, jak należy reagować w danej sytuacji, lub zawierają

Bardziej szczegółowo