Cicero är utformat med användaren och användarupplevelsen i centrum, vilket innebär att Cicero stödjer användaren i att utföra relevanta arbetsflöden. Stöd för arbetsflöden kräver:
- Att relevant funktionalitet är tillgänglig för användaren.
- Att funktionaliteten är utformad med hänsyn till användningskontexten.
- Att systemet har en intuitiv design, så att användaren självständigt kan utföra de önskade arbetsuppgifterna.
Denna artikel beskriver hur det sistnämnda (intuitiv design) har uppnåtts i Cicero, med särskilt fokus på hur Ciceros användargränssnitt hjälper dig att göra rätt val med hjälp av följande hjälpmedel:
Förutsägbarhet och konsekvens
Ciceros UI-element (färger, knappar, typsnitt osv.) och interaktionsmönster är konsekventa i hela applikationen. Dessutom är Cicero baserat på designsystemet ”Material Design” utvecklat av Google, vilket ger en hög igenkänningsfaktor från många andra webbaserade produkter. Detta gör det enklare för dig som användare att navigera i och använda lösningen, eftersom det är lätt att förutse vad som kommer att hända när du interagerar med olika element i applikationen.
Självförklarande element
Ciceros användargränssnitt innehåller självförklarande element, vilket innebär att texter i tabeller, knappar, formulär osv. tydligt beskriver vad innehållet visar. Dessutom kommer Cicero i vissa situationer också att guida dig i vad nästa åtgärd bör vara på en given sida. Funktionalitet som inte är självförklarande kommer att ha en informationsikon , som visar en tooltip med en fördjupad beskrivning när musen förs över tooltipen.
Exempel på knappar som tydligt förklarar vilka åtgärder som kan utföras för en vald rad i en tabell.
Utlåningssidan i Cicero, där Cicero berättar för användaren hur de kommer igång med att låna ut material.
Exempel på ett inmatningsfält som vid fokus förklarar vad användarens nästa åtgärd bör vara.
Exempel på en informationsikon som visar en tooltip med en fördjupad förklaring av funktionaliteten när musen förs över ikonen.
Förebyggande av fel
Cicero är utformat med fokus på att stödja användarens arbetsflöden, inklusive att minimera risken för fel genom:
- Tydliga instruktioner
- Validering av inmatning
- Avskärmning av funktionalitet/knappar tills alla förutsättningar för aktivering är uppfyllda
- Bekräftelsedialoger för kritiska åtgärder
- Behörighetsstyrning så att den enskilda användaren inte kan utföra åtgärder utanför sitt arbets-/ansvarsområde.
Användaren har inte möjlighet att spara ogiltiga data, och Cicero markerar tydligt vilka data som måste rättas, tillsammans med en lättförståelig förklaring av vad som behöver rättas.
Exempel på validering av data i ett inmatningsfält. När de inmatade uppgifterna är felaktiga visas ett valideringsfel, och "Spara"-knappen inaktiveras tills felet är åtgärdat.
Användaren varnas för osparade ändringar vid navigering bort från skärmbilder med ändrade men osparade data. Detta för att undvika oavsiktlig dataförlust.
Exempel på varning vid navigering bort från osparade ändringar för att undvika oavsiktlig dataförlust.
Användaren måste bekräfta kritiska åtgärder som t.ex. radering av data.
Exempel på en bekräftelsedialogruta vid radering av en låntagare.
I vissa situationer kommer Cicero att göra användaren uppmärksam på att en viss åtgärd avviker från den önskade konfigurationen av systemet – vanligtvis i förhållande till cirkulationsregler. I sådana fall kommer endast användare med utökade rättigheter att ha tillgång till att tvinga igenom åtgärden.
Exempel på ett exemplar som inte kan lånas ut till den aktuella låntagaren. Användaren har dock möjlighet att tvinga igenom utlåningen och därmed ignorera de konfigurerade utlåningsreglerna.
Feedback
När en åtgärd utförs ges alltid feedback till användaren. Det kan t.ex. vara i form av dialogrutor, snackbars eller visuella markeringar i användargränssnittet.
Lyckade åtgärder
Om åtgärden lyckades visas feedbacken vanligtvis som en så kallad snackbar längst ner på sidan, som försvinner automatiskt efter några sekunder. Detta ger användaren en bekräftelse på att åtgärden har utförts, samtidigt som det inte stör användaren i att fortsätta arbeta i Cicero.
När en åtgärd har utförts korrekt visas en snackbar längst ner på sidan som feedback. I skärmbilden ovan har användaren just sparat några ändringar i en låntagares data.
När ett exemplar har mottagits visas en grön bock som feedback.
Misslyckade åtgärder
Om en åtgärd inte kunde utföras visas feedbacken tydligare – vanligtvis genom att visa en dialogruta mitt på sidan. Detta görs för att tydligt informera om att åtgärden misslyckades, samtidigt som en förklaring ges till varför åtgärden inte kunde utföras.
Exempel på radering av en placering som misslyckas eftersom placeringen används.
Exempel på radering av låntagare som misslyckas på grund av aktiva utlån. I detta fall har användaren möjlighet att tvinga igenom raderingen av låntagarna och gallra de utlånade exemplaren.