Sări la conținut
    Înapoi la blog
    4 min citireStefan

    Consola de administrare VanaGreen se instalează acum ca aplicație pe telefon

    Manifest și service worker dedicate pentru zona de admin, instalare pe ecranul principal, fără App Store, plus fix-uri de afișare pe ecrane mici pentru tabele și titluri de pagină.

    #vanagreen · #admin · #pwa

    Consola de administrare din VanaGreen, zona din aplicație unde un manager sau un admin de firmă vede clienți, useri, tichete de suport și monitorizare, a fost gândită de la început pentru desktop. Are sens: e locul unde se configurează lucruri, nu unde se lucrează minut de minut. Dar în practică, mulți dintre cei care o folosesc verifică des câte ceva de pe telefon (un status, un tichet nou, o listă de clienți) între alte lucruri, nu așezați la birou.

    Până acum, asta însemna un browser, un semn de carte greu de găsit printre zeci de tab-uri, și o interfață care, deși funcțională, nu fusese niciodată testată serios pe un ecran mic. Am schimbat ambele lucruri.

    Ce s-a schimbat

    Consola de admin are acum manifest și service worker proprii, separate de aplicația de teren (cea folosită de operatori la cântar, cu scanare de acte și semnătură digitală). Practic, asta înseamnă că un telefon poate „instala" consola de admin ca pe orice altă aplicație: apare pe ecranul principal cu propria iconiță (logo-ul firmei), pornește instant, fără bara de adrese a browserului, și rămâne separată complet de aplicația de teren, chiar dacă rulează pe același telefon.

    Nu e nevoie de App Store sau Google Play. Instalarea se face direct din browser: pe Android, un banner sau o opțiune din meniu propune „adaugă pe ecranul principal"; pe iPhone, aceeași acțiune se face din Safari, din meniul de share. Odată instalată, aplicația se comportă ca oricare alta: iconiță proprie, lansare rapidă, fără să mai cauți tab-ul potrivit.

    Fix-urile de responsive, partea mai puțin vizibilă

    Instalarea ca aplicație nu ajută cu nimic dacă interfața de dedesubt nu funcționează bine pe un ecran mic. Aici a fost partea mai puțin spectaculoasă, dar la fel de importantă, a lucrării.

    Componenta de tabel folosită în toată zona de admin (listă de clienți, listă de useri, tichete) avea propriul scroll orizontal, ceea ce pe telefon producea un efect neplăcut: două bare de scroll suprapuse, una a paginii și una a tabelului, greu de controlat cu degetul. Am eliminat scroll-ul propriu al tabelului, lăsând pagina întreagă să se comporte previzibil.

    A doua problemă era la nivel de titluri de pagină. Pe ecranele de monitorizare, de exemplu, titlul paginii stă lângă un selector de interval (lat de 180 de pixeli) și un buton de export. Pe desktop încap ușor unul lângă altul, dar pe un telefon în portret se înghesuiau, se rupeau pe două rânduri urâte sau se tăiau la margine. Am ajustat header-ele din mai multe pagini de admin (monitorizare, tichete de suport, listă de tenanți, listă de useri, legături manager-tenant) ca să se așeze corect indiferent de lățimea ecranului.

    De ce contează

    Nimic din asta nu e o funcție nouă în sens clasic. Nu apare un buton nou, nu se schimbă un flux de lucru. E, în schimb, diferența dintre „poate fi folosit de pe telefon, dacă insiști" și „chiar e comod de folosit de pe telefon". Un admin care verifică rapid un tichet de suport în timp ce așteaptă undeva, sau un manager care aruncă un ochi peste starea clienților între două întâlniri, nu ar trebui să lupte cu un site care nu s-a gândit la telefonul lui.

    E genul de detaliu care nu apare niciodată într-un pitch de vânzări, dar care se simte în fiecare zi, la fiecare deschidere a aplicației. Și care, cumulat cu multe altele similare, face diferența între un software pe care oamenii îl tolerează și unul pe care chiar îl folosesc cu plăcere.

    Vrei să discutăm cum aplicăm asta pe procesul tău?

    Programează un audit tehnic

    Articole similare