Settings Editor Exempel

Bra exempel

macOS – Catalina

Steg 1
Steg 2

Spel

Settings editor pattern i ett spel, enkel och tydlig layout. Anledningen till det är att målgruppen som använder liknande applikationer är barn och då ska det vara lätt och enkelt att komma åt önskad information.

Spotify

Fig. 1. Spotifys inställningar.

Fig. 2. Spotifys inställningar (fortsättning). 

Användaren kan enkelt hitta programmets inställningar under användarens ikon uppe till höger vilket motsvarar användarens mentala modell. Under inställningar får användaren en möjlighet att anpassa sin upplevelse och konfigurera ett stort antal av programmets egenskaper. Eftersom Spotifys inställningar innehåller ett omfattande antal olika kategorier, uppdelas hela innehållet i tydliga grupper som ökar förståelsen och ger användaren en bra överblick över alla möjliga val. Inställningarnas kategorier har tydliga och lättförståeliga rubriker och i vissa fall ytterligare underrubriker vilket skapar en tydlig struktur. Designen och färgpaletten bidrar även till en bra överblick över nuvarande aktiva inställningar. Spotifys inställningar överväldigar inte användaren med mängden av alla möjliga inställningar utan grupperar ”avancerade inställningar” i en separat grupp som placeras längs ner på sidan.

SL-appen

SL-appen är enkel att förstå och orientera sig i.

https://apps.apple.com/se/app/sl-biljetter/id918418291

Dåliga exempel

Society6

Society6 (2019) är plattformen för konstnärer världen över som kan genom tjänsten köpa och sälja konst. Applikationen till plattformen visar dock varken profilinställningar, kontoinställningar eller säkerhetsinställningar. När användaren klickar sig vidare från sin profil till den klassiska kugghjulssymbolen högst upp i det vänstra hörnet kommer användaren med hjälp av ett fönster med en scrolla-ner funktion till nästa sida där det står Inställningar högst upp. De enda inställningarna som går att hitta på sidan är notisinställningar för marknadsföring, kommentarer, när någon köpt ens konst och om användaren fått en ny följare. Society6 uppfyller inte kraven för en god redigering av inställningar enligt Tidwell (2011) då applikationen indikerar på att det finns inställningar genom att ha en kugghjulssymbolen men utan innehåll. Applikationen visar inte på enkel tillgång, kontinuerliga mönster eller en översikt på vad man har ställt in för inställningar när man blev medlem.

VLC – Media Player

Amazon

Settings editor pattern på amazons webbsida, sidan visar för mycket information vilket gör att det blir komplicerat att hitta den efterfrågade infon. De är bra att de delade i kategorier men alla kategorier visas samtidigt.

amazon.com

Scanner Pro

Detta är ett exempel hos inställningar i appen Scanner Pro som ger en möjlighet till användaren att skanna dokument via kameran på sin telefon. Inställningarna innehåller ett antal olika val men är grupperade på ett rätt så otydligt sätt. Eftersom huvudrubrikerna (Upload , Fax settings, Network osv.) presenteras i mindre typsnittsstorlek och även svagare typsnittsfärg än resten av rubrikerna blir det svårare för användaren att få en bra översikt. 

En del inställningar är svåra att förstå utifrån deras titlar. Till exempel inställningarna ”Add Cloud Service” och ”Auto Upload” är oklart formulerade och dessutom har de exakt samma valmöjligheter när man går in på dessa inställningar vilket gör det ännu svårare att förstå deras funktioner och skillnader (se figur 4). Liknande problematik uppstår i inställningen ”Workflows” pga. dess diffusa namn. Det är även svårt att uppfatta skillnaden mellan inställningarna ”Use iCloud” och ”Share with iCloud Drive” eftersom iCloud Drive använder iCloud.