Skolbanken – inspiration och utveckling från hela landet

Gränssnittsdesign: Snyggt & smart

Skapad 2020-09-08 14:46 i Berzeliusskolan gymnasium Linköping
Gymnasieskola Gränssnittsdesign
...

Innehåll

Centralt innehåll

I arbetsområdet kommer vi att arbeta med att utveckla kunskap inom följande:

  • Vad som gör olika saker estetiskt tilltalande
  • Grunder i bildbehandling
  • Vilken effekt val av bilder har och hur man kan tänka kring det
  • Hur symmetri och linjering samverkar
  • Hur färger och våra associationer fungerar

Översiktlig planering

Planering för hela kursen hittar du på 

http://www.xmind.net/m/8CpwPw 

Detaljerad planering finns i kalkylarket under området. Glöm inte att välja fliken för din klass.

https://docs.google.com/spreadsheets/d/e/2PACX-1vSbvAFQ-XVGkhF9iYNxv9KWGPwAT8qMtF0G5V1pmqUho4wcB74srKuPwL6BjKpWuiJFiBmCY-W0X8JC/pubhtml 

Examinationsform

Att individuellt granska och analysera ett gränssnitt och dokumentera detta.

 

Kopplingar till läroplanen

  • Syfte
  • Kunskaper om digital bild, video och text och digitalt ljud samt hur det anpassas till ett gränssnitt.
    Grä
  • Förmåga att skapa en estetiskt tilltalande och målgruppsanpassad design av gränssnitt.
    Grä
  • Förmåga att skapa ett användarvänligt gränssnitt samt kunskaper om vilka principer som styr det.
    Grä
  • Kunskaper om på vilket sätt integritet och etik har betydelse för utformningen av datorsystem och gränssnitt.
    Grä
  • Kunskaper om lagar och andra bestämmelser inom området.
    Grä
  • Centralt innehåll
  • Inhämtning och värdering av information.
    Grä  -
  • Redigering och anpassning av digital bild och video samt digitalt ljud till ett gränssnitt.
    Grä  -
  • Kommunikationsteknik och textbearbetning för effektiv anpassning till relevant medium.
    Grä  -
  • Faktorer som skapar en god användarupplevelse.
    Grä  -
  • Typsnitt, färgscheman och principer för layout av gränssnitt.
    Grä  -
  • Informationsarkitektur och användarvänlig navigation.
    Grä  -
  • Konventioner och formspråk eller mönster för interaktion, inmatnings- och utmatningsmetoder och vanligt förekommande gränssnittselement, till exempel textinmatningsfält eller knappar.
    Grä  -
  • Faktorer som möjliggör kommunikation av specifika budskap.
    Grä  -
  • Principer för användbarhet samt metoder för att testa användbarhet.
    Grä  -
  • Krav på ett inkluderande gränssnitt. Riktlinjer, principer, tekniker och testning för tillgänglighet.
    Grä  -
  • Datorsystem (ubicomp) och gränssnitt i vardagen.
    Grä  -
  • Frågor som rör integritet och etik.
    Grä  -
  • Lagar och andra bestämmelser inom området.
    Grä  -
  • Kunskapskrav
  • För att utveckla gränssnittet hämtar eleven, eller skapar egna, texter, bilder och eventuell annan media samt infogar dessa i gränssnittet till applikationen. Gränssnittet har på flera olika sätt bearbetats enligt principer för visuell design samt med gott resultat anpassats till användarens behov utifrån flera komplexa principer för användbarhet. Detta gör eleven genom att anpassa den visuella designen och interaktionen så att gränssnittet har en god kvalitet i fråga om uppfattningsbarhet och användbarhet också för användare med funktionsned­sättningar. Dessutom för gränssnittet fram kundens önskade budskap på ett gott sätt.
    Grä  A
  • För att utveckla gränssnittet hämtar eleven, eller skapar egna, texter, bilder och eventuell annan media samt infogar dem i gränssnittet till applikationen. Gränssnittet har på några olika sätt bearbetats enligt principer för visuell design samt med tillfredsställande resultat anpassats till användarens behov utifrån några principer för användbarhet. Detta gör eleven genom att anpassa den visuella designen och interaktionen så att gränssnittet har en tillfredsställande kvalitet i fråga om uppfattningsbarhet och användbarhet också för användare med funktionsned­sättningar. Dessutom för gränssnittet fram kundens önskade budskap på ett tillfredsställande sätt.
    Grä  C
  • För att utveckla gränssnittet hämtar eleven, eller skapar egna, texter, bilder och eventuell annan media samt infogar dem i gränssnittet till applikationen. Gränssnittet har på något sätt bearbetats enligt principer för visuell design samt med tillfredsställande resultat anpassats till användarens behov utifrån någon enkel princip för användbarhet. Detta gör eleven genom att anpassa den visuella designen och interaktionen så att gränssnittet har en tillfredsställande kvalitet i fråga om uppfattningsbarhet och användbarhet också för användare med funktionsned­sättningar. Dessutom för gränssnittet fram kundens önskade budskap på ett tillfredsställande sätt.
    Grä  E
  • Eleven följer flera av de vedertagna konventioner som finns för den plattform som hon eller han arbetar med. Eleven utvecklar en huvudsakligen interaktiv prototyp med gott resultat i fråga om funktion, utseende och användbarhet. Dessutom testar eleven prototypens användbarhet med flera olika metoder samt återkopplar resultaten från sin testning till sin design. Prototypen kompletteras med en stilguide som täcker flera av designens viktigaste delar.
    Grä  A
  • Eleven följer några av de vedertagna konventioner som finns för den plattform som hon eller han arbetar med. Eleven utvecklar en huvudsakligen interaktiv prototyp med tillfredsställande resultat i fråga om funktion, utseende och användbarhet. Dessutom testar eleven prototypens användbarhet med några enkla metoder. Prototypen kompletteras med en stilguide som täcker några av designens viktigaste delar.
    Grä  C
  • Eleven följer någon av de vedertagna konventioner som finns för den plattform som hon eller han arbetar med. Eleven utvecklar en huvudsakligen interaktiv prototyp med tillfredsställande resultat i fråga om funktion, utseende och användbarhet. Dessutom testar eleven prototypens användbarhet med några enkla metoder. Prototypen kompletteras med en stilguide som täcker någon av designens viktigaste delar.
    Grä  E
  • Eleven gör en noggrann och utförlig dokumentation av sitt arbete samt utvärderar med nyanserade omdömen sitt arbete och resultat utifrån projektplanen. Dessutom ger eleven förslag på hur arbetet kan förbättras. I utvärderingen diskuterar eleven utförligt och nyanserat hur det egna gränssnittet förhåller sig till generella principer för hur en god användarupplevelse skapas. Dessutom ger eleven förslag på hur resultatet kan förbättras.
    Grä  A
  • Eleven gör en noggrann dokumentation av sitt arbete samt utvärderar med nyanserade omdömen sitt arbete och resultat utifrån projektplanen. I utvärderingen diskuterar eleven utförligt hur det egna gränssnittet förhåller sig till generella principer för hur en god användarupplevelse skapas.
    Grä  C
  • Eleven gör en enkel dokumentation av sitt arbete samt utvärderar med enkla omdömen sitt arbete och resultat utifrån projektplanen. I utvärderingen diskuterar eleven översiktligt hur det egna gränssnittet förhåller sig till generella principer för hur en god användarupplevelse skapas.
    Grä  E
  • Eleven redogör utförligt och nyanserat, utifrån några exempel i vardagen, för på vilket sätt integritet och etik har betydelse för utformningen av datorsystem och gränssnitt. Dessutom hänvisar eleven i sin redogörelse till lagar och andra bestämmelser inom området.
    Grä  A
  • Eleven redogör utförligt, utifrån några exempel i vardagen, för på vilket sätt integritet och etik har betydelse för utformningen av datorsystem och gränssnitt. Dessutom hänvisar eleven i sin redogörelse till lagar och andra bestämmelser inom området.
    Grä  C
  • Eleven redogör översiktligt, utifrån några exempel i vardagen, för på vilket sätt integritet och etik har betydelse för utformningen av datorsystem och gränssnitt. Dessutom hänvisar eleven i sin redogörelse till lagar och andra bestämmelser inom området.
    Grä  E
  • Eleven använder med säkerhet terminologi inom området.
    Grä  A
  • Eleven använder med viss säkerhet terminologi inom området.
    Grä  C
  • Eleven använder med viss säkerhet enkel terminologi inom området.
    Grä  E

Matriser

Grä
Gränssnittsdesign: Smart

Anpassad visuell design

E
C
A
Media
För att utveckla gränssnittet hämtar eller skapar eleven texter, bilder och eventuell annan media samt infogar dessa i gränssnittet till applikationen.
För att utveckla gränssnittet hämtar eller skapar eleven texter, bilder och eventuell annan media samt infogar dessa i gränssnittet till applikationen.
För att utveckla gränssnittet hämtar eller skapar eleven texter, bilder och eventuell annan media samt infogar dessa i gränssnittet till applikationen.
Design
Eleven bearbetar gränssnittet på något sätt enligt principer för visuell design.
Eleven bearbetar gränssnittet på några olika sätt enligt principer för visuell design.
Eleven bearbetar gränssnittet på flera olika sätt enligt principer för visuell design.
Användbarhet
Resultatet är tillfredsställande och anpassat till användarens behov utifrån någon enkel princip för användbarhet. Detta gör eleven genom att anpassa den visuella designen och interaktionen så att gränssnittet har en tillfredsställande kvalitet i fråga om uppfattningsbarhet och användbarhet också för användare med funktionsned­sättningar.
Resultatet är tillfredsställande anpassat till användarens behov utifrån några principer för användbarhet. Detta gör eleven genom att anpassa den visuella designen och interaktionen så att gränssnittet har en tillfredsställande kvalitet i fråga om uppfattningsbarhet och användbarhet också för användare med funktionsned­sättningar.
Resultatet är gott och anpassat till användarens behov utifrån flera komplexa principer för användbarhet. Detta gör eleven genom att anpassa den visuella designen och interaktionen så att gränssnittet har en god kvalitet i fråga om uppfattningsbarhet och användbarhet också för användare med funktionsned­sättningar.
Budskap
Dessutom för gränssnittet fram kundens önskade budskap på ett tillfredsställande sätt.
Dessutom för gränssnittet fram kundens önskade budskap på ett tillfredsställande sätt.
Dessutom för gränssnittet fram kundens önskade budskap på ett gott sätt.

Funktion, utseende och användbarhet

E
C
A
Konventioner
Eleven följer någon av de vedertagna konventioner som finns för den plattform som hon eller han arbetar med.
Eleven följer några av de vedertagna konventioner som finns för den plattform som hon eller han arbetar med.
Eleven följer flera av de vedertagna konventioner som finns för den plattform som hon eller han arbetar med.
Prototyp
Eleven utvecklar en huvudsakligen interaktiv prototyp med tillfredsställande resultat i fråga om funktion, utseende och användbarhet. Prototypen kompletteras med en stilguide som täcker någon av designens viktigaste delar
Eleven utvecklar en huvudsakligen interaktiv prototyp med tillfredsställande resultat i fråga om funktion, utseende och användbarhet. Prototypen kompletteras med en stilguide som täcker några av designens viktigaste delar.
Eleven utvecklar en huvudsakligen interaktiv prototyp med gott resultat i fråga om funktion, utseende och användbarhet. Prototypen kompletteras med en stilguide som täcker flera av designens viktigaste delar.

Grä
Gränssnittsdesign: Prov Figma

Funktion, utseende och användbarhet

E
C
A
Prototyp
Eleven utvecklar en huvudsakligen interaktiv prototyp med tillfredsställande resultat i fråga om funktion, utseende och användbarhet.
Eleven utvecklar en huvudsakligen interaktiv prototyp med tillfredsställande resultat i fråga om funktion, utseende och användbarhet.
Eleven utvecklar en huvudsakligen interaktiv prototyp med gott resultat i fråga om funktion, utseende och användbarhet.

Grä
Gränssnittsdesign: Prov 1

Dokumentation

E
C
A
Utvärdering
I utvärderingen diskuterar eleven översiktligt hur det egna gränssnittet förhåller sig till generella principer för hur en god användarupplevelse skapas.
I utvärderingen diskuterar eleven utförligt hur det egna gränssnittet förhåller sig till generella principer för hur en god användarupplevelse skapas.
Dessutom ger eleven förslag på hur arbetet kan förbättras. I utvärderingen diskuterar eleven utförligt och nyanserat hur det egna gränssnittet förhåller sig till generella principer för hur en god användarupplevelse skapas. Dessutom ger eleven förslag på hur resultatet kan förbättras.

Integritet, etik och lag

E
C
A
Etik och lag
Dessutom hänvisar eleven i sin redogörelse till lagar och andra bestämmelser inom området.
Beröm eller ge feedback på det här materialet genom att skriva en kommentar här: