TNM006 Kommunikation och Användargränssnitt. Uppdrag Granskning. David Kästel Campus Norrköping, LITH

Relevanta dokument
B känns ny och ger en överblick över många delar av tidningen och får mig att leta mig vidare B

INDIVIDUELL INLÄMNINGSUPPGIFT

GRATIS FÖR PRENUMERANTER

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Vilken version av Dreamweaver använder du?

Ta en skärmbild. Det är enkelt att ta en bild av skärmen. 2 Det går att ta en bild av ett enskilt öppet programfönster. SMART PROGRAM PÅ SVENSKA

Gör en egen webbplats

FUB och Klippan - Vårt webbverktyg I din webbläsare, skriv in eller klicka på Logga in längst ner på startsidan.

1. Polopoly och webbpublicering på SU

Manual - Storegate Team

Slutrapport: Design av Hemsida för PolyPlast+

Bonus Rapport Kommersiell Design KTH

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter

Nyheter i PowerPoint 2010

Kort om World Wide Web (webben)

1 Allmänt. 2 Hur gör man. 2.1 Gå till lagets sida, Logga in genom att trycka på hänglåset

Manual - Storegate Team med synk

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

Jordbruksverket. Web Service Index 2010 Avrapportering

Webzoo AB har idag ett tiotal anställda. Webzoo AB ägs till 100 % av anställda inom företaget och har en sund ekonomisk grund som bas.

Bygga kurser för mobila enheter

Internet. En enkel introduktion. Innehåll:

Lathund Blanketthotell Komma igång

En liten introduktion till

Kravspecifikation. Sammanfattning. Fyra i rad Javaprojekt inom TDDC32. Version 2.0. Datum Dokumentnummer

Nyheterna i Visma Tendsign 4.0

Manual till publiceringsverktyg

Men banners kan också placeras i composerblock samt på nyhets- och artikelsidor. Du kan skapa en banner i vilken editor som helst i EpiServer CMS 5.

PowerPoint Online Versi on 1.0 Skolkontoret

Hitta de bästa nyheterna med Zite

Inställningstips. Visuella anpassningar Windows

Manual för ehp och HP:s digitala arkiv

Lärarhandledning. Felix börjar skolan

Publicera material i Learn

ActiveBuilder Användarmanual

En liten introduktion till SLI Plus

Snabbguide: Hur man öppnar en egen nätbutik

Kom igång med din butik. 1. Skapa kategorier och produkter 2. Att göra en beställning i butiken 3. Övriga verktyg

Handledning för Installation av etikettskrivare

LATHUND TILL GOOGLE SITES

Daniel Clarhed

1

Ditt användarnamn är den e-postadress som du angav när du registrerade dig. Ditt lösenord får du från ditt barns klasslärare.

Personlig anpassning av Microsoft Word Vers

Release 14.3 kommer finnas tillgänglig för er måndagen den 29 september 2014.

Kundhandledning för EBIS. E-space Business Intelligence System. Version

Manual Trafikdatasystem Grävtillstånd, sökande

STEGBESKRIVNING - WEBB

Manual - Introduktionskurs SiteVision

Lathund Office online

Lathund för webbshop

Personlig anpassning av Microsoft Word Vers

ZWCAD har stöd för VBA och Lisp program så alla funktioner som ni tidigare har skapat kan användas direkt utan anpassning.

Windows 8.1, hur gör jag?

Rapport Projekt 1 Från material till webb

Denna rutin gäller för Denna rutin gäller för samtliga verksamheter inom Sahlgrenska Universitetssjukhuset.

Misstag i webbdesign som gör att din hemsida ser klumpig ut

Personlig anpassning av Microsoft Word Vers

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: Byta lösenord

REDIGERA BILDER OCH TEXT PÅ DIN WORDPRESS-HEMSIDA

EPiSERVER 7.5. För nybörjare. Krister Holm - Kommunikationsavdelningen Uppdaterad 1 juli 2014

Hur man lägger upp och redigerar dokument i Typo3.

Tips och idéer för Windows 8

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version , rev (19)

SKAPA EN WWW-LÄNK I EN ARTIKELTEXT

Lathund länkar. Skapa en intern länk som en sida

Jonas Diffus Jonas Lista

IT-körkort för språklärare. Modul 7. Bildbehandling

En liten introduktion till Mediakatalogen

[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner

Nya funktioner i EPI6 Bilder hantering för nyheter

GUIDE FÖR POWERPOINT PRESENTATIONER MICROSOFT OFFICE, POWERPOINT 2007

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?

LUVIT LMS Quick Guide LUVIT Composer

En stiligare portal Laboration 3

Gör en egen webbplats

ProCup Domar App. Efkon AB 2019

Slutrapport: Informationsvisualisering av släktträd


Sidpanelen och gadgetar De är nya. De är smarta. Lär dig hur du använder dem.

Analys av com hems startsida

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

Enligt universitetets riktlinjer för webbpublicering måste alla sajter under SU:s domän innehålla ett antal obligatoriska

Manual. It s learning. Målgruppen: externa utförare inom Vård och Omsorg

Manual för Isave, Staples/Corporate Express beställningssida för Göteborgs Stads trycksaker på webben.

Word Online Version 1.0 Skolkontoret

INTRODUKTION. till WEBBTJÄNSTEN GR-SLI. sli.se/gr

Biometria Violweb. Kom-igång-guide. Mars Sammanfattning Den här anvisningen är till för dig som ska börja använda dig av Biometrias tjänster.

6. BLOGGVERKTYG. Här ska vi titta på några olika bloggverktyg som du kan använda för att komma igång med att börja blogga.

Skolplattformens pedagogiska verktyg och startsida en guide

Komma igång med Qlikview

Så fjärrstyr du datorn

Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011

ATT ARBETA MED VEKTORGRAFIK

Word del 3 Sidan 1 av 5

OneNote Version 1.0 Skolkontoret

Magnus Palm. Lättläst IT

Starta din försäljning med hjälp av sociala medier

Transkript:

TNM006 Kommunikation och Användargränssnitt Uppdrag Granskning David Kästel davka237@student.liu.se Campus Norrköping, LITH

Inledning Vår uppgift bestod i att granska olika webbsajter och hur dessa var designade. Gränssnitten skulle kritiseras ur ett kognitivt perspektiv. Jag använde mig av en kraftfull Windows NT-dator med Explorer 5.5 och 1024*768 i skärmupplösning. Antal ord: 1200 st. nasa20.com Versionsalternativet Vivid Version på webbdesignföretaget N.A.S.A.2.0 s webbsajt är som titeln antyder just livlig. Vi möts av en vit bakgrund, logotypen för företaget och en ikon som rör sig efter musen. Den sistnämnda detaljen utgör trots sin irriterande utformning grunden i navigationen på sajten. Genom att hinna i kapp den och klicka på den tar man sig till de olika underavdelningar. Onödigt krångligt! Undersidorna på sajten har ett enhetligt och ett sobert utseende. En stilrent blå nyans genomsyrar layouten. Update är logiskt sett första sidan och här finner man nyheter i ett fönster och anmälan för nyhetsbrev i ett annat. De smidiga fönstrena kan flyttas runt och återkommer på hela sajten. Däremot medför det ibland att man missar information i bakgrunden. Det är just i bakgrundsbilden det händer mycket. Flera animationer och oväsentlig information stör betraktaren. Jag upplevde en form av sjösjuka när jag navigerade genom sajten. För många möjligheter till klickningar och svårtydda ikoner gör att man tröttnar totalt på att fortsätta. Sjösjukan till trots tog jag mig till nästa sida, Network, där man beskriver de olika kontoren. Den tekniskt komplicerade och informationsmässigt tungt belastade sajten ställde till det här. Bakgrundsbilden försvann och det tog tid att ladda vissa saker. Texten är generellt läsbar utom på vissa ställen där den är direkt jobbig att tyda. Överlag är sajten spännande och gäckar till utforskning. Interaktiviteten hjälper dock föga för att få mig att stanna kvar längre än jag måste för att utföra denna uppgift. Det känns som skaparna vill visa mer vad behärskar än att nå ut med adekvat information. Fig. 1 N.A.S.A.2.0 använder en stor skärmyta för att fylla med alla möjliga detaljer. Här ses undersidan Update. 2

Fig. 2 Totalförsvaret startar med en fartfylld introduktion (s.k. flash-film) på sin ungdomliga webbsajt. totalforsvaret.se Likt nasa20.com bygger den del av Svenska Totalförsvarets webbsajt jag valde på en flash-lösning. Intressant med dessa gränssnitt är att de ofta visas i fullskärm eller har eliminerat webbläsarens vanliga funktioner. Det medför således att menysystem och annan navigationsutrustning måste vara fullkomligt självklar. På totalforsvaret.se är det lätt att hitta, speciellt när det finns en s.k. sitemap att tillgå. Underavdelningarna är indelade från ett till åtta. Varje gång man klickar på någon läses namnet upp. Dessutom dyker en kort beskrivande text upp alldeles under knappen. Extremt konkret och lättförståeligt. Man disponerar ytan väl och huvudsidan ligger i mitten, alltså rätt i blickfånget. Ytorna kring mittenfönstret har ett nedtonat och bakgrundsbetonat utseende och stör inte uppmärksamheten. Genom webbsajten följs vi av en genomgående liknande uppbyggnad. Varje underavdelning välkomnas av tecknad människa och ett stiliserat foto. Enligt mitt tycke snyggt och ungdomligt i stilen. Överlag är utseendet väl genomarbetat. Det märks att man lagt ned tid på att hitta till målgruppen. En avdelning innehåller flera olika undervisande spel som på ett mycket pedagogiskt sätt åskådliggör fakta kring krishantering. Svarar man fel kan man med enkelhet söka reda på informationen i annan del på sajten, som även kan köras parallellt med spelet i ett pop-up-fönster. På en annan del har man tagit hjälp av video och vr-teknik för att informera om olika utbildningar inom totalförsvaret. Visserligen tekniskt avancerade lösningar men de fungerar för att attrahera och göra det hela intressant. Man har, till skillnad från skaparna till nasa20.com, lyckats skapa ett intressant, uppseendeväckande och användarvänligt gränssnitt. Helhetsintrycket är således mycket positivt. Fig. 3 Den ständigt synliga menyraden är tydlig och enkel. Här visas menyvalet Expo. 3

vfb.se Värmlands Folkblad är den andra största tidningen i Karlstad. Dess betydande ställning på webben är ringa i det stora medieflödet på nationell nivå. Lokalt fungerar den dock utmärkt. Speciellt bra med tanke på att den största tidningen i staden NWT inte har några nyheter online alls. Strukturen är klassisk, en meny till vänster och huvudinnehållet till höger. Uppmärksamheten riktas direkt på logotypen och tidningens namn. Navigationen till vänster är överskådlig men innehåller länkar till allt för många underavdelningar. Onödigt speciellt med tanke på att visa av länkarna inte innehåller redaktionellt material utan i stället allmän info. Nedanför länkarna finns en ypperlig sökmotor, snabb och smart. Detta följs av en vädertjänst och sedan kontaktinformation. Första nyhetsidan är likt många nyhetsajter (främst dn.se) mycket överskådlig. Som en pappersdagstidning. Små bilder gör det hela lättläst och luftigt. Överlag är man försiktig med färger och de som finns sticker inte ut särskilt mycket. Längst till höger finner man reklam i form av gif-animationer som pekar till olika delar av sajten. Alltså ingen extern reklam här, däremot längst ned på sidan finns konstant en banner. Inte speciellt störande, anser jag. Underavdelningarna är uppbyggda på liknande sätt. Vissa av dem manar till att tränga ännu djupare in i sajten. Mycket information finns att hämta här. Mitt omdöme är nästan enbart positiv. Det enda man kan vända sig emot är att man eventuellt skulle förenkla navigationen något. Med en bakåtknapp och lite fiffiga ikoner i stället för textmeny så skulle det vara smidigare. Helhetsintrycket för denna landsortstidning är bra. Anm. Det värmländska hjärtat inom mig kan genomsyra diskussion och ge en skev bild av intrycken. Fig. 4 Här ses Värmlands Folkblads första sida. Menyraden till höger och huvudsudan i mitten. 4

folkbladet.se Norrköpings andra största tidning Folkbladet erbjuder ungefär ett liknande utbud som Värmlands Folkblad (VF). Däremot kan den ha något svårare att hävda sig gentemot den konkurrerande Norrköpings Tidningar som har en omfattande online-service. Dessutom är de samägda. Vid en första anblick möts man av en reklambanner. Fokus riktas alltså inte på logotypen. Inte särskilt lyckat anser jag. Folkbaldet har löst navigationen något annorlunda gentemot VF. I stället för en menyram till vänster så finns det en enkel rad nedanför logotypen. De 5 alternativen leder sedan vidare till så kallade dropdown-menyer. Jag finner detta system väldigt praktiskt och överskådligt men ämnena är lite konstigt valda. Bl.a. hamnar man på helt externa sajter under andra fliken. I den första finns alla nyheter och antalet valmöjligheter här är för många, dvs. fler än åtta stycken. Allt huvudinnehåll hamnar under Fig. 5 Folkbladets första sida. menyraden och utgör ytan där allt förändras. Längst till höger dyker ytterligare en meny upp. Här finns fler artiklar rörande den underavdelning man är på. Lämpligt och lätthanterligt, likt det system VF använt sig av. Till skillnad mot VF finns det ganska lite material på undersidorna och det som finns saknar ofta illustrerande bilder. Båda tidnigarna kräver ofta att man måste skrolla mycket. Det känns ganska naturligt och inte särskilt störande. Dessutom har de avvägt utrymmet i horisontalled så att mindre bildskärmar klarar av att visa allt. Bra tycker jag. Färgerna på Folkbaldets sajt är få men inte så enhetligt matchade. Längst till höger rullar diverse reklambanners i form av animerade gif-bilder förbi. Känns lite störande men det har blivit en vana att ignorera dem. Samtidigt känns det försvarligt att göra reklam, som i vilken papperstidning som helst, för att få ekonomin att gå runt. Jag ger Folkbladets sajt ett negativt helhetsomdöme. I de flesta avseendena anser jag att vfb.se är bättre samtidigt som jag tror att folkbladet.se säkert fyller sin funktion. Avslutning Jag har visat på två typer av webbsajter. Där två är mer upplevelseorienterade medan de två andra ska fungera som informationsbärare. Min slutsats är dock att det ena inte behöver utesluta det andra. God design, innehåll och användarvänlighet ska kunna gå hand i hand. Av de fyra granskade sajterna anser jag att totalforsvaret.se lyckas mest med att inkludera de tre nämnda kriterierna. 5