Nieuw Teamleader-dashboard: bouwen aan een betere gebruikerservaring

20171129 Blog Categories Feature Friday 4 1

Teamleaders grootste doel is: mkb’s slimmer helpen werken. Onze eenvoudige tool met gebruiksvriendelijk design helpt al jarenlang tijd besparen en focussen op zaken die er écht toe doen. Toch is dat voor ons nog niet voldoende.

We willen de gebruikservaring nog verder verbeteren en ontwikkelden daarom een nieuw dashboard, waarbij geplande taken, calls en afspraken nog duidelijker zichtbaar zijn. Waarom en hoe we met deze nieuwe versie van het dashboard komen? We spraken met Stephen, onze Product Designer.

Houd er rekening mee dat we het nieuwe design geleidelijk aan al onze klanten beschikbaar stellen de komende weken.

Het Teamleader-dashboard is flink onder handen genomen. Kan je ons vertellen waarom, Stephen?

“In slechts vijf jaar tijd is Teamleader geëvolueerd van een bescheiden start-up - met een succesvol product - naar een volwassen, geïntegreerd platform. Het design van onze software evolueerde echter niet altijd mee, en dat resulteerde in bepaalde technische beperkingen en een product dat soms wel gebruiksvriendelijker kon. Dat was voor ons de motivatie om te investeren in een volledig nieuwe gebruikersinterface. Het dashboard is de eerste stap, maar we hebben nog een lange weg te gaan. De komende tijd zullen we het nieuwe design uitrollen, waardoor je nog een mix te zien krijgt van oude en nieuwe designs. Het dashboard geeft je alvast een voorproefje van hoe de toekomst er voor ons uitziet op visueel vlak.”

Wat zijn de belangrijkste verschillen ten opzichte van het oude design?

“We hebben besloten om om te schakelen naar een volledig responsive design. Door nieuwe bouwstenen te creëren vanaf nul, kunnen we nu voor een meer visuele stijl kiezen, die meteen je aandacht vestigt op de meest belangrijke elementen op je dashboard. Daardoor is het ook veel eenvoudiger om je dashboard bijvoorbeeld snel te scannen.”

Het oude versus nieuwe design van de widgets op het dashboard

“Het was niet altijd makkelijk om knopen door te hakken. Onze visie op vlak van design is nog niet helemaal afgestemd op hoe de tool vandaag is opgebouwd. Taken, afspraken en calls die te laat zijn, plaatsten we daarom bijvoorbeeld in een voorlopig drop-down menu. In een ideaal scenario krijgen gebruikers meteen zicht op alle achterstallige items en wordt de UX (user experience of gebruikservaring) nog verbeterd… maar het is gebruikelijk dat we hier en daar nog obstakels tegenkomen.”

“Onze typografie vormt een ander subtiel, maar belangrijk verschil. We kozen voor een nieuw lettertype dat specifiek ontwikkeld werd voor digitale doeleinden en apps: Inter-UI. Het is een open source-lettertype dat regelmatig wordt bijgewerkt door de online community. Het evolueert dus mee met het product en de snel veranderende online wereld.

Het oude versus nieuwe font

Je sprak over ‘een visie op vlak van design’. Wat houdt dat precies in voor jou?

“Bepalen wat je precies laat zien aan je doelgroep, is een grote beslissing. Je kan niet iedereen tevreden stellen en gewoon alles weergeven: de hoeveelheid informatie die je toont gaat dan de functie van je tool overschaduwen. Mensen zullen dan ook veel te lang moeten zoeken om iets terug te vinden. Dat komt niet overeen met onze visie op het dashboard: in de eerste plaats willen we je dagplanning tonen. Daarnaast willen we ook dat gebruikers taken makkelijk kunnen afvinken. Ten slotte moet je makkelijk kunnen zien welke taken te laat zijn. Die drie elementen helpen klanten met een efficiëntere workflow en vormen de basis om de functionaliteiten van het dashboard later nog uit te breiden en te verbeteren.”

balancing visual weight@2x.png

Zijn er belangrijke functionele verschillen met het oude dashboard?

Een paar maar:

  • De kolombreedte van taken, afspraken en gesprekken, is nu afhankelijk van je schermbreedte
  • Zaken die vandaag af moeten zijn, worden aangeduid met een paarse stip
  • Het exacte uur wordt weergegeven voor zaken die vandaag ingepland zijn
  • Wanneer een taak pas later af moet zijn maar vandaag ingepland werd, zal je ze terugzien bij zowel ‘Vandaag’ als ‘Later’
  • Niet alle taken, afspraken en calls die te laat zijn, worden weergegeven. Je ziet enkel uit de laatste week de zes meest recente items die te laat zijn

Wat is de volgende stap?

“Op dit moment herzien we het volledige navigatiemenu. Het is een vrij grote verandering die je in de volledige tool zal terugzien. Tegelijkertijd proberen we alle nieuwe elementen in de gebruikersinterface op een schaalbare manier te verwerken: het design wordt samen met nieuwe functies geïntroduceerd. Klanten vroegen ons om visuele aanpassingen niet ten koste van functionaliteit te laten gaan: ook daarom introduceren we de nieuwe interface stapje voor stapje.”

“We zouden onszelf zes maanden kunnen opsluiten om meteen een volledig nieuw design te ontwikkelen. Helaas bestaat dan ook de kans dat je de connectie met je klanten verliest en een achterstand oploopt op vlak van nieuwe features en andere verbeteringen. We hebben bewust gekozen voor een pragmatische overgangsperiode, waarbij we graag ook stelselmatig willen versnellen.”

“We werken ook aan een gloednieuwe mobiele app. Onze belangrijkste focus daarbij? Klanten helpen die vaak onderweg zijn. De nieuwe navigatie en het nieuwe dashboard spelen in die mobiele app een grote rol.”

Om een lang verhaal kort te maken: het dashboard is nog maar het begin. Er staat nog zoveel op onze agenda! Dit is voor ons het uitgelezen moment om de reacties van onze belangrijkste stakeholders te horen: jullie dus, onze klanten. Aarzel dus zeker niet om je feedback te geven.