Jak zarządzać projektem front-endowym, aby oszczędzić czas i osiągnąć najwyższą jakość?

W czasach ciągłej ewolucji biznesowej firmy poszukują sposobów na poprawę efektywności swoich procesów.

Implementacja wielu projektów front-endowych umożliwiła nam wypracowanie własnego podejścia do tworzenia i rozszerzania tego typu rozwiązań.

Nasz workflow pomaga klientom uzyskać dokładnie to, czego chcą, a także zminimalizować potrzebne zasoby.

Dlatego też dzisiaj chcemy opisać to podejście i wyjaśnić przyczyny, które za nim stoją.

Ponadto, jeśli zamierzasz zmienić front-end lub planujesz stworzenie nowej aplikacji z nowoczesnym interfejsem, jesteś we właściwym miejscu.

Czym jest projekt front-endowy?

Na początku jednak, powinniśmy przyjrzeć się bliżej temu, co rozumiemy przez pojęcie „projekt front-end”.

Jest to część oprogramowania, stanowiąca pierwszy punkt kontaktu z użytkownikiem. Wykorzystuje się w niej wachlarz frameworków/ języków, takich jak:

• SAP GUI,
• SAPUI5,
• SAP Fiori,
• AngluarJS,
• ReactJS.

Zadbanie o komfort użytkowników końcowych należy do kluczowych aspektów tworzenia nowoczesnych aplikacji. Współczesny rynek jest pod tym względem bardzo konkurencyjny. Wiele firm tworzy rozwiązania bardzo wysokiej jakości.

Postęp w tym obszarze można zauważyć zadając sobie pytanie: „Kiedy po raz ostatni przeczytałem instrukcję obsługi aplikacji?”. Prawdopodobnie nawet nie pamiętasz, kiedy to było, prawda?

Dlaczego? Powód jest prosty. Za tę zmianę odpowiedzialni są specjaliści UX. To oni wiedzą, w jaki sposób twój mózg przetwarza informacje i jak projektować front-end, który “wyjaśnia się” sam.

Pytania, na które staramy się tutaj odpowiedzieć, brzmi: „Co dzieje się za kulisami? Jak osiągnąć ten efekt?”.

Przyjrzyjmy się prostemu case study, aby na pierwszy rzut oka rozpoznać różnicę.

Potrzeby klienta i zmiana front-endu [case study]

Załóżmy, że firma potrzebuje przejścia z rozwiązania SAP GUI na aplikację typu SAP Fiori.

Jedyne wymagania, jakie otrzymujemy od klienta to pokrycie funkcjonalności transakcji SE16. Deweloperzy przygotowują rozwiązanie, które stanowi 1:1 klon tego procesu. Następnie klient składa zapotrzebowanie na wiele zmian, takich jak kolor układu, ustawienie parametrów domyślnych, ograniczenie zakresu tabel i inne.

Oznacza to, że przybliżona specyfikacja, którą od niego otrzymaliśmy nie spełniła jego ostatecznych oczekiwań. Co więcej, wymaga to zainwestowania sporoych nakładów czasowych i finansowych.

Jak my, jako Apollogic pracujemy nad tym procesem?

Nasze podejście do procesu front-end

Krok 1: Warsztaty biznesowe

Nasza podróż z budową nowych lub zmianą istniejących projektów rozpoczyna się od warsztatów biznesowych. Podczas sesji organizowanych wspólnie z klientem, uzyskujemy cenne informacje o aktualnym procesie i wymaganiach biznesowych wobec oczekiwanego rozwiązania.

Faza ta pomaga nam zrozumieć ogólny kierunek i cele biznesowe projektu.

W jej trakcie budujemy obraz nadchodzących wyzwań i sporządzamy listę kontrolną możliwych trudności, która przyda się w kolejnych etapach procesu.

Krok 2: Popracujmy nad UX-em

Kolejny krok stanowi organizacja warsztatów UX. Seria spotkań projektantów User Experience z kluczowymi użytkownikami nowego rozwiązania ma kluczowe znaczenie dla zdefiniowania układu i interakcji w aplikacji.

Główną ideą tych warsztatów jest zorientowanie na użytkownika. Pomagają one zebrać pomysły i funkcje oczekiwane nie przez zarząd, ale przez rzeczywistych użytkowników.

Podczas takich spotkań nasi specjaliści UX stosują sprawdzone metody, takie jak design thinking, aby w pełni wykorzystać możliwości projektu.

Widoczny efekt warsztatów stanowi projekt layoutu w postaci klikalnej i interaktywnej makiety potencjalnej aplikacji.

Dzięki temu nasz klient może zobaczyć jak rozwiązanie będzie wyglądać i działać.

Jest to też najlepszy moment na wprowadzenie niezbędnych zmian i skorygowanie wszystkich niezadowalających elementów. Na tym etapie łatwo jest dokonać takich zmian w porównaniu do wdrożenia ich w już opracowanym produkcie.

Po kilku modyfikacjach, klient akceptuje layouty, a my możemy zacząć od rzeczywistego developmentu.

Etap 3: Estymacja i planowanie

Dokładne zrozumienie procesu biznesowego i oczekiwań użytkowników w fazie warsztatowej ma kluczowe znaczenie dla udanego wykonania.

Istnieje też jeszcze jeden istotny rezultat, który pomaga całemu projektowi w kolejnych fazach. Zaakceptowane makiety stanowią cenny element specyfikacji. Dzięki nim możemy dokładnie oszacować i zaproponować szczegółowy plan w łatwy i satysfakcjonujący dla obu stron sposób.

Mając tak wiele informacji, nasi eksperci techniczni mogą wybrać odpowiednie technologie do planowania architektury front-endowej dostosowanej do potrzeb klienta.

Nasz proces – dlaczego?

Nasze podejście może wydawać się czasochłonne i skomplikowane. Okazuje się jednak, że dodatkowe elementy pomagają finalnie zaoszczędzić sporo czasu w fazach rozwoju i testowania.

Dzięki precyzyjnym wymaganiom zarówno klient, jak i developerzy mają jasny obraz celu projektu. Pomaga to spełnić oczekiwania w najlepszy, mniej stresujący i efektywny sposób.