Organisering av nettsteder Forelesning i Nettdesign 24.01.03 Nils Pharo.

Slides:



Advertisements
Liknende presentasjoner
Bygg web på Opplæring Presentasjon Idium AS Bygg web på Opplæring.
Advertisements

HVORDAN LAGE GODE WORD-DOKUMENTER
GoOnline publisering Hvordan komme i gang med GoOnline. Denne presentasjonen tar deg steg for steg gjennom oppsett av nettsted med bruk av GoOnline Proffesional.
Tillsetningstoffer – en verden ADDITIVE BROWSER. Aims of the project  Why did we choose this project ?  What kind of ideas we had ?  What did we want.
Content Management på en ny måte Stian Danenbarger Creuna as.
Horvei.com Dreiebok Selvbygger Nedlastninger Litteraturliste Artikler Portretter Ymse Forum Om Karrierehistorie Hvorfor horvei.com Personlig www Kontakt.
Strategiske valg ved etablering av nettsteder •Lærefil fra •© 2004 Nina Furu.
Nettprosjekt Kundeservice på nett •Bakgrunn –SiT hadde gamle nettsider med mye og utdatert innhold og funksjonalitet •Formål –Bidra til at.
Nyhetsfôring med RSS ALEPH brukermøte 2006
PhD on Track – testmetodikk når målgruppen involveres Andrea Gasparini, Universitetsbiblioteket i Oslo Ingrid Cutler, Universitetsbiblioteket i Bergen.
Rammer/Frames HTML II IT og læring IT20 4. november 2004.
6. Navigation and Information Architecture Navigering og sidestruktur.
Mer om tilgjengelighet og Flash. Kirsten Ribu HiO.
Brukertest toppnivå uio.no Foreløpig gjennomgang av viktigste funn.
UU av powerpoint, pdf og nettsider
WCAG 2.0. WCAG historikk •West County Assembly of God, 1969 •Web Content Accessibility Guidelines (WCAG 1.0), 1999 •Web Content Accessibility Guidelines.
Og Tilgangsprosjektet og Tilgangsprosjektet Gjermund Lanestedt Prosjektleder – Tilgangsprosjektet Utdanningsdirektoratet.
HUMIT 1730 Hypermedier Web-design, web-arkitektur o.l.
WCAG 2.0. WCAG historikk West County Assembly of God, 1969 Web Content Accessibility Guidelines (WCAG 1.0), 1999 Web Content Accessibility Guidelines.
Forstå bruk og datainnsamling
2003 IT-konferansen 2003 UNIVERSITETET I OSLO Vortex: Skrivbar web for UiO Oddmund Møgedal USIT/UiO.
”Framtida nå – les og forstå!” Uke 41
Java Server Faces (JSF) en introduksjon Frode Eika Sandnes.
Modellbruk i Referansekatalogen Øyvind Aassve NorStella.
Systemmodeller In 140 Sommerville kap. 7. Mål Forstå hensikten med kontekstmodell Forstå ideene bak –oppførselsmodellering –datamodellering –objektmodellering.
1 KravprosessenKravprosessen Noen sentral punkter.
Introduksjon til systemutvikling
Jæger: Robuste og sikre systemer INF150 Programmering torsdag 31.8 Kapittel 3: Grunnlag for programmering i Visual Basic.
In 102 – Innføring i informasjonsbehandling Tekstbehandling forelesning V2005 Ola Bø.
The Torvald Klaveness Group
Human Factors (HF) i kontrollrom - En revisjonsmetode 2003
PPS 2007 og BI rpporteringsløsninger 11 april 2007.
Opprette Gmail-konto Lage iGoogle-side
MetaLib og SFX Demonstrasjon 16 oktober Program Utfordringer for bibliotek og brukere Hva er MetaLib og SFX? Live-demo Systemene i bruk Produkter.
RSS David Massey ALEPH brukermøte Hva er RSS? RSS is a family of Web feed formats used to publish frequently updated content. An RSS document, which.
En pust i bakken Om å stoppe opp og kjenne på hvordan det er å ta vare på seg selv.
Oppgaveformatet. Oversikt XML-format, spesifisert gjennom et XML Schema. Består av et sett lovlige elementer og attributter og hvordan de kan ordnes i.
UiO 2003 Universitetets senter for informasjonsteknologi (USIT) Side 1 Norsk LOM valg av LæringsRessursTyper.
Natalya Fridman Noy and Carole D. Hafner The State of the Art in Ontology Design Av Ida Kokkersvold.
4. Prioritizing Your Usability Problems Prioriteringer.
Kirsten Ribu - HiO Om organisasjoner, arbeid og datamaskiner. Kirsten Ribu Samfunnsinformatikk –
Objektorientert utforming In 140 Sommerville kap. 12.
En heuristisk evaluering avRelaxation Gjort av: ● Espen Solberg ● Geir Normann ● Leif Morten Kofoed ● Tommy Jansson.
1 GeoPortal – Rammeverk Introduksjon. 2 Teknisk rammeverk - Interoperabilitet Interoperabilitet evne til å kommunisere, kjøre programmer, eller overføre.
PowerStudent. StudentWeb WebMail "PowerStudent skal være et hjelpemiddel som bidrar til å strukturere studiehverdagen, og forenkle planlegging av studiet.
Kirsten Ribu Samfunnsinformatikk Mer om tilgjengelighet Kirsten Ribu HiO.
Brukermedvirkning In 140 Forelesning. Historie Skandinaviske tradisjon Sosio-teknisk metode NJMF-prosjektet( ) –Dataavtalen LO-NAF(i dag NHO) –Arbeidsmiljøloven.
Gamle systemer In 140 Forelesning Nr 19 Sommerville kap 26.
Foretak Bjørnar Sæther SGO 4601 V-07. Struktur på forelesningen Hva er foretak? Foretak i økonomisk geografi Dimensjoner ved foretak Foretak og territorier.
Objektorientert design
WEB og tilgjengelighet En kort intro. Tilgjengelighet/universell utforming Tilgjengelighet (fysisk) En side kan være tilgjengelig uten åvære UU, men UU.
Nettsider som sjanger Vibeke Bjarnø, IT-seksjonenIT-seksjonen Avdeling for lærerutdanning, Høgskolen i Oslo A03 – våren 2004.
”The Innovation Process” by Keith Pavitt -Innovasjon i store moderne bedrifter.
Digitale mapper Marianne Hagelia © Portefølje - bakgrunn for digitale mapper Vi har arvet en historisk portefølje med feil og erfaringer. Vi bruker.
Nettsider som sjanger Vibeke Bjarnø, IT-seksjonenIT-seksjonen Avdeling for lærerutdanning, Høgskolen i Oslo Norsk-seksjonen vil.
Linked Data 2: Hvordan KoG31 Uke 8, 2013.
Lese digitalt Å lese digitalt – og viktigheten av navigasjon.
Slik skriver du for nett Av Trude Sæle, Web- og kommunikasjonsrådgiver AFK – prosjektleder for ”Nye nettsider for videregående skoleri Akershus fylkeskommune”.
Markedsføring – nødvendig kompetanse for bibliotekarer? Forum for økonomibibliotekarer av Arve Pettersen.
CcMapper-opplæring Mapping mot norsk WebDewey.
Ting Forbindelser Ting og forbindelser blir til sammen et diagram
Forstå bruk og datainnsamling
Undersøke bruk Kapittel 7
Dette er et eksempel på plassering av logoene.
Undersøke bruk Kapittel 7
Litt om å skrive forvaltningsinformatikk
Miljøperspektivet i FNs bærekraftsmål
Grunntanke - organisasjonsforståelser
DRI IKT og informasjonssøking 2. Forelesning og seminar uke 4
Litt om å skrive forvaltningsinformatikk
Utskrift av presentasjonen:

Organisering av nettsteder Forelesning i Nettdesign Nils Pharo

Oversikt informasjonsarkitektur; hva er det? prinsipper for tesauruskonstruksjon anvendt på nettsteder organisasjonsskjema og -struktur navigasjonssystemer sidemerking

Informasjonsarkitektur mange definisjoner mange nivåer å definere i forhold til mange interessenter

Informasjonsarkitektur; definisjon 1 Information architecture (IA) is the art, science, and business of organizing information so that it makes sense to people who use it. (Stacy Surla, SIG-IA)

Informasjonsarkitektur; definisjon 2 Definisjonen: The art and science of organizing and labeling information to improve browsing and searching Tingen: The structure of information and components for searching and browsing that information (Louis Rosenfeld, Sandefjord 2002)

Informasjonsarkitektur; definisjon 3 The art and science of structuring and classifying web sites and intranets to help people find and manage information (Rosenfeld & Morville, 2002)

Ressurser for webproduksjon  markedsføring  informasjonsarkitektur  grafisk design  redaksjonell virksomhet  teknisk design  prosjektstyring

Avdeling JBIs startside 94/95

Med tesaurus som verkøy regler for tesauruskonstruksjon hierarkiske og sideordnede relasjoner mellom sider hvilke relasjoner skal realiseres?

Tesaurusdefinisjon "Et kontrollert indekseringsspråks vokabular, formelt organisert slik at relasjonene mellom begrepene (for eksempel som ”bredere” eller ”smalere”) er gjort eksplisitt”

Tesaurus abstrahert Term AA Term A Term AB Term B Term BATerm BB

Regelsett Organisasjonsanalyse Innholdsanalyse Kontrollert vokabular Konstruksjon av sider Uttrykke hierarki

Tre spørsmål  Hvor er jeg?  Hvor har jeg vært?  Hvor kan jeg videre?

Hvor er jeg? i forhold til WWW generelt i forhold til det lokale websted

Hvor har jeg vært? klientbasert hjelp lenkefarger

Hvor kan jeg gå? Informasjonsarkitektur

Informasjonsarkitektens rolle  stadfeste webstedets visjon og hensikt  finne ut hvilket innhold og hvilken funksjonalitet det skal ha  spesifiserer hvordan man gjenfinner informasjon i webstedet  klargjøre hvordan webstedet skal møte framtidige endringer og vekst

Utfordringer ved produksjon av en organisasjons websted språklig tvetydighet heterogene objekter forskjellige perspektiver internpolitikk

Organisering av websted organisasjonsskjema organisasjonsstruktur

Organisasjonsskjema eksakte mangetydige

Eksakte organisasjonsskjema alfabetisk kronologisk geografisk

Mangetydige organisasjonsskjema emneorienterte oppgaveorienterte målgruppeorienterte metaforiske hybrider

Organisasjonsstrukturer hierarki hypertekst relasjonsdatabase hybrider

Hierarkisk organisasjonsstruktur gjensidig utelukkende? (ikke nødvendigvis) bredde versus dybde –4 klikk og stopp –det magiske nummer 7  2 –framtidig vekst

Hypertekst høy kompleksitet kan lett bli kaotisk supplerende bruk

Relasjonsdatabase for svært strukturerte data muliggjør feltspesifikk søking konsistenskontroll gjenbruk av data lite fleksibelt for ustrukturerte data

Navigasjonssystemer klientbaserte funksjoner hierarkisk oppbygning komplementære systemer

Klientbasert navigasjon direkte aksess av URL ”back” og ”forward” historieliste bokmerker fargede lenker (OBS!) visning av URL (OBS!)

Vis kontekst organisasjonsnavn/logo med lenke visning av hierarkisk plassering visning av andre deler av hierarkiet

”Globalt” navigasjonssystem stamme på den enkelte side med lenker til overordnede sider konsistent design og rekkefølge ikke lenke til aktiv side egen programvare

”Lokale” navigasjonssystemer for enkeltdeler av webstedet ikke bland flere navigasjonssystemer - ha atskilte stammer!

Assosiative lenker kan innlemmes i teksten på listeform

Navigasjonsstammer bedre med topp og bunnplassering enn på siden ha tekstlig alternativ vær forsiktig med ikoner tenk på webstedets utvikling

Rullegardiner alle valg er ikke tilgjengelig samtidig kan bryte med lenkefarger

Komplementære navigasjonssystemer innholdsfortegnelse indeks kart guide for nybegynnere

Innholdsfortegnelse se an webstedets størrelse kan fungere bra for hierarkisk oppbygde websteder understøtter spesifikk informasjonsbehov unngå å overvelde brukeren!

Indeks passer for websteder som ikke er strengt hierarkisk oppbygd alfabetisk liste understøtter spesifikk informasjonsbehov se an spesifikasjonsnivå indekser ikke navigasjonssider

Kart grafisk representasjon av webstedets arkitektur kan være vanskelig å forstå

Guide fungerer som introduksjon for nye brukere lineær representasjon nytte-kostnads-analyse

Merking av sider titler, overskrifter, lenker bedre gjenfinning konsistent representasjon av webstedets enkeltelementer viktig for brukers førsteinntrykk tesaurusmodellen - vokabularkontroll

”Standard” merkelapper startside, hjemmeside, hjem søk, finn kontakt oss, webmaster, vevmester hjelp, FAQ, OSS nyheter om ”organisasjonsnavn”

Utforming av merkelapper lenke-anker=lenke-mål meningsbærende titler og overskrifter bruk samme merking ved lenker til samme side ikke bruk samme merking av lenker til forskjellige sider vær varsom med bruk av ikoner

Kilder til gode merkelapper sidenes innhold andre websteder kontrollerte emneordslister/tesauri forslag fra brukere og fageksperter