Projektowanie użytecznych aplikacji
RIA (Rich Internet Application)
Jacek Samsel

Agenda
1. Co to jest RIA?
2. Podstawowe cechy RIA.
3. Kilka przykładów.
4. Dlaczego RIA są coraz popularniejsze?
5. Co decyduje o użyteczności RIA?
4 VI 2009 Nazwa klienta 2

Co to jest RIA?
Rich Internet Application (RIA) to zaawansowane
aplikacje, działające w środowisku
internetowym.
Aplikacje desktopowe RIA Strony www
4 VI 2009 Nazwa klienta 3

Podstawowe cechy
• dynamicznie generowany, jednoekranowy interfejs,
• wyświetlanie treści bez konieczności przeładowania
całej strony www,
• pobieranie większości potrzebnych danych z serwera na
początku sesji użytkownika, a następnie przetwarzanie
i wyświetlanie ich przy wykorzystaniu zasobów i mocy
obliczeniowej komputer użytkownika.
4 VI 2009 Nazwa klienta 4

Kilka przykładów...
4 VI 2009 Nazwa klienta 5

GMail
4 VI 2009 Nazwa klienta 6

Google Reader (czytnik RSS)
4 VI 2009 Nazwa klienta 7

Strona startowa Netvibes
4 VI 2009 Nazwa klienta 8

Aplikacja do rezerwacji pokoi hotelowych
4 VI 2009 Nazwa klienta 9

Konfigurator samochodów Mini
4 VI 2009 Nazwa klienta 10

Gra komputerowa „Quake Live”
4 VI 2009 Nazwa klienta 11

Dlaczego popyt na RIA będzie rósł?
• ą ż
bo są wygodne w użyciu (brak konfiguracji, brak problemów
technicznych, dostęp z każdego komputera...),
• coraz szerszy dostęp do szybkich łączy internetowych,
• popularyzacja sprzedaży oprogramowania w modelu \"Software as a
service\" (SaaS),
• rozwój technologii umożliwiających tworzenie zaawansowanych
interfejsów użytkownika (Adobe Flex, Adobe Flash, AIR, MS Silverlight)
• ciągły rozwój silników przeglądarek internetowych,
• coraz większa świadomość klientów w dziedzinie marketingu
internetowego.
4 VI 2009 Nazwa klienta 12

Co decyduje o
użyteczności RIA?
4 VI 2009 Nazwa klienta 13

Odpowiednia szybkość działania
Wpływ na nią mają:
• Zastosowane pliki graficzne
• Skrypty
• Ilość zaciąganych danych
• Cache'owanie
• Komunikacja serwer-przeglądarka
4 VI 2009 Nazwa klienta 14

Interaktywność
4 VI 2009 Nazwa klienta 15

Przejrzystość interfejsu
4 VI 2009 Nazwa klienta 16

Koncentracja danych
4 VI 2009 Nazwa klienta 17

Jasny status systemu
4 VI 2009 Nazwa klienta 18

Precyzyjne i proste w odbiorze
komunikaty systemowe
4 VI 2009 Nazwa klienta 19

Konsekwencja
4 VI 2009 Nazwa klienta 20

Skupienie uwagi użytkownika na istotnym
w danym momencie elemencie interfejsu
4 VI 2009 Nazwa klienta 21

Afordancje
4 VI 2009 Nazwa klienta 22

Możliwość powrotu ze źle obranej ścieżki
4 VI 2009 Nazwa klienta 23

Wielośrodowiskowość
Netvibes Mobile
4 VI 2009 Nazwa klienta 24

Wykorzystywanie rozwiązań,
zaczerpniętych z aplikacji desktopowych
4 VI 2009 Nazwa klienta 25

Stosowanie animacji
• Zwijanie
• Rozwijanie
• Znikanie
• Pojawianie się
• Nadawanie masy poruszającym się obiektom
4 VI 2009 Nazwa klienta 26

Pomoc we wprowadzaniu treści
• wykorzystanie sensownych wartości domyślnych
• autouzupełnianie
• unikanie buttona „Wyczyść” w formularzach
4 VI 2009 Nazwa klienta 27

Odpowiednie użycie drag & drop
4 VI 2009 Nazwa klienta 28

Obsługa skrótów klawiszowych
4 VI 2009 Nazwa klienta 29

I ostatnie ale najważniejsze…
Nie zapomnij, że Twój produkt w 90%
ł
przypadków adresowany jest do „zwykłego
ż
użytkownika”, a nie „Geeka”,
ż
czy kolegi „z branży”!
4 VI 2009 Nazwa klienta 30

Dziękuję za uwagę! :)
4 VI 2009 Nazwa klienta 31

Agencja e-biznes Symetria specjalizuje się w obsłudze
projektów związanych z prowadzeniem biznesu w
Internecie. Od 1998 roku eksperci agencji doradzają i
wykonują wdrożenia dla największych polskich firm.
Klientami firmy są m.in. Volkswagen, BZ WBK, Link4,
WN PWN, PGNiG, Wirtualna Polska, Triada, TVP,
Agora, Nestle, Home.pl.
Doświadczenie Symetrii budują także własne projekty
internetowe. Symetria jest twórcą największego
polskiego serwisu randkowego Sympatia.pl, jak
również tematycznych serwisów społecznościowych
Trener.pl i Vitalia.pl (800 tys. UU).