charter 7 (kunna)

Question 1

two-panel selector / split view

Answer 1

vad: delar upp skärmen i två paneler, den ena en lista bland valbara items, den andra visar innehållet i valda itemen

när: man har en lista med items att visa där varje item har intressant innehåll, ex som en egen lista. Man vill att ursprungslistan ska finnas kvar hela tiden men man behöver inte se innehållet i olika items samtidigt

varför: användaren förstår snabbt tt den måste välja ett föremål i första panelen för att få se dess innehåll i andra panelen. Genom att se båda panelerna samtidigt är det lätt att gå fram och tillbaka samtidigt och jämföra olika

Question 2

one window drilldown

Answer 2

vad: visar en lista på items I ett fönster, när användaren väljer en item öppnas ett nytt fönster med information tillhörande denna item

när: bland annat när man skapar en sida för mobilen, när man har en lista med grejer där varje del på listan själv innehåller värdefull information alternativt tt innehållet i en item på listan är relativt stort och kräver en egen sida

varför: har man restriktivt område kan detta vara enda alternativet till att kunna visa all information som ska visas

Question 3

list inlay

Answer 3

vad: visar en lista med items I rader eller kolumner, när man väljer en item öppnas denna och det visas detaljer om denna direkt i listan

när: detaljerna inte tar upp så mycket plats att det krävs en egen sida men dem inte får plats i beskrivningen för invald item. När användaren vill ha kvar strukturen och listan men ändå kunna bromsa igenom olika items enkelt

varför: användaren kan se detaljer till flera items samtidigt och lätt jämföra dessa

Question 4

thumbnail grid

Answer 4

vad: strukturera en mindre lista med visuella items i flera små grids av bilder

när: items unikt identifieras av bilder, logos osv som är i liknande storlek, ofta delas dessa in i titled sections

varför: bra när man har många items att presentera, skapar en tydlig hierarki, oftast gör bilder det lättare att överskåda än vad en text med information hade gjort

Question 5

carousel

Answer 5

vad: skapa en lista med visuella thumbnails som går att swipea i horisontellt

när: itemsen man vill representera likanr varandra i storlek och innehåll och man vill visa dom utan detaljrik information. När varje item potentiellt kan vara av intresse och användaren bromsar lite casually utan att riktigt veta vad denne är ute efter

varför: det skapar ett engagerande interface som får användaren att enkelt integrera med olika items och lätt kan kolla igenom de olika alternativen,. Carousels tar inte så mycket plats