We hebben het adresboek van Smart.pr opnieuw opgebouwd

Beter, sneller en slimmer en gelukkig nog even overzichtelijk

Het adresboek is de kern van onze applicatie. Niet verwonderlijk, gezien het werk van public relations professionals draait om het bouwen en onderhouden van relaties. Alles in onze applicatie is dan ook op de een of andere manier verbonden met het adresboek. Bovendien zit het adresboek zelf, na jaren van ontwikkeling, boordevol met slimme functionaliteiten. We hadden inmiddels zoveel toegevoegd dat het hoog tijd was om een stapje terug te doen en het volledig opnieuw op te bouwen. Het resultaat: een nóg krachtiger adresboek waar we nog jaren op kunnen bouwen. En ja, er zitten ook een paar nieuwe foefjes in…

Bij de ontwikkeling van onze software houden we ervan om iteratief te werk te gaan. In de praktijk betekent dit dat we grote nieuwe functionaliteiten opknippen in kleine projecten, vervolgens maken we het eerste deel zo snel mogelijk beschikbaar voor onze gebruikers, vragen feedback, bekijken de performance, schaven bij en beginnen deze cyclus opnieuw. Op deze manier kunnen we in hoog tempo betrouwbare nieuwe functionaliteit toevoegen. Bovendien voorkomen we op deze manier dat er grote fouten in onze software worden geïntroduceerd.

Dit werkt bijna altijd. We voegen continu nieuwe functionaliteiten toe – nieuwe filters, nieuwe zoekmogelijkheden, nieuwe opmaakmogelijkheden – het adresboek is echter een mooi voorbeeld waarbij het níet werkt. Het vervangen van dit component had vergaande implicaties voor de hele app. We besloten terug naar de tekentafel te gaan en het hele component opnieuw op te bouwen. Laten we eens onder de motorkap kijken naar wat we hebben gedaan.

De linker kolom: een lijst met lijsten (en categorieën van lijsten)

Veel van onze gebruikers gaven ons de feedback dat de linkerkolom van ons adresboek, de zelf aangemaakte categorieën en lijsten, langzaam laadde en trager werd naarmate er meer lijsten werden aangemaakt. Dit is nu opgelost door het gebruik van een nieuwe technologie die het snel inladen van lijstitems mogelijk maakt. Het nieuwe lijstcomponent komt in verschillende aangepaste vormen terug en is nu ook beschikbaar bij het toevoegen van contacten aan adresboeklijsten vanuit Persfilter, de Journa integratie, het “Add recipients” scherm en natuurlijk in het adresboek zelf.

Daarnaast is er een betere ondersteuning ingebouwd voor categorieën en zijn alle lijsten die geen categorie hebben verplaatst naar “Uncategorized”. De automatisch gegenereerde lijst “Unlisted” is nu terug te vinden als filter in de middelste kolom. Doordat categorieën nu beter worden ondersteund, is het straks mogelijk om categorieën op te slaan als favoriet. Je vindt ze dan altijd snel terug bovenaan de adresboeklijsten.  

De middelste kolom: jouw contacten

De middelste kolom van het adresboek toont contacten, de kern van je werk. Bij de meeste van onze gebruikers lopen de aantallen snel in de duizendtallen. Om dit beheersbaar te houden moet dit component altijd soepel en snel werken. Je moet razendsnel kunnen zoeken, filteren en ordenen.

Bij de herontwikkeling van deze kolom hebben we het vernieuwde design van onze journalistendatabase als uitgangspunt genomen, zodat contacten overal hetzelfde worden weergegeven. De selectievakjes vind je nu aan de rechterkant, er is ondersteuning voor bulk-selectie en de contacten zijn voorzien van een frisse opmaak met (naam)avatar. De toegepaste filter labels bovenin de kolom hebben een nieuw ontwerp en geven bovendien meer informatie weer, zoals bijvoorbeeld de zoekopdracht op een notitie of de ingestelde range van een slider filter. De knop voor het sorteren van contacten is verplaatst en vind je bovenin de grijze balk, direct naast de counter van het aantal contacten in de lijst. Alle actiemeldingen worden getoond in nieuwe pop-ups en het formulier om nieuwe contacten aan te maken is voorzien van een nieuw design.

Tot slot maakt de toevoeging van een volledig nieuw filter het nu mogelijk contacten te filteren op basis van openingspercentages. Hiermee kun je in twee klikken zien wie jouw persberichten het meest openen en is het samenstellen van ambassadeurslijsten nu een fluitje van een cent.      

De rechter kolom: de details

Het overzicht van individuele contacten aan de rechterkant van het adresboek is ook opnieuw opgebouwd. Het component waarmee je lijsten aan een individueel contact toevoegt, is vervangen en werkt nu hetzelfde als in de mailings-tab en de tab van de journalistendatabase (Persfilter). Ook is het nu mogelijk om via dit component nieuwe lijsten aan te maken voor contacten uit onze journalistendatabase.

De journalistendatabase (Persfilter)

In Persfilter zijn meerdere kleine verbeteringen doorgevoerd, mede dankzij waardevolle feedback van onze gebruikers. De functie van een journalist of naam van de deelredactie wordt vanaf nu in de lijst met resultaten getoond, zo bepaal je nog sneller of een contact écht relevant is voor jouw nieuws. De geselecteerde tags worden nu als filters bovenin de lijst met resultaten getoond. Je kunt ze hier ook weer verwijderen, zodat je nog sneller en intuïtiever de juiste journalisten vindt.

Add recipients

Het menu voor het toevoegen van ontvangers voor je persbericht is in feite een vereenvoudigde versie van het adresboek. We vinden het buitengewoon belangrijk dat dit onderdeel altijd soepel werkt omdat het selecteren van de juiste ontvangers van je bericht een essentieel onderdeel is van een succesvolle campagne.

Omdat het adresboek is vervangen, is dit menu ook compleet vernieuwd. De code waarmee contacten worden opgehaald en ontvangers worden aangemaakt aan de achterkant van de applicatie, is volledig herschreven. Dit heeft ervoor gezorgd dat laadtijden zijn verkort en dat er geen fouten meer optreden tijdens het toevoegen van ontvangers. Ook is de mogelijkheid toegevoegd om de middelste kolom op verschillende manieren te sorteren. Door te sorteren op media kun je bijvoorbeeld gemakkelijk controleren of de belangrijkste contacten per media aan je lijst zijn toegevoegd.        

Een solide basis

Met het uitbrengen van deze update is een mijlpaal bereikt waar ons product team jarenlang naartoe heeft gewerkt: de verouderde “user interface” code van Smart.pr uitfaseren en vervangen voor een nieuwe, moderne variant. Ondanks de enorme omvang van deze update zullen grote delen van de app hetzelfde aanvoelen als in de vorige versie. Het grote verschil is dat we nu een solide basis hebben gelegd van waaruit we weer kunnen werken op de manier hoe we dat het liefst doen: iteratief en in kleine(re) stapjes 😊