Oblig.08 – Interactive Infographics website

The main purpose with this assignment is to produce a website containing interactive info graphics, taking us through some of the style eras from the last 50 years. To achieve coherence, you are to choose a specific object, element or character that is «going on a journey», and changing throughout these style eras. You decide what you want to present. The Copyright Act prohibits the use of material which you have not created and produced yourself. The website must also contain a short introduction on each of the style eras, which are:
– Abstract expressionism
– Swiss
– Pop Art
– Psychedelia

Denne oppgaven handler om skjermbasert design, grafisk design for skjerm, infografikk og informasjons design, brukervennlighet og ulike stilepoker. Jeg skal lage en webside som skal presentere de 4 nevnte stilepokene, og velge en ting som skal forandre seg gjennom disse stilene. Websiden skal inneholde en oppsummering/introduksjon av hver stil/epoke. Oppgavens tidsrom er på 4 uker.

Målgruppen for oppgaven er en profesjonell gruppe av kunder. Dette oppfatter jeg som seriøst, ordentlig og et modent publikum. Det vil bli viktig å skrive profesjonelt og fange målgruppens interesse.

Det vil være viktig at jeg lager designet før jeg starter programmeringen. Videre ønsker oppgaveteksten at jeg skal følge denne planen:
– Uke 1: Planning (overview of assignment, sitemap etc)
– Uke 2: Design (idea, conceptual sketches, wireframing, prototyping etc)
– Uke 3: Development (site structure, coding, interactivity etc)
– Uke 4: Launch (final touch, transfer to server, testing, evaluation, deliver to client, report etc.)

Jeg startet med å lage et tankekart over oppgaven, og fikk skrevet ned mange tanker rundt temaet. Videre laget jeg et tankekart over de ulike stilepokene som jeg skal jobbe med i oppgaven, dette for å lære mer om disse.
Tankekart1Tankekart2
Tilslutt brukte jeg ABC metoden, hvor jeg skrev ned så mange relevante ord som mulig til hver bokstav. Disse idéutviklingsmetodene har vært til stor hjelp i den første prosessen i oppgaven.
ABC metode

– Annette B. D.

WEBP – Research 3

Research er en veldig viktig del i idéutviklings fasen. Det en en grundig og systematisk  måte man bruker for å finne og granske ny viten, samtidig som man øker kunnskapene. Jeg har i tidligere blogg-innlegg skrevet en del om litterær research, og i dette innlegget vil jeg fokusere på research via internett. Jeg har så langt funnet mange gode og inspirerende internettkilder, disse ønsker jeg å dele med dere, samtidig som jeg ønsker å dokumentere denne delen av oppgaven.

Inspirerende og gode kilder for wordpress etc:
– Her har jeg funnet mye inspirasjon og motivasjon. Har sett og gått gjennom utallige mange websider, og testet ut brukervennligheten, design og navigasjon. Dette har absolutt vært nødvendig for å selv tenke ut løsning til denne oppgaven, og hva som skal bli vektlagt og hva som skal utelukkes. Jeg har funnet en del gode kilder til hvordan man lager et Child Theme, og disse kommer jeg til å følge nøye i prosessen fremover.

http://www.flickr.com/photos/splat/sets/981332/

http://www.webcreme.com/

http://welovewp.com/

http://sixrevisions.com/wordpress/beautiful_wordpress_designs/

http://kreativ1.no/artikkel/447/kom-igang-med-wordpress

http://bothack.wordpress.com/2006/09/17/how-to-create-a-wordpress-template-in-5-minutes/

http://www.side2.no/livsstil/article2807228.ece

http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/

http://www.webdesignerdepot.com/2011/12/creating-your-first-wordpress-child-theme/

Favoritter, når det gjelder layout og design av nettsider:
– De utvalgte nettsidene presentert nedenfor var sider som gjorde et godt inntrykk på meg, og som var lette å ta i bruk. Førsteinntrykket var svært godt, både design og teknisk, og etterhvert navigasjonen, samt brukervennligheten. De inneholder få, men nødvendige elementer, og en god typografi som passer godt til stilen. Keep it simple!

http://studio8169.com/

http://www.nemethinteractive.com/#/home

http://glasscoatphotobooth.com/

http://themischiefco.com/

http://thewoman.ro/

http://www.myownbike.de/

http://www.uniform.no/ (min absolutt favoritt)

Videoer:
– Nedenfor er en liste over noen videoer jeg har sett og kommer til å bruke videre i prosessen fremover. De handler om wordpress, og child theme, noe jeg skal jobbe nøye med for å forstå og gjennomføre til denne oppgaven.

http://css-tricks.com/video-screencasts/25-designing-for-wordpress-part-one/

http://css-tricks.com/video-screencasts/26-designing-for-wordpress-part-two/

http://css-tricks.com/video-screencasts/27-designing-for-wordpress-part-three/

http://www.youtube.com/watch?v=xUjHtm3vcw8&feature=relmfu

http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Andre nyttige linker:
– Tilslutt ønsker jeg å legge ved andre nyttige og gode internettkilder, som jeg absolutt kommer til å benytte ved senere anledninger. Her er det tips og triks til koding av html og css, samt info om Photoshop, Php, Child themes, Filezilla etc.

http://codex.wordpress.org/Editing_wp-config.php

https://api.wordpress.org/secret-key/1.1/salt/

http://codex.wordpress.org/Child_Themes

http://codex.wordpress.org/Pages

http://filezilla-project.org/

http://psd.tutsplus.com/

http://w3schools.com/

http://php.net/

Nå har jeg mange kilder å gå utifra, både litterære og fra internett. I dagene fremover skal jeg jobbe videre med idéutvikling, og lage flere analoge og digitale skisser. Jeg skal itillegg finne og bruke et anbefalt webhotell, laste ned wordpress, themes, child theme etc. Jeg er fortsatt litt usikker på hvordan jeg skal ordne mappestukturen min nå som jeg jobber med et nettsted med egen domene. Dette og andre spørsmål/problemer er noe jeg skal jobbe med for å forstå og utføre riktig.