Interfejs użytkownika - układ ekranu i menu w Studio RMA.net

Każdy ekran Studio RMA.net ma ten sam szkielet: ciemny pasek górny, lewy panel z menu, obszar roboczy i stopkę z wersją programu. Strona opisuje te cztery strefy, pole Szukaj, które filtruje menu, podpowiedzi przy pozycjach, zasadę oznaczania pól wymaganych oraz zachowanie ekranu w węższym oknie. Dzięki niej nowy pracownik wie, gdzie szukać potrzebnego rejestru i czego spodziewać się po wyszukiwarce nad menu.

Lewy panel zaczyna się nazwą roli Reklamacje: Centrala, pod którą stoi pole Szukaj, a niżej cztery grupy menu; rozwinięta jest grupa Reklamacje z pozycjami od Dopisz do Szukaj. Na dole panelu leżą ikona ze znakiem zapytania i strzałka zwijania. W pasku górnym po lewej stoi pięć ikon kontekstu, pośrodku tytuł HOME, a po prawej flaga języka, wizytówka Kontakt i awatar. Obszar roboczy zajmuje pulpit z wykresami. Stopka pokazuje po lewej wersję programu, po prawej pięć wartości kontekstu, a dymek nad pierwszą z nich ujawnia jej pełną nazwę.

Cztery strefy ekranu

Układ nie zmienia się między rejestrami a formularzami. Dzięki temu pracownik, który raz nauczył się czytać pasek górny i stopkę, wie w każdym miejscu programu, na jakiej roli i w jakim oddziale pracuje.

Lewy panel i menu czterech grup

Menu składa się z czterech grup rozwijanych strzałką. Po wejściu na pulpit HOME otwarta jest tylko grupa Reklamacje. Kolejność pozycji w tej grupie odpowiada obiegowi sprawy: najpierw dopisanie reklamacji oraz rejestry Oczekujące RMA i Skrzynka odbiorcza, potem rejestry kolejnych etapów, na końcu rejestr zbiorczy i wyszukiwanie. Obieg w ujęciu procesowym opisuje strona o obiegu reklamacji w programie.

Najechanie kursorem na pozycję menu pokazuje ciemny dymek z opisem ekranu. Poniższa tabela zbiera wszystkie podpowiedzi. Grupy menu nie mają własnych opisów, a pozycja Oczekujące RMA nie ma podpowiedzi. Tabela pochodzi z roli demonstracyjnej; zestaw pozycji dla Twojej firmy zależy od konfiguracji wdrożenia, którą omówisz z zespołem przez stronę kontaktową.

Pozycja Nowe jest podświetlona na biało, z pomarańczowym napisem i ikoną, a nad nią stoi ciemny dymek z opisem. Pozostałe pozycje grupy Reklamacje leżą w kolejności obiegu sprawy, od Dopisz do Szukaj. Poniżej, pod trzema zwiniętymi grupami, panel pozostaje pusty aż do ikon na dole.

Każda grupa prowadzi do osobnej sekcji instrukcji: sekcja Reklamacje opisuje rejestry i operacje na zgłoszeniach, sekcja Serwis sprawy w naprawie i usługi, sekcja Kartoteki dane podstawowe i słowniki, a sekcja Informacje zestawienia, raporty, kalendarz i wykres.

Wyszukiwarka nad menu filtruje pozycje, a nie dane

Pole Szukaj nad menu leży blisko rejestrów, więc można uznać je za wyszukiwarkę reklamacji. Tymczasem zawęża ono wyłącznie listę pozycji menu. Pole przyjmuje najwyżej 20 znaków. Wpisana fraza dopasowuje się do etykiety pozycji albo do ukrytej frazy, czyli nazwy ekranu zagnieżdżonego w podmenu, bez rozróżniania wielkości liter i w dowolnym miejscu słowa. Grupy z pasującymi pozycjami są rozwinięte, a pozostałe pozycje znikają.

W polu stoi fraza Tabele przestawne, a przycisk × po prawej stronie pola czyści ją jednym kliknięciem. Menu zawęża się do grupy Informacje z jedną pozycją Raporty. Obok nazwy roli pojawia się ikona lejka, która tylko sygnalizuje aktywny filtr i nie reaguje na kliknięcie. Wybór pozycji z wyniku otwiera ekran jak zwykła pozycja menu, a fraza zostaje w polu.

Pole Szukaj nie znajdzie reklamacji. Reklamację wyszukuje się pozycją Szukaj w grupie Reklamacje, a artykuł - pozycją Szukaj w grupie Kartoteki. Puste menu po wpisaniu numeru albo nazwy produktu oznacza tylko tyle, że żadna pozycja menu nie zawiera takiej frazy.

Zwijanie menu i tytuł ekranu

Strzałka na dole lewego panelu zwija go do wąskiego paska ikon, a pulpit zajmuje całą szerokość ekranu. Podpowiedź strzałki brzmi Schowaj menu, a po zwinięciu Pokaż menu. W zwiniętym panelu zostają cztery ikony grup, a znikają nazwa roli, pole Szukaj i etykiety pozycji, więc do pracy z rejestrami panel trzeba rozwinąć z powrotem.

Wąski pasek po lewej niesie ikony grup w tej samej kolejności co menu, a na dole strzałkę skierowaną w prawo. Ikony kontekstu w pasku górnym przesuwają się w lewo, bo logo zajmuje mniej miejsca. Tytuł HOME stoi pośrodku paska, a kafelki pulpitu są szersze niż przy rozwiniętym menu.

Pośrodku paska górnego stoi tytuł bieżącego ekranu wersalikami, na przykład HOME, NOWE, KONTAKT albo WYKRES. To etykieta pozycji menu. Na ekranach z artykułem pomocy za tytułem leży ikona ze znakiem zapytania, która otwiera pomoc kontekstową; opisuje ją strona o pomocy w programie.

Pola wymagane i okna

Pole wymagane we wszystkich formularzach programu i portalu klienta ma pomarańczowy pasek przy lewej krawędzi. Zasada obowiązuje na ekranie logowania, w formularzu dopisania reklamacji i w oknie Profil, więc po jej poznaniu wystarczy rzut oka, żeby zobaczyć, co trzeba wypełnić przed zapisem.

Okna otwierane z ekranów, takie jak Profil, Pomoc, Edycja i Status, mają tytuł w nagłówku oraz przyciski - (minimalizacja) i ×. W stopce mają przyciski Zamknij i Zapisz, a okno Pomoc tylko przycisk Zamknij. Okna Profil i Pomoc zamyka się w tej instrukcji krzyżykiem (×), a okna Edycja i Status pytają przy zamknięciu o potwierdzenie.

Reguła zamykania okien rekordu. Zamknięcie okna Edycja albo Status wywołuje okno Potwierdzenie z komunikatem "Czy na pewno? Dane z dokumentu zostaną odrzucone, czy na pewno chcesz kontynuować?" i przyciskami Nie i Tak. Dopiero Tak zamyka okno i zdejmuje blokadę rekordu, a ikona edycji w kolumnie Edytowany znika. Blokada chroni dokument przed jednoczesną zmianą przez dwie osoby, dlatego okna otwarte tylko do obejrzenia również zamyka się do końca.

Stopka z wersją i kontekstem

Stopka leży pod obszarem roboczym jako ciemny pasek na całej szerokości. Po lewej stoi napis Wersja i numer programu, w opisywanej instalacji 1.173.0 z dopiskiem technicznym po znaku plus. Po prawej leży pięć wartości kontekstu z tymi samymi ikonami co w pasku górnym: rola, firma, oddział, magazyn i komórka. Najechanie na każdą z nich pokazuje dymek z pełną wartością, bo rola bywa skrócona wielokropkiem.

Stopka powtarza kontekst, więc użytkownik widzi na każdym ekranie, w jakiej roli i w którym oddziale pracuje, oraz jaka wersja programu jest uruchomiona. Przy zgłoszeniu problemu do serwisu producenta numer wersji z tego paska jest przydatną informacją. Wartości kontekstu opisuje wspomniana strona o kontekstach pracy.

Układ na tablecie i telefonie

Opis dotyczy przeglądarki o szerokości 768 px, czyli tabletu, i 390 px, czyli telefonu. W węższym oknie lewy panel zwija się do ikon albo chowa za przyciskiem z trzema kreskami, a wybór języka oraz pozycje Kontakt i Pomoc przechodzą do menu awatara.

Pulpit HOME wymaga szerokiego okna. Dlatego przegląda się go na komputerze albo w szerokim oknie przeglądarki. Zmiana szerokości okna na pulpicie zapisuje układ kafelków na koncie. W demo, gdzie konto jest wspólne, nie zmieniaj rozmiaru okna. Wykresy opisuje strona o pulpicie HOME.