Studieblogg – Karina Søby

Wireframes til designbyrået “MID128″ – andre utkast

For tre uker siden fikk vi i grupper, oppgave om å lage wireframes for en nettside til designbyrået “MID128″. Vi skulle lage tre wireframes i photoshop, “forside”, “om oss” og “portfolio”. Sist uke presenterte vi sidene for klassen og fikk tilbakemeldinger på hva som var bra og hva som kunne gjøres bedre. Denne uka gikk vi sammen to og to grupper og skulle gi hverandre tilbakemelding som om vi var reelle brukere som skulle ha en “vare” fra oss.

Noe av tilbakemelding vi fikk var:
- Logoen kunne gjøres bedre ved å samle tre kantene, gjøre skriften tykkere og la den “flyte” ut i det hvite rundt trekantene.
- Endre trekantene i logoen til sirkler med bilder i.
- Det kunne gjøres tydeligere hvor hen på siden man var til en hver tid.
- Generelt mer luft på siden.
- På forsiden ble det for mye med både trekanter og rundinger (portfolio), dette må løses på en annen måte.
- På om oss siden kunne det vært et bilde som sa litt mer om hvem vi var og hva vi jobber med.
- Ikke ha enkeltsider for ansatte, men heller ha kontakt info under bildene.
- Å ha portfolioen i sirkler funker ikke på denne siden. (Blir for mange geometriske elementer).
- Kanskje ha portfolioen i firkanter og ha en gradient eller fade ut bildet når man hovrer over og ha en liten forklarende tekst til hvert enkelt produkt.
- Liker fargene som er brukt. (God begrunnelse for valg av farger).
- Kanskje bytte fargene til noen varme farger som rødt, gult.
- Liker tanken bak logoen med trekanter. God egnet som et kjennetegn for byrået.
- Bra med en kort beskrivelse av byrået på fremsiden.
- Bra valg av sosiale medier. Ta bort Instagram, men kanskje legge til g+ og kanskje velge andre ikoner.
- God presentasjon av ansatte i sirkler.

Ut ifra disse tilbakemeldingene satt vi oss ned sammen i gruppa og gikk over tilbakemeldingene og snakket om hvilke endringer vi ville gjøre og hvordan de kunne gjøres. Det var veldig mye likt i tilbakemeldingene fra oppdragsgiver og brukerene, men noen små forskjeller.
Både oppdragsgiver og noen av brukerene ville beholde logoen, men ha de tettere inntil hverandre. Dette endret vi på og la også til til nye bilder som representerer litt mer det MID128 kan tilby.
Vi valgte å ikke endre farger da det var uenigheter mellom oppdragsgiver og brukerene på dette området. Som oppdragsgiver sa gjorde vi det lettere å se i navigasjonen hvor hen på siden du befinner deg ved å gjøre teksen tykkere og legge på to streker på hver sin side av teksten.
Vi tok bort sirklene på forsiden og erstattet dette med et stort bilde. På om oss siden la vi til et bilde av de ansatte i MID128 og endret på infoen om de ansatte, ved å heller ha den under bildet enn å ha en ny side per ansatt.
På portfolio-siden tok vi bort sirklene og erstattet de med firkanter, der de blir svart/hvite og det kommer opp tekst om produktet når du hovrer over.
Vi byttet også ut ikonene til de sosiale mediene. Vi tok bort instagram og la til google+ og LinkedIn.

Finn en nettside du synest har ”godt” design, og en som du synest har ”dårlig design” og skriv om hvorfor du synest det er godt/dårleg design.

Godt design: Link Opperman er det desgin firma som jobber med film og design og siden består av arbeid de har gjort. Det første man seg er en film de har laget for alkohol typen Irish True. Dette kan kanskje være litt forvirrende i starten og kanskje ødelegge litt for å skjønner hvem som eier siden. Men etter som du skroller nedover kommer det frem tekst som forteller hvem Opperman er. Målgruppen til Opperman er nok ikke de helt vanlige og “straighte” folka. Jeg tenker mer at de lager design og reklame for merker og folk som er litt mer cutting edge, og vil ha litt mer dramatisk og spennende design og reklamer. Jeg mener dette er en god nettsiden, med et godt design da jeg syns det er lett å finner frem.  Siden er oversiktelig og du finner lett den informasjonen du trenger. Selv om det er mye som skjer på førse siden blir det ikke for mye og teksten og bildene er plassert så det blir en naturlig leselinje ettersom man skroller nedover på siden. Det har blir brukt fager som harmonerer og spiller opp under det litt mer spennende og cutting edge. De bruker få fonter som passer sammen og bilder som passer inn i “tema” og lager en god helhet på siden som jeg mener vil passe bra for målgruppen deres.

Dårlig design: Link Heaven´s Gate…. Vanskelig å si hva dette er, for her får man så utrolig mye informasjon i alle slags mulige farger, fonter og størrelser. Målgruppen til denne siden må kanskje være de som er ekstremt kristne eller ihvertfall de som tror at Jesus eller Gud en dag skal komme tilbake til Jorda og ta med seg de personene som har vært “gode”. Hvis dette er tilfelle skjønner jeg ikke helt hvorfor de har brukt alle salgs mulige sterke farger. Ihvertfall så føler jeg ikke at det er typiske farger som passer til denne målgruppen. Det er også utrolig rotete på siden og veldig vanskelig å finne den informasjonen du leter etter. De har brukt alle fargene i regnbuen for å dekorere teksten, noe som gjør at man rett og slett får vondt i hodet av å se igjennom siden. Det virker som om siden prøver å selge en slags bok og noen videoer med noen siste tips til folket, men også dette er vanskelig å forstå hva er. Navigasjonen på siden finnes ikke, det virker som om de bare tilfeldig har satt inn noen linker her og der. Dette gjør det vansklig å finne frem.

HTML5

Oppgave nr.1
Hva er formålet med HTML og hva skiller HTML5 fra tidligere versjoner?HTML – HyperText Markup Language (hypertekst markeringsspråk) er et språk som blir brukt for formatering av nettsider med hypertekst og annet informasjon som kan vises i nettlesere. HTML benyttes til å strukturere infomasjon – angi noe tekst som overskrifter, avsnitt, lister osv. – og kan i en viss grad brukes til å beskrive utseende og semantikken i et dokument.

HTML5 innfører en rekke nye elementer som vil gjøre det lettere å publisere på nett. Nettet blir mindre avhengig av teknologi som f.eks Flash. Vi ser også at dagens utvikling går fra mobile Apps til HTML5.
HTML5 støtter også ulike elektroniske tjenester som f.eks smarttelefoner, smart-tv og nettbrett. Den har også inkludert nye elementer for grafiske elementer, for bedre sidestruktur og bedre skjema håndtering og for visning av medieinnhold, som musikk og videoer.

Oppgave nr.2
Lag en nettside bygget på HTML5-koder
Link til nettside: http://minerva.hivolda.no/~karinae/mid128/html5/