Blog

Blog o tworzeniu narzędzi internetowych

Projektowanie aplikacji internetowych

Projektowanie aplikacji internetowych

Aplikacja internetowa (webowa) to aplikacja pracująca na serwerze, do której użytkownik otrzymuje dostęp poprzez przeglądarkę internetową. Opis ten może wydawać się podobny do opisu strony internetowej. Obecnie granice pomiędzy zwyczajną stroną internetową a aplikacją coraz bardziej się zacierają ze względu na rozwój technologii internetowych. Jako główne kryterium podziału możemy przyjąć funkcjonalność, ponieważ aplikacje nastawione są na wykonywanie konkretnych zadań np. zarządzanie treścią, wymianę informacji, udostępnianie plików czy dodawanie ogłoszeń aukcyjnych. Strony internetowe skupiają się na byciu źródłem informacji. Niekiedy strony internetowe spełniają również funkcje aplikacji (najczęściej w środowisku eCommerce) dając użytkownikowi prócz treści również dodatkowe możliwości np. system bookingowy, zakupy online czy narzędzie do projektowania wnętrz na stronach sklepów meblowych.

Na co zwrócić uwagę podczas tworzenia aplikacji internetowych?

Niezależnie od poziomu zaawansowania naszej aplikacji musimy ograniczyć czas na wykonywanie poszczególnych czynności przez użytkownika do minimum. Obsługa powinna być intuicyjna, nie wymagająca wcześniejszego czytania instrukcji obsługi, a co najważniejsze z jak najmniejszą ilością wymaganych kliknięć i scrollowań ekranu. Ludzie nie lubią szukać, łatwo wpadają w irytację gdy nie mogą czegoś znaleźć co wydawałoby się proste, a ostatecznie okazuje się, że nie jest. W ten sposób wyłączają aplikację i już do niej nie wracają. Również pamiętajmy, by aplikacja nie wymagała przeładowywania strony. Wszelkie operacje powinny być wykonywane w czasie rzeczywistym np. z użyciem technologii AJAX.

Wszystkie potrzebne narzędzia najlepiej umieścić w zasięgu wzroku, zaczynając od lewej strony ekranu, a najważniejsze z nich wyróżnić np. kontrastującym kolorem przycisku. Nie udostępniajmy użytkownikowi wszystkich narzędzi jednocześnie, lecz włączajmy je w zależności od kontekstu. To samo dotyczy treści, która nie powinna być ładowana w całości, lecz doładowywana na bieżąco jeżeli zaistnieje taka potrzeba (np. lepiej wyświetlić trzy ostatnie komentarze i wyświetlić resztę w momencie scrollowania lub naciśnięcia przycisku).

Podczas działania aplikacji miłym dodatkiem będą dodatkowe animacje czy efekty przejścia (ściemnianie, rozjaśnianie) informujące użytkownika, że coś się dzieje. Szczególnie jest to ważne podczas asynchronicznego ładowania danych – użytkownik musi wiedzieć czy wykonywana operacja trwa, skończyła się, a może wcale nie zaczęła. Kręcąca się ikona ładowania strony lub wyskakująca ikona dyskietki z pewnością pozytywnie wpłynie na wrażenia użytkownika, lecz tego typu rozwiązania stosujmy z umiarem, w przeciwnym razie użytkownik może czuć się przytłoczony ilością animacji.

Użytkownik jest najważniejszy, dlatego aplikacja powinna wychodzić mu naprzeciw subtelnymi podpowiedziami, informacjami i powiadomieniami odnośnie wykonywanych działań.

Responsywne aplikacje internetowe

Obecnie większość użytkowników internetu uzyskuje do niego dostęp poprzez urządzenia mobilne (smartphone, tablet) dlatego nie możemy o nich zapomnieć. Ze względu na ograniczoną wielkość ekranu tych urządzeń należy dobrze rozplanować położenie poszczególnych elementów. W szczególności dotyczy to ekranu telefonu. Dobrą praktyką jest przygotowanie oddzielnej, mobilnej wersji naszej aplikacji. Jeżeli wielkość urządzenia stanowi znaczy problem, możemy ograniczyć funkcjonalność tylko do najważniejszych funkcji.

Na koniec warto wspomnieć o konieczności przeprowadzenia szczegółowych testów przed oddaniem aplikacji do rąk docelowych użytkowników. Warto zebrać grupę testerów z różnych środowisk, którzy z pewnością wytkną wszystkie błędy i uciążliwe funkcjonalności.

Przeczytaj również

100% zadowolonych Klientów

Jesteś zainteresowany współpracą? Postaw na sprawdzone rozwiązania.
Nasz zespół z chęcią podejmie się realizacji Twojego zlecenia.

Skontaktuj się z nami