Gränssnitt

Att läsa en sida i en tidning eller bok är en ord för ord, rad för rad process. Vi kan välja ut intressanta stycken i en artikel eller helt enkelt läsa till slutet, men hur vi än läser så är det en linjär process.

Hypertext däremot kan göra att ett ord är länkat till en sida som befinner sig var som helst på jorden. Det kan vara ett underbart sätt att ge läsaren ytterligare information när man presenterar något, men det kan också göra läsaren en otjänst genom att skapa total förvirring över att inte riktigt förstå var man befinner sig någonstans, eller ständigt bli avbruten i läsandet -stressmomentet hyperlänk. Därför är det viktigt när man strukturerar upp en websajt att tänka på vad som finns i sajten och vad som INTE finns i sajten. Om en läsare "hoppar" över till en sida med starkare visuellt innehåll och struktur, då kommer hon/han antagligen aldrig tillbaka till din sida.

En HTML sida använder "ankare " för att länka sida till sida, sajt till sajt. Sättet man gör detta på kan var med hjälp av text eller "knappar".

En väsentlig skillnad mellan websidor och andra former av multimedia är websidans sätt att kommunicera med användaren. En knapp i en multimedia produktion visar oftast att man tryckt på den genom att den åker "in och ut" eller man hör ett klick-ljud.

På en websida är det svårare att göra den visuella effekten på en knapp och ibland är det svårt att upptäcka att det överhuvudtaget finns en klickbar knapp. Ett sätt att lösa detta är att ge knappen den fula länkramen (border=1). Detta innebär att man ger knappen den visuella funktionen att när man klickar så ändrar ramen färg och användaren får information om vad som händer -enkelt men inte alls grafiskt tilltalande. FutureSplash har presenterat en ny teknik för animerade bilder på nätet, tyvärr så behöver man en plug-in till Netscape för att kunna se FutureSplash animationer. Byggs de in i browsers så kommer vi att få se mycket av en revolution på gränssnitts-fronten på nätet.

Att använda Image maps kan också medföra en del problem förutom att man inte får någon visuell feedback. Det tar längre tid att ladda ner en server-baserad Image map fil på grund av kommunikationen mellan servern och CGI scriptet, skickandet av kordinater, hänvisning till ny URL till webläsaren som i sin tur söker upp server för en ny länk. Det finns klient baserade image maps som gör att alla beräkningar sker på din dator istället för på servern, men det är inte alla webläsare som stöder den funktionen.

Det ligger på webdesignerns ansvar att överbrygga de begränsningar som finns när det gäller skapandet av websidor; kreativitet, konsekvens och struktur plus att få det hela att bli funktionellt. Att få en knapp att se klickbar ut är subtilt, visst den kan ha en ram, men en bild som ser ut som en knapp blir en knapp. Ett upphöjt område kan vare en knapp eller en bomb(bullet) i början av en textrad. Klicka och se, waoo plötsligt har jag en hel produktkatalog över vårens frösortiment framför mig. Men back-knappen på skärmen är inte aktiv, vad gör jag nu?

Kom ihåg att tidningsdesigners behöver bara hålla reda på sidor som ska vändas, en webmakare har flera dimensioner att hålla reda på.

Ursprunget från dessa symboler känner jag inte till, men varje femåring kan tolka den.

Lite tips

Var tydlig, inte övertydlig. Du behöver inte skriva klicka här på varje knapp.

Strukturerade Index är en dröm för stora sajter.

Undvik länk till länkindexering, dvs index visar böcker som hänvisar visar område som hänvisar till...

Om en besökare har hittat din sajt så vet hon/han antagligen varför. Undvik logo som upptar större delen av skärmen och tar TID att ladda ner. Presentera i stället ett tydligt gränssnitt för sajten. Eller min favorit - en föraning om vad som komma skall.

Låt aldrig en besökare gå vilse, egna backknappar kan vara lurigt om du inte programerat dom rätt.

Ju större en bild är desto viktigare blir den.