|
|
| Linje 1: |
Linje 1: |
| ==Responsive webdesign== | | ==Diskuter ikke det opplagte== |
| Responsive webdesign, eller engelsk Responsive Web Design (RWD), er et webdesign som gir optimale seeropplevelse og enkel navigasjon på alle oppløsninger og skjermtyper. RWD er derfor foretrukket på mobile enheter som nettbrett og smarttelefoner, fordi innholdet er det samme, til tross for at utførelsen er annerledes. Dette gjør at menyene ofte kan bli en utfordring for webdesigneren. Det er derfor omdiskutert hvorvidt man bør bruke menyene slik de er på store skjermer, eller la de kollapse til det velkjente semantiske, og responsive, navigasjonsikonet =. Hamburgerknappen (engelsk: Hamburger button) er et annet navn på dette elementet = som veldig ofte brukes i grafiske brukergrensesnitt på både responsive websider og applikasjoner for nettbrett og smarttelefoner. Ikonet ble opprinnelig laget av Norm Cox, som en del av brukergrensesnittet til Xerox Star. Hamburgerknappen utgjør tre streker, og kan brukes i forskjellige sammenhenger utover å være navigasjonsikon. Dette trippeltegnet kan også bety «hvis og bare hvis», bare for å nevne noe! Det kodes i Unicode som U + 2261, i HTML som & # 8 8 0 1 ; eller & e q u i v ;. Noen webutviklere bruker også ''TRIGRAM FOR HEAVEN'', som i Unicode skrives U + 2630, og i HTML som & # 9 7 7 6 ;
| | Liavaag.org er et privatdrevet nettsted som fokuserer på underholdende og kvalitativt innhold som skal være lett tilgjengelig. For at det skal være lett tilgjengelig bygger nettstedet derfor på teknologier som støtter semantisk web, søkeoptimalisering (SEO) og tilgjengelighet for brukere med nedsatte funksjonsevner (WAI), universell utforming og ISO/IEC 40500. Videre er det selvfølgelig støtte for alle typer enheter fra håndholdte mobiltelefoner, smartklokker og smarttelefoner, samt nettbrett, laptoper, desktoper og Smart-TV. |
|
| |
|
| ==Problemer med hamburgerknappen === | | ==SoMe== |
| Selv om de tre strekene = har blitt ganske vanlig i responsive websider (i portrettmodus), så finnes det de som er kritiske til menneske-maskin interaksjonen. Luis Abreu har skrevet en grundig artikkel og gitt eksempler på hvorfor hamburgerknappen og ''hamburgermenyer'' ikke er optimale i interaksjonsmiljøer. Faktisk publiserte TechCrunch en artikkel skrevet av Josh Constine, som het «Kill The Hamburger Button». De kom frem til at dette semantiske navigasjonsmenyikonet faktisk kan være vanskelig å oppdage på en nettside, eller en applikasjon. Alle navigeringsalternativene som du gjemmer bak hamburgerknappen vil derfor bli brukt mye mindre enn vanlige menyer. Dessuten er de mindre effektive og lite oversiktlige, fordi brukerne gjerne først må åpne selve menyen, før de gis muligheten til å se og nå sine mål til å komme videre. Dessuten kan hamburgerknappen skape konflikter mellom forskjellige plattformers navigasjonsmønstre, da forskjellige operativsystemer også bruker hamburgerknapper på kollapsende menyer.
| | LiavaagWiki bygger på delingskultur og brukergenerert innhold. For tiden er det [[Spesial:Statistikk|{{NUMBEROFARTICLES}}]] artikler på wikien. Begrepet Web 2.0 brukes ofte synonymt med sosiale nettsteder, sosiale nettverk, sosiale medier, nettsamfunn og virtuelle samfunn. Wikien fungerer som et slags betaprosjekt, så derfor er verken wikien eller diskusjonsforumene på LiavaagWiki åpent for besøkende. Dette på grunn av veldig stor pågang, og derfor vandalisme og spam. |
| | |
| I hovedsak kan man si at hva som er ute av syne også er ute av sinnet. Eventuelle navigeringsalternativer som skjules bak hamburgerknappen vil derfor bli glemt, eller i det minste brukt mye mindre. Dette gjelder særlig for menyer som ligger på siden. Det hjelper heller ikke å legge hamburgerknappen øverst i høyre hjørne, slik den opprinnelig ble på Xerox Star. Bruker du smarttelefon med bare høyrehånda, så er dette det vanskeligste stedet å nå! Tilsvarende blir det selvfølgelig for høyrehendte brukere der ''hamburgermenyen'' er plassert øverst på venstre hjørne.
| |
| | |
| ==Ingen løsning==
| |
| Mye har vært skrevet om problemene, men løsningen er fortsatt ikke klart for alle! Luis Abreu mener at det kan være noen svært sjeldne tilfeller der hamburgerknappen kan være praktisk, men den generelle regelen er å unngå den helt. Løsningen for bedre og grunnleggende menneske-maskin interaksjon på nettsider kan være å gjennomgå informasjonsarkitekturen på nettstedet. Når det kommer til applikasjoner på håndholdte enheter, så kan en fanelinje med bruk av semiotikk (ikoner eller farger) være en løsning på bedre menneske-maskin interaksjon.
| |
| | |
| [[Fil:Hamburgerknappen.jpg]]
| |
| | |
| ==Kilder==
| |
| *Smashing Magazine ved Jordan Moore (2012-10-08). ''The Semantic, Responsive Navicon''. [ONLINE] Tilgjengelig: http://www.smashingmagazine.com/2012/10/08/the-semantic-responsive-design-navicon/ [2015-05-01]
| |
| *TechCrunch ved Josh Constine (2014-05-24). ''Kill The Hamburger Button''. [ONLINE] Tilgjengelig: http://techcrunch.com/2014/05/24/before-the-hamburger-button-kills-you/ [2015-05-01]
| |
| *Luis Abreu (2014-05-14). ''Why and How to Avoid Hamburger Menus''. [ONLINE] Tilgjengelig: https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/ [2015-05-01]
| |
| *Wikipedia ved Bevo (2015-04-24). ''Responsive web design''. [ONLINE] Tilgjengelig: http://en.wikipedia.org/w/index.php?title=Responsive_web_design&oldid=659044931 [2015-05-01]
| |
| *Wikipedia ved Rich Farmbrough (2015-04-15). ''Hamburger button''. [ONLINE] Tilgjengelig: http://en.wikipedia.org/w/index.php?title=Hamburger_button&oldid=656546602 [2015-05-01]
| |
| *Wikipedia contributors (2015-04-28). ''Triple bar''. [ONLINE] Tilgjengelig: http://en.wikipedia.org/w/index.php?title=Triple_bar&oldid=659627670 [2015-05-01]
| |
| *Fileformat.info ''Unicode Character 'IDENTICAL TO' (U+2261)''. [ONLINE] Tilgjengelig: http://www.fileformat.info/info/unicode/char/2261/index.htm [2015-05-01]
| |
| *Fileformat.info ''Unicode Character 'TRIGRAM FOR HEAVEN' (U+2630)''. [ONLINE] Tilgjengelig: http://www.fileformat.info/info/unicode/char/2630/index.htm [2015-05-01]
| |
| | |
| <div style="text-align:right; float:right; clear:both;">
| |
| <span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span>
| |
| </div>
| |
Diskuter ikke det opplagte
Liavaag.org er et privatdrevet nettsted som fokuserer på underholdende og kvalitativt innhold som skal være lett tilgjengelig. For at det skal være lett tilgjengelig bygger nettstedet derfor på teknologier som støtter semantisk web, søkeoptimalisering (SEO) og tilgjengelighet for brukere med nedsatte funksjonsevner (WAI), universell utforming og ISO/IEC 40500. Videre er det selvfølgelig støtte for alle typer enheter fra håndholdte mobiltelefoner, smartklokker og smarttelefoner, samt nettbrett, laptoper, desktoper og Smart-TV.
SoMe
LiavaagWiki bygger på delingskultur og brukergenerert innhold. For tiden er det 71 artikler på wikien. Begrepet Web 2.0 brukes ofte synonymt med sosiale nettsteder, sosiale nettverk, sosiale medier, nettsamfunn og virtuelle samfunn. Wikien fungerer som et slags betaprosjekt, så derfor er verken wikien eller diskusjonsforumene på LiavaagWiki åpent for besøkende. Dette på grunn av veldig stor pågang, og derfor vandalisme og spam.