interkulturel erhvervskommunikation ikek 11 viral markedsføring webdesign

interkulturel erhvervskommunikation

ikek 11

Viral markedsføringWebdesign

Den der har leget mest når han dør, har vundet

04/24/23 ikek 11 Viral markedsføring Webdesign 2

11 Viral MarkedsføringSynopsisWebdesign

Ekstern oplægsholder: Andreas K. Thomsen

WebdesignViral kommunikation

http://www.theviralfactory.com/

04/24/23

Ikek synopsis Synopsis ved mundtlig eksamen har som formål at tillade eksaminanden at

fremlægge og diskutere et særligt studeret problemfelt inden for et større emneområde.

Ved en synopsis forstås et skriftligt oplæg (maksimalt 4 normalsider), der

indeholder: 1. En beskrivelse af det udvalgte emne/problemfelt og dets afgrænsning i relation

til hele emneområdet. 2. En redegørelse for den generelle (gruppe) problemformulering samt

metodisk/teoretisk indfaldsvinkel. 3. En punktvis opstilling af de forhold, den studerende ønsker at komme ind på

under eksaminationen gerne førende til operationelle forslag. Synopsis afleveres i 3 eksemplarer til instituttets eksamenskontor senest 14 dage

før aflæggelse af den pågældende eksamen.

4ikek 11 Viral markedsføring Webdesign

04/24/23

Designanalyse. De tre aspekter

• Det praktiske, tekniske aspekt. Funktionalitet (såvel for slutbrugeren som for producenten): Ergonomi, sikkerhed, brugervenlighed, masseproduktion, osv. Hvordan det virker.

• Det æstetiske aspekt. Farver og former. Hvordan det ser ud.

• Det symbolske aspekt. Værdier. Hvad det fortæller.


04/24/23

De tre aspekter for Webdesign:

• Det funktionelle aspekt: det skal virke, det skal være logisk, det skal være hurtigt.

• Det æstetiske aspekt: det skal være kohærent ’se godt ud’ (farvevalg, layout, billeder, effekter).

• Det symbolske aspekt: Livsstilen, tonen, historien (neutral, troværdig, behagelig, hyggeligt, spændende, provokerende, eksperimenterende; alt efter målgruppen).


04/24/23 7ikek 11 Viral markedsføring Webdesign

http://www.ambpol.dk/

04/24/23

Hjemmeside (Home page)• Startsiden på et netsted. Den vigtigste side:

Indgangssiden. Visitkortet.

Netsted (websted, website, site)• Et sted på nettet hvor det samlede antal sider

under et domænenavn kan findes. Et byggeplads på nettet.

Definitioner


04/24/23

Web site W3 http://www.w3.org/1999/05/WCA-terms/01#PRIMITIVE

A collection of interlinked Web pages, including a host page, residing at the same network location.

Home page Webopedia http://webopedia.com/

The main page of a Web site. Typically, the home page serves as an index or table of contents to other documents stored at the site.

webterminologi


http://www.w3.org/1999/05/WCA-terms/01



http://webopedia.com/

http://www.pcwebopaedia.com/TERM/h/web_site.html

http://www.pcwebopaedia.com/TERM/h/document.html

http://www.pcwebopaedia.com/TERM/h/store.html

04/24/23

(Hyper)links:

• Anker: linker til andet sted på selve siden (#navn)• Interne (relative) links: linker til anden side i samme

websted (navn.htm)• Eksterne (absolutte) links: linker til andet websted

(http://www.navn.extension)• Mail links: linker til en @ adresse (maito:navn)

webterminologi


04/24/23

Andet interaktivitet:

• Rollover: område der skifter udseende ved mouse over• Disjointed rollover: område der skifter udseende ved

mouse over andetsteds• Hotspot: interaktivt område• Drop-down og pop-up menuer: menuer der åbnes ved

en behavior som mouse over eller click• Sitemap: en (grafisk) oversigt over netstedet

webterminologi


http://frederiksborggade.dk/andelshavere.htm

http://vitanova.dk/dk_Site.htm

04/24/23

Krav til webstedet

Følgende aspekter skal være kohærente. • Visuel identitet, designprogrammet:

Overensstemmelse mellem image (hvordan vil vi opfattes) og identitet (hvordan vi ren faktisk er)

• Indhold: Skal være professionel og ærlig. Vi skal sige hvad vi er gode til, intet andet

• Brugervenlighed: Skal være tilpasset målgruppen

Mission, vision og værdier skal præge webstedet• Mission: hvorfor er vi her?• Vision: Hvor vil vi hen?• Værdier: Hvad er vigtigt for os?

kommunikation og strategier på nettet


04/24/23

Internettet i dag: Fra signal- til nytteværdi

Set fra virksomhederneHar ledelsen en klar indstilling?

Anser ledelsen webstedet for at være et strategisk værktøj?Er kommunikationsfunktionen en del af direktionen? Stabsfunktion?Politikker (Personale-, kommunikations-, uddannelses- m.m.)

Er medarbejderne involveret?


04/24/23

Internettet i dag: Fra signal- til nytteværdi

Set fra brugerne• Millioner af websteder og over 5 milliarder computer

tilsluttet• Google (og de andre søgetjenester)• Brugerne shopper, er utro, er utålmodige, stiller krav• Sociale medier


04/24/23

SEO - Search Engine Optimization – søgemaskineoptimering.

Søgetjenester er dynamiske (forbedrer løbende deres systemer) og opererer på forskellige måder:

• Metatags (søgeord/beskrivelse i <head>, der beskriver virksomhederne og/eller dens produkter/ydelser)

• Søgeord i overskrifter og/eller brødtekst• Søgeord i dokumentnavn• Links (til og fra)• Betalte links som Googles adwords



http://www.google.dk/intl/da/about.html

04/24/23

Løbende kvalitetskontrol af et netsted

• (Definér formål mål og historien– Hvorfor skal vi på nettet? Prioriterede formål– Hvad vil vi opnå? Prioriterede mål– Hvordan skal organisationens/virksomhedens

personlighed skildres? Superfortællingen inkl. mvv.)• Hvad skal brugerne få ud af det? • Primære og sekundære målgruppe(r)• Analyse af konkurrenternes netsteder



04/24/23

Vedligeholdelse af webstedet

Webdesign og content management er rekursive processer• Webstedet skal løbende opdateres :

– Virksomheden udvikler sig– Nye produkter, nye markeder eller målgrupper– Medarbejdernes profil og ambitioner ændrer sig– Omverdenen ændrer sig (f.eks. lovgivning)– Nye tekniske muligheder på nettet – Links skal løbende tjekkes

• Et websted er som en cykel: Hvis det ikke bevæger sig, falder det (Tak, Che).



04/24/23

Brugervenlighed (Usability + Accessibility)

• hurtig downloadtid• logisk opbygning• funktionel navigation• interaktivitet• handikapvenlighed (Alt-tekst)• MEN usability er også det symbolske,

målgruppeafhængige.

Brugervenlighed - Usability


04/24/23

Hjælp brugerne:

• Logisk og essentiel hjemmeside (forside) tilpasset målgruppen

• Brug netsprog (korte sætninger; simpel sprogbrug)• Minimér downloadingstiden (optimér grafik) • Sitemap• Opdateret og ’taknemmelig’ søgemaskine• Brug pladsen: stor typografi, store aktive felter• Til sidst men ikke mindst: undersøg hvilken indhold

brugerne har behov for og hvilken livsstil de identificerer sig med!

Brugervenlighed - Usability


04/24/23

layout

Layout

Kend din målgruppes foretrukne skærmopløsning

Check layoutet i forskellige opløsninger (brug f.eks http://www.markhorrell.com/tools/browser.shtml )

Brug evt. flydende layout

Centrér frossen layout


http://www.markhorrell.com/tools/browser.shtml


http://www.zentropa.dk/

04/24/23

Layout elementer

Logo på alle siderHome knap på alle sider (gerne + Logo)Navigation på alle siderAnker på lange sider samt gentagne ’op-pile’ +

eller scroll bar +Overvej ulemper ved ny browservindue +

layout


http://accor.com/gb/commun/plan/plan.asp

http://www.postdanmark.dk/contentfull.dk?content=/cms/da-dk/ompostdanmark/virksomheden/praesentation_af_post_danmark.htm&menufile=/cms/da-dk/menufiles/ompostdanmark.xml&lang=dk

http://www.useit.com/alertbox/9605.html

04/24/23

Menuer og menustruktur

Mellem 5 og 8 knapperGør hele knapoverfladen aktivBrug roll-over effekter - gør knapper synlig up-over-down Overvej at erstatte drop-down menuer med hovedmenu/undermenu +

Brug indentKoncis tekst på knapper af samme størrelse

layout


http://vitanova.dk/dk_livsstilFertilitet.htm

04/24/23

Sideforløb

Undgå tvungne lineære forløb

Site-maps

Brug (grafiske) site-maps

layout



http://www.postdanmark.dk/index.jsp


http://vitanova.dk/dk_Site.htm

04/24/23

funktionelt design - typografi

Typernes opbygning

• Store bogstaver kaldes MAJUSKLER eller VERSALER • Små bogstaver er minuskler• Seriffer er fødder, ører og faner på Antikva fonte• Fonte uden seriffer kaldes sans serif eller Grotesk


04/24/23

Typografivalget afhænger af funktionen

• skal fange opmærksomheden

• Læse-typografi skal kunne …læses• Konsultativ typografi skal have signalværdi

Tips: - til brødtekst brug sans serif

- undgå kursiv (dog gerne som billedtekst) og fed (dog gerne som link) i brødtekst

- markér overskrifter og rubrikker tydeligt

funktionelt design - typografi


04/24/23

Farver og baggrunde

• Komplementær-farver ’skriger’ til hinanden• Baggrunde skal stå i kontrast til skriften dog bør

kontrasten ikke være for hård. • Brug (meget) lyse baggrunde til mørk skrift og

omvendt• Undgå billeder som baggrund

funktionelt design - farver



http://www.yoyodesign.org/outils/ncolor/ncolor.php

04/24/23

Læsbarhed

Spatiering. Bogstav-mellemrum. Problemer undgås ved at bruge system-skrifter (default) fra editor. Eksempel: VATPIND.

Linielængde. Tommelfingerregel: brug max. 45 anslag, gerne mindre.

Opsætning af tekst.• Løs bagkant giver ensartede ordmellemrum i modsætning til

fast bagkant.• Centreret tekst egner sig til billedtekst, citater og indledninger

– bør ellers undgås.• Undgå løs forkant og figursats på nettet.Linieafstand. Skydning. Sørg for nok mellemrum mellem linierne.

Hellere dele teksten op over flere sider end at knibe teksten. Brug min. 10/12 (20% mellemrum).

Tekststørrelse. Tillad Brugeren at skifte tekststørrelse.

funktionelt design - tekst


04/24/23

Tekstmængde

• Afhænger selvfølgelig af dokumenttype. Generelt gælder det, at webtekster skal være korte, inddelt i afsnit med mellemrubrik indeholdende et enkelt aspekt.

• Brug punktopstilling hvor det er muligt.• For at luge ud i tekstmængden brug journalistens trekant:

KonklusionEssensen

Uddybende detaljerSekundære detaljer



04/24/23

Tekstmængde

• Forhold mellem tekst og grafik (værende overskrifter, grafik og tom plads) bør normalt ikke overstige 60/40.

• Teksttunge dokumenter til print på PDF. Tekster der forventes læst på skærmen skal ikke på PDF, men skal omredigeres. Brug den omvendte pyramide: konklusionen først. Brug lister.

• Overvej at bruge link til Word dokument.



04/24/23

Logo

• Logoet bør være det centrale element i jeres visuelle identitet.

• Brug det aktivt (home-knap, vandmærke på tom plads, favicon).

• Logoet bør være distinktiv; adskille sig fra konkurrenternes. ’Positionere’ sig.

• Logoet bør være deskriptiv; fortælle hvad I gør.• Logo skal kunne huskes og kunne beskrives af

målgruppen.

psykologisk design – visuel identitet


04/24/23

Storytelling

StorytellingEr ikke kun et buzz-word, men dækker et behov i det hyperkomplekse (postmoderne) samfund fordi gode historier huskes længere og forklarer bedre en hensigtserklæringer.

Alle mennesker er en film værd – og alle virksomheder består først og fremmest af mennesker.

Storytelling er meningsskabelse. Den viser tilbage til fortiden, forklarer nutiden.

Den skaber sammenhæng, især internt. Den personaliserer virksomheden, giver den sin ‘human touch’.


04/24/23

Storytelling

Storytelling

Tips•Brug citater og interviews.•Fortsæt fortællingerne.•Sørg for at der er konsistens og gensidighed i hele virksomhedens designprogram.•Inddrag den medskabende bruger vha. nyhedsbreve, blog, spil, quizzer og lignende.

En historie er effektiv kommunikation når den•huskes•er troværdig•har værdier som målgruppen deler.


04/24/23

Webdesign – konklusion

1. Det er svært at være objektiv overfor ens egen arbejde. Gå derfor ofte tilbage til din målgruppe. Brug kvalitative og kvantitative markedsanalyser. Vores personlige mening er uvæsentlig – det er brugerne der er dommerne.

2. Fortæl straks hvad I kan og hvad brugeren kan få ud af netstedet.

3. Vær opmærksom på at du sandsynligvis har flere målgrupper samt stakeholders. Der skal tænkes på dem alle sammen.

Konklusion


04/24/23

4. Analysér ofte dine konkurrenters netsteder. Hold øje med redesign og nye konkurrenter. De kan bruges som inspiration gennem gode idéer, men - lige så vigtigt – kan de vise dig hvordan du ikke skal gøre tingene.

5. Brugervenlighed er ikke kun funktionalitet. Lad ikke dit websted blive for ’mainstrean’ og kedelig.

6. Udnyt al den plads I har til rådighed.

7. Overvej løbende om træstrukturen skal optimeres.

Konklusion


04/24/23

8. Skab klarhed ved hjælp af transparent navigation. Brugerne kommer ikke for navigationens skyld men for indholdet.

9. Webdesign har (som design generelt) tre aspekter der skal analyseres separat:– Det funktionelle aspekt: det skal virke, det skal være

logisk, det skal være hurtigt– Det æstetiske aspekt: det skal se godt (’rigtigt’) ud– Det symbolske aspekt: det skal ramme den forventede

tone, reflektere brugerens tilstræbte livsstil, fortælle en relevant historie.

Konklusion


04/24/23

10. Webdesign er en rekursiv proces; gennemfør hyppig kvalitetskontrol:

– Hvad var det vi ville?– Opnår vi det?– Hvorfor / hvorfor ikke– Tilpas jeres formål og mål

Konklusion


04/24/23

ang. SEO• http://searchenginewatch.comang. terminologi• http://webopedia.comang. usability • http://www.netsteder.dk/• http://www.useit.comang. accessibility• http://www.w3.org/WAI/• http://www.macromedia.com/macromedia/accessibility/• http://www.netsteder.dk/• ang. Skærmopløsning• http://www.markhorrell.com/tools/browser.shtml

Links


http://searchenginewatch.com/

http://searchenginewatch.com/



http://www.netsteder.dk/

http://www.useit.com/

http://www.useit.com/

http://www.macromedia.com/macromedia/accessibility/

http://www.netsteder.dk/

http://www.markhorrell.com/tools/browser.shtml

04/24/23

• ang. farver/farveplader/farveblindhed• http://dx.sheridan.com/advisor/cmyk_color.html• http://web.forret.com/tools/color.asp• http://www.yoyodesign.org/outils/ncolor/ncolor8.html.enang. webdesign brief• www.ddc.dkang. læsevaner • http://www.poynterextra.org/et/i.htm• http://www.usatoday.com/tech/news/2001-05-15-web-usability-

research.htmang. storytelling• http://www.kommunikationsforum.dk/• ang. sub-pixel rendering• http://grc.com/ctwhat.htm

Links


interkulturel erhvervskommunikation ikek 11 viral markedsføring webdesign

Documents