Jag är väldigt glad att kunna meddela att version 3 av Parseur-applikationen nu är tillgänglig i förhandsgranskning och väntar på din feedback! Den här nya versionen innebär inte några revolutionerande nya funktioner, men den gör det enklare och mer intuitivt att använda Parseur, samtidigt som den förbereder appen för framtida förbättringar.
I den här artikeln går jag igenom vad som har förändrats, varför, och vilken skillnad det gör. Vill du bara testa nya designen direkt kan du hoppa över texten och klicka på knappen nedan.
Vad är Parseur-appen?
Parseur har flera huvuddelar:
- Huvudsidan (inklusive den sida du läser nu)
- API (maskin-till-maskin-gränssnittet till Parseur)
- Appen (det användargränssnitt de flesta interagerar med)
Parseur v3 är en omdesign av Parseur-appen – där våra användare spenderar större delen av sin tid. Appen måste hantera två saker väldigt bra:
- Ge nya användare en snabb och smidig start. Parseur klarar av många olika typer av dokumentbehandling, men du behöver inte förstå allt på en gång. Appen ska tryggt guida dig genom grunderna och dölja det mer avancerade tills det behövs.
- Ge erfarna användare hög produktivitet. När du har lärt dig grunderna kommer du kanske vilja optimera och anpassa dokumentutvinningen mer exakt för dina behov. Om du, precis som många av våra nöjda kunder blir beroende av Parseur, ska appen aldrig stå i vägen eller tvinga dig till massa onödiga klick eller scrollande för att nå det du söker.
Att hitta balansen mellan nya användares behov och de avancerade är en utmaning för de flesta SaaS-företag. Vi hoppas att den här versionen är ett steg i rätt riktning.
Varför gjorde vi om Parseur-appen?
Först en brasklapp: Jag är inte designer eller internationellt erkänd UX-/UI-expert. Parseur är ett litet bolag med tre personer som jag själv grundat. Jag bygger vår React-baserade frontend, men jobbar också med försäljning, marknadsföring, support, administration och allt däremellan.
Min övertygelse kring design är att det ska se snyggt ut, kännas rätt, fungera effektivt och vara så enkelt som möjligt att utveckla och underhålla.
Låt mig berätta lite om Parseur-appens historia.
I de allra första utvecklingsmånaderna hade Parseur ett grönt tema, piratinslag (ja, verkligen!) och använde Googles Material Design. Du kan läsa mer om denna grönpiratperiod i den här intervjun om Parseurs tidiga dagar hos Starter Story.
I slutet av 2016 var vi redo för lansering och bytte tyvärr det piratinspirerade temat mot Twitters Bootstrap-ramverk. Vi vågade inte lansera en företagsfokuserad B2B SaaS-produkt med plankor, krok och romflaska-tema (vi kanske ångrar oss än idag – vem vet?). Bootstrap vann över Material Design eftersom React och Material UI fortfarande var i sin linda 2016 och saknade vissa viktiga komponenter. Bootstrap var mer moget och lätt att anpassa – åtminstone i början.
Allt eftersom Parseur växte lades fler funktioner till – nya sidor, ny navigation, fler formulär, kryssrutor och dropdown-menyer. Detta ledde till att vi allt mer behövde specialanpassa Bootstrap för att få det som vi ville ha det. Det som först gick snabbt, blev så småningom ett hinder för fortsatt utveckling.
Inför nästa stora funktionslyft av Parseur bestämde vi oss för att börja om på ny kula med designen. Målet var att skapa en bättre användarupplevelse och samtidigt göra det enkelt för oss att snabbt vidareutveckla.
Vi lämnade Bootstrap och klev över till Tailwind CSS, ett utility-first-ramverk som inte lägger sig i hur t.ex. knappar eller formulärfält ser ut. Vi kunde nu skapa helt egna lösningar, med Tailwind UI som inspiration vid behov.
Projektet drog igång i juli 2021 och tog ungefär två månader. För att hinna med allt mellan andra arbetsuppgifter lade jag förmiddagarna på support, möten och administration – och ägnade eftermiddagarna helhjärtat åt UI-uppgraderingen. Att det var vinter på Mauritius och färre bad- och stranddagar, samt lugnare support under juli/augusti, hjälpte också 😊.
Så, vad är nytt?
Vad är nytt i Parseur v3?
Ny design
Den gamla appen började kännas förlegad. Den hade det klassiska "Bootstrap-utseendet" vi sett på många andra webbtjänster.
Nu har vi uppdaterat till en modern look med vår signaturfärg "Parseur blue", kompletterat med pastelltoner och tydligare typografi.
Vi har även gjort rubriker, formulär och upplevelsen på mobila enheter mer enhetliga och användarvänliga.
Förbättrad navigation
Tidigare bestod navigeringen av en toppmeny, en vänstermeny i brevlådor och kontoinställningar samt en sidfot.
Nu finns endast en vänstermeny. Det ger mer plats åt innehållet, och menyn kan fällas in för ännu större arbetsyta – särskilt värdefullt när du jobbar med avancerade mallar.
Förbättrad mallredigerare
Mallredigeraren är både appens mest avancerade sida och det ställe du oftast vistas på när du bygger mallar. När vi har lagt till fler funktioner har redigeraren samtidigt blivit onödigt komplex.
Bättre flikar
Vi har förenklat flikarna för att minska förvirringen:
- Tidigare "Tillgängliga" och "Använda" flikar har slagits ihop till en flik: "Fält". Du slipper nu sekundsnabb kontextväxling vid fälthantering.
- Statiska fält visas alltid. Tidigare gömde de sig under en liten triangel-ikon på små skärmar, vilket gjorde dem svåra att hitta och skapade frågor till supporten.
- Ny flik "Inställningar": här samlas nu mindre använda alternativ, t.ex. mallåtgärder eller möjlighet att inaktivera en mall.
- Åtgärdsknappar som "Nytt fält", "Nytt tabellfält" och "Skapa mall" är alltid synliga längst ner på skärmen – du slipper alltså scrolla långa listor för att hitta knappar, även om du har många fält i din brevlåda.
"Extra"-fält heter nu "Metadata"-fält
Namnet "Extra" var ett dåligt val från vår sida. Flera användare har föreslagit namnbyte genom åren. Nu hittar du samtliga metadatafält i en egen flik tillsammans med beskrivningar för varje fält.
Varning när du lämnar redigeraren med osparade ändringar
Nu får du en varning om du försöker gå ur mallredigeraren utan att spara – aldrig mer oavsiktligt förlorat arbete vid felklick.
Ny Zapier-integrationssida
Vår förra Zapier-exportskärm var specialutvecklad och byggde direkt på Zapier API.
Samtidigt som vi byggde om Parseur-appen släppte Zapier en egen inbäddningsbar applikationskatalog. Den ser bättre ut, har snabbare sök och passar perfekt in i nya Parseur-designen!
Förbättrad sökning och filtrering
Alla sök- och filterformulär tar nu mindre plats och söker direkt medan du skriver. Datumfiltrering för dokument är också förbättrad, med färdiga snabbval (idag, igår, senaste 7 dagar, senaste 30 dagar).
Kontextberoende massåtgärder
På dokumentsidan syns mer ovanliga åtgärder (som behandla om, kopiera, hoppa över och radera) nu först när du markerar ett dokument med multivalet-kryssrutorna. Det gör listan över tillgängliga åtgärder enklare, och beskrivningar kan visas direkt på ikonerna.
Andra förbättringar
Här är några fler nyheter:
- Ny toppindikator som visar sidladdning
- Renare och tydligare sidor där onödigt innehåll tagits bort, utan att viktiga funktioner försvunnit
- Uppdaterade ikoner för mallar, dokument, nedladdningar och konton
- Förbättrad prestanda – appen startar och körs snabbare
- Plus mycket mer – testa själv!
Vad händer nu?
Vi släpper version 3 som förhandsgranskning några veckor för att samla in feedback och vara säkra på att allt fungerar för alla användare. Under perioden kommer v2 fortfarande vara standard. När vi är helt nöjda med v3 gör vi den till huvudversion och pensionerar v2.
Senast uppdaterad