Design principles

To help you choose and prioritize when starting a new development project, here are five design principles that reflect Tickster's view of what is important and what is not.

1. Users first

Every superfluous part of the interface is a source of distraction and is avoided to maximize the user's benefit and enjoyment of the service. Walk an extra mile behind the scenes if it simplifies for the end user.

2. Form follows Function

Components, colors and fonts aim to create a predictable and efficient user experience. Graphic decoration comes second. Abbreviations are avoided – even if space is limited. Effect before appearance.

3. Compromise before Consistency

Links, buttons and forms should be coherent and predictable but not necessarily the same everywhere. If the situation and context means that deviating from consistency results in a better experience, this may be done. Remember, these are advice, not rules.

4. Speed before Synchronization

Show changes immediately where possible and let the server confirm them in the background. If an action fails, undo the change or show a clear error. Keep the experience moving instead of waiting for every response.

5. Accessible before Adapted

The tone is personal but not exclusionary, light-hearted but not silly. Information is detailed but not too technical. The interface is accessible to keyboard users and screen readers and the contrast values are good. Everyone is included.

In Swedish

1. Användaren före avsändaren

Varje överflödig del av gränssnittet är en källa till distraktion och undviks för att maximera användarens nytta och glädje med tjänsten. Hellre lite extra arbete bakom kulisserna om det förenklar för slutanvändaren.

2. Funktion före form

Komponenter, färger och typsnitt syftar till att skapa en förutsägbar och effektiv användarupplevelse. Grafisk dekoration kommer i andra hand. Förkortningar undviks – även om det är ont om plats. Effekt före utseende.

3. Kompromisser före konsekvens

Länkar, knappar och formulär ska vara sammanhängande och förutsägbara men inte nödvändigtvis likadana överallt. Om situationen och sammanhanget gör att avsteg från konsekvensen medför en bättre upplevelse får detta ske. Detta är råd, inte regler.

4. Snabbhet före synkronisering

Visa ändringar direkt där det går och låt servern bekräfta dem i bakgrunden. Om en åtgärd misslyckas återställs ändringen eller ett tydligt felmeddelande visas. Låt upplevelsen flyta istället för att invänta varje svar.

5. Tillgänglighet före tillhörighet

Tonen är personlig men inte exkluderande, lättsam men inte tramsig. Informationen är detaljerad men inte för teknisk. Gränssnittet är tillgängligt för tangentbordsanvändare och skärmläsare och kontrastvärdena är bra. Alla ska med.