Design:
Fokus har legat på material design med tydliga simpla färger och en känsla av materiella egenskaper. I t.ex. designen av knappar finns det ett flertal faktorer för att göra användarupplevelsen så bra som möjligt genom feedback enligt riktlinjer för material design. Varje enskild knapp har bl.a.:
- Tydligt skilda färger som konsekvent används med det materialet i appen.
- En symbol som representerar materialet. Symbolerna har valts med noggrannhet för intuitivt förståelse av materialet. Tillsammans med färgen ger de en omedelbar koppling till ett material utan att behöva läsa text.
- Materialnamnet under symbolen för att man utan tvekan ska kunna veta vad knappen är för material.
- Symbolen och materialnamnet är i vitt med en suddig skugga för stil och en tydlig kontrast till bakgrundsfärgen till knappen.
- Suddig bakgrundskugga av knappen för att distinkt höja den från bakgrunden och göra den mer likt en fysisk knapp.
- Vid intryckt knapp höjs gråskalan för färgen medan symbolen och texten blir gråmarkerad. Detta för att tydligt visa att knappen är vald men ändå har kvar en viss del färg för visuell identifikation.
- Den intryckta färgen förlorar sin bakrundskugga. Detta för ge känslan av ett intryckt föremål samt att mer visuellt skilja den intryckta knappen åt de resterande ointryckta knapparna.
- Vid interaktion med knappen blir det en suddig vit kontur runt knappen, nästan som en vit glöd. Detta förbättrar feedback och användarupplevelsen vid användning av knappen, speciellt när man håller in den.
Prototyplänk som uppdateras: https://share.proto.io/8TH8B5/
Datum: 2017-04-27
Tid: 10:30-18:00
Närvarande: Richard, Haris
Inga kommentarer:
Skicka en kommentar