Projektowanie użytecznych aplikacji RIA (Rich Internet Application)

Jacek Samsel

4 VI 2009 Nazwa klienta 2

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 3

Co to jest RIA?

Rich Internet Application (RIA) to zaawansowane

aplikacje, działające w środowisku

internetowym.

Aplikacje desktopowe Strony wwwRIA

4 VI 2009 Nazwa klienta 4

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 5

Kilka przykładów...

4 VI 2009 Nazwa klienta 6

GMail

4 VI 2009 Nazwa klienta 7

Google Reader (czytnik RSS)

4 VI 2009 Nazwa klienta 8

Strona startowa Netvibes

4 VI 2009 Nazwa klienta 9

Aplikacja do rezerwacji pokoi hotelowych

4 VI 2009 Nazwa klienta 10

Konfigurator samochodów Mini

4 VI 2009 Nazwa klienta 11

Gra komputerowa „Quake Live”

4 VI 2009 Nazwa klienta 12

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 13

Co decyduje o użyteczności RIA?

4 VI 2009 Nazwa klienta 14

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 15

Interaktywność

4 VI 2009 Nazwa klienta 16

Przejrzystość interfejsu

4 VI 2009 Nazwa klienta 17

Koncentracja danych

4 VI 2009 Nazwa klienta 18

Jasny status systemu

4 VI 2009 Nazwa klienta 19

Precyzyjne i proste w odbiorzekomunikaty systemowe

4 VI 2009 Nazwa klienta 20

Konsekwencja

4 VI 2009 Nazwa klienta 21

Skupienie uwagi użytkownika na istotnym w danym momencie elemencie interfejsu

4 VI 2009 Nazwa klienta 22

Afordancje

4 VI 2009 Nazwa klienta 23

Możliwość powrotu ze źle obranej ścieżki

4 VI 2009 Nazwa klienta 24

Wielośrodowiskowość

Netvibes Mobile

4 VI 2009 Nazwa klienta 25

Wykorzystywanie rozwiązań, zaczerpniętych z aplikacji desktopowych

4 VI 2009 Nazwa klienta 26

Stosowanie animacji

• Zwijanie

• Rozwijanie

• Znikanie

• Pojawianie się

• Nadawanie masy poruszającym się obiektom

4 VI 2009 Nazwa klienta 27

Pomoc we wprowadzaniu treści

• wykorzystanie sensownych wartości domyślnych

• autouzupełnianie

• unikanie buttona „Wyczyść” w formularzach

4 VI 2009 Nazwa klienta 28

Odpowiednie użycie drag & drop

4 VI 2009 Nazwa klienta 29

Obsługa skrótów klawiszowych

4 VI 2009 Nazwa klienta 30

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 31

Dziękuję za uwagę! :)

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ściowychTrener.pl i Vitalia.pl (800 tys. UU).