Ogólnie mówiąc, projektowanie aplikacji i projektowanie stron internetowych to bardzo różne rzeczy. Podstawową różnicą jest to, że typowe aplikacje są zaprojektowane do robienia czegoś, podczas gdy strony internetowe pokazują tylko coś. Jednak w ostatnim czasie granica pomiędzy stronami internetowymi i aplikacjami stała się coraz bardziej zatarta, a wiele stron pokrywa się z wieloma stronami internetowymi zachowującymi się jak aplikacje lub nawet zawierającymi całe pakiety aplikacji w swoich interfejsach.

Dla tradycyjnych projektantów stron internetowych bez wcześniejszego doświadczenia w projektowaniu aplikacji może to być mylące i może prowadzić do wysoce wątpliwych rezultatów w produkcie końcowym. Ważne jest, aby zrozumieć, że kiedy mówię o projektowaniu aplikacji, nie mówię o "aplikacjach". Aplikacje są zwykle uniwersalnymi interfejsami, które umożliwiają telefonom wykonywanie czynności, których normalnie nie powinny wykonywać telefony. Są klasą aplikacji, ale tak naprawdę nie można ich uznać za prawdziwe aplikacje, dlatego nazywają się tylko "aplikacjami".

W poniższych uwagach opowiem o tym, jak projektowanie aplikacji internetowych różni się od projektowania zwykłych witryn informacyjnych i jak radzić sobie z przełączaniem i tworzyć praktyczne strony hybrydowe, które prawidłowo zawierają elementy aplikacji.

Prawdziwy responsywny projekt zwykle nie działa dobrze dla aplikacji

Tradycyjne aplikacje działają w skończonej przestrzeni ekranu (przewijanie nie jest normalne i zazwyczaj nie można rozciągać się na wiele ekranów, jak to możliwe na stronach internetowych). Sam interfejs aplikacji może zawierać przewijanie, ale wymaga własnej dedykowanej stałej powierzchni.

Oznacza to, że jeśli korzystasz z elastycznego projektowania, musisz bardzo uważnie przemyśleć, w jaki sposób twoje elementy aplikacji zmieszczą się w dostarczonej przestrzeni, aw większości przypadków elastyczne projekty nie będą działały zbyt dobrze. Być może trzeba przejść do oldschoolowego i stworzyć oddzielne wersje witryny przeznaczone do oglądania na różnych platformach, a nawet wykluczać wyświetlanie elementów aplikacji na urządzeniach mobilnych.

Projektuj wbudowaną pomoc, która może być wyświetlana bez opuszczania interfejsu aplikacji

Testowanie jest ważne dla każdej witryny lub aplikacji, ale jeśli chodzi o aplikacje internetowe, obciążenie pracą dla testowania wzrasta dramatycznie, ponieważ masz wiele innych sposobów, aby aplikacja nie działała poprawnie w różnych okolicznościach.

Podczas gdy w tradycyjnych aplikacjach masz luksus podręcznika użytkownika, który użytkownicy mogą sprawdzić, gdy wystąpi problem, aplikacje internetowe zwykle muszą zapewniać całą pomoc w ramach witryny (i zwykle mają słabą pracę!). Spróbuj użyć wskazówek, pop-upów, modów i jeśli musisz rozgałęzić się na strony zewnętrzne w celu uzyskania informacji na temat pomocy, skorzystaj przynajmniej z metody target = "_ blank" .

Użyj silnej obsługi błędów

Twoja aplikacja musi być na tyle inteligentna, aby wiedzieć, kiedy nie działa poprawnie i aby móc z wdziękiem ulec awarii, gdy zajdzie taka potrzeba. Nic nie jest bardziej denerwujące dla żadnego użytkownika, niż gdy jego system zwalnia do przeszukiwania i nie może zamknąć aplikacji po prostu dlatego, że jesteś zbyt leniwy, aby użyć obsługi błędów i zapewnić sposób na zakończenie aplikacji.

Podczas tworzenia zespołu do tworzenia aplikacji internetowych warto zatrudnić osoby, które mają doświadczenie w budowaniu tradycyjnych aplikacji komputerowych. Ci, którzy mają takie doświadczenie, mogą pomóc ci uniknąć błędów i uzyskać bardziej efektywny proces rozwoju.

Przedstawiony obraz, Obraz projektu interfejsu użytkownika przez Shutterstock.