Achtergrond:
Hier bij Vtiger verkennen we vaak samen hoe we betere producten voor onze klanten kunnen bouwen. Onze discussies variëren van ideeën over het verbeteren van CRM-functionaliteit, het verbeteren van systeemprestaties en het verbeteren van gebruikerservaring. Tijdens een specifieke discussie in september kwamen enkele leden van ons technische team bijeen om hun zorgen over UI-inconsistenties te bespreken. Ontbrekende witruimte, niet-uitgelijnde tekst en pictogrammen, de mix van tekst en pictogrammen in actiebalken en vele andere onevenwichtigheden in het ontwerp zorgden ervoor dat ze hunkerde naar het verlangen om de gebruikersinterface van Vtiger te verbeteren.
Binnen een paar weken veranderde dit verlangen in project Alpana (Alpana, een van de oudste Indiase volkskunsten, verwijst naar kleurrijke motieven gemaakt met handen en verf). De teams voor productmanagement en gebruikerservaring werden ingeschakeld om samen te werken. Het doel van project Alpana was om een intuïtieve gebruikersinterface te bouwen die elegant is, geoptimaliseerd voor leesbaarheid en waarvoor de huidige gebruikers van Vtiger niets nieuws hoeven te leren.
De leidende principes voor UI-verbeteringen werden geïnspireerd door Steve Krug's eerste wet van bruikbaarheid: laat me niet nadenken. In zijn boek Don't Make Me Think: A Common Sense Approach to Web Usability, merkt Steve Krug op dat een webpagina altijd voor zichzelf moet spreken. Met dit in gedachten, begon ons team met de missie om een intuïtieve gebruikersinterface te bouwen die onze gebruikers konden begrijpen zonder na te hoeven denken over wat het is of hoe het te gebruiken.
Het proces:
Project Alpana is 3 maanden geleden gestart. Tijdens deze periode die volgde, analyseerde het team elke pagina in Vtiger CRM om UI-inconsistenties in detail te onderzoeken. De grootte van knoppen, uitlijning van tekst, toepassing van kleuren en nog veel meer details werden zorgvuldig onderzocht op consistentie en leesbaarheid. En na verschillende brainstormsessies en langdurige beraadslagingen, werden richtlijnen opgesteld voor de UI-verbeteringen. Marco Suarez, van het ontwerpbureau Invision, noemt deze richtlijnen "ontwerpsystemen", in deze wake-up call - Softwareontwerp zit in een crisis. - hij postte vorige week.
Ons UXD-team creëerde nieuwe 286-pictogrammen en leverde 500-mock-ups aan het engineeringteam voor het vernieuwen van pagina's. Ons engineeringteam implementeerde meer dan alleen 100 UI-verbeteringen. Elke nieuwe implementatie werd grondig getest op fouten. Een maand geleden werd de nieuwe UI intern vrijgegeven en iedereen hier is nu dol op de nieuwe look.
Wat is er veranderd:
- pictogrammen: Wanneer u zich nu aanmeldt bij Vtiger CRM, ziet u trendy lijnpictogrammen die de oude gevulde pictogrammen vervangen. Lijnpictogrammen zijn eenvoudig, voortreffelijk en gemakkelijk te herkennen. Omdat de lijnpictogrammen licht zijn, zorgen ze er zelden voor dat je je ogen van het hoofdgedeelte van de pagina afhaalt.
- menu: We introduceren een menupictogram in plaats van tekst. En als u de muisaanwijzer op het pictogram plaatst, ziet u nu alle modules logisch gegroepeerd en verticaal weergegeven. De verticale lijst verwijdert de mix van horizontaal en verticaal scannen en verbetert de leeservaring.
- Weergave van lijstnamen: Met Vtiger CRM kunt u CRM-records filteren en die records opslaan als een lijst. Een klik op de gewenste lijst toont alle gefilterde records. Tot gisteren werden deze lijstnamen gefixeerd op het scherm, waardoor de schermruimte van de CRM-gegevens die u wilt zien, wordt gestolen. Ook zorgde deze space crunch voor horizontaal scrollen om meer recordinformatie te bekijken. Met de UI-update verschijnen de lijstnamen bij zweven en verdwijnen ze na selectie. Op deze manier zult u meer gefilterde gegevens zien en minder vaak scrollen.
- Pop-ups: We introduceren trendy modale pop-ups om het paginaontwerp te verbeteren en de algehele bruikbaarheid te verbeteren. In de hele CRM-toepassing verschijnen deze nieuwe modale pop-ups consistent aan de rechterkant van het scherm. De originele pagina achter het pop-upvenster is wazig om ervoor te zorgen dat uw totale focus ligt op de pop-upinhoud. Wanneer u de pop-upinformatie hebt bekeken, kunt u eenvoudig de pop-up sluiten en teruggaan naar het oorspronkelijke scherm om verder te werken vanaf het punt waar u was gebleven.
- Pictogramlabels: In de recordweergave kunt u nu pictogramlabels voor alle gerelateerde tabbladen bekijken. De labels bieden duidelijkheid en u hoeft niet na te denken voordat u klikt.
Dit zijn een paar verbeteringen in de gebruikersinterface die u zult opmerken. Er zijn veel andere subtiele verbeteringen die niet evident zijn maar een betere gebruikerservaring bieden. Wilt u meer weten? Lees onze documentatie. En alsjeblieft laat een opmerking achter om ons te laten weten hoe jij je voelt met betrekking tot de verbeteringen van de gebruikersinterface.
