Projektowanie użytecznych aplikacji RIA (Rich Internet Application) Jacek Samsel
Dec 25, 2014
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).