Hvordan å designe nyhetssider
Nylig foreslo en venn at jeg skriver en analyse av nyhetsnettsteder: hva de gjør riktig, og hva de gjør feil. Han foreslo at den elektroniske nyhetsopplevelsen var for bakover, og kanskje litt kjedelig, og skjønte at de kunne gjøre bedre bruk av AJAX og lignende teknologier for å strømlinjeforme innholdsleveranse og sidebeskrivelse.
Jeg var tilbøyelig til å være enig først. Jeg føler at aviser i mange tilfeller fortsatt prøver for hardt for å opprettholde den fysiske avisopplevelsen, men med en glidende bilde-tilnærming. Ved å gjøre dette begrenser de ofte seg til et kjent, men noe begrensende visuelt format. Denne trenden viser seg også i noen svært fattige UX-avgjørelser, for eksempel nesten ulovlig liten kroppstekst.
Jeg vet at det har blitt sagt før, men nettet, som et visuelt medium, er flytende. Det er komplekst. Det er vakkert. Og kanskje viktigst, det er i stand til så mye mer enn mange mennesker innser.
Så når vi ser hvor mange store nyheter som begrenser seg, er det skuffende i lys av hva som kan gjøres ved å gjøre mer bruk av AJAX.
Eller kanskje ikke…
Alt kommer ned til mobilopplevelsen
Nærmere bestemt kommer alt ned til mobilopplevelsen til de fleste mobilbrukere. Det ser ut til at mange nyhetskilder ikke tar hensyn til disse brukerne ennå. Sikker, mange nyhetskilder har lagt ut en innfødt app for Android og iOS, men mange mobilbrukere har en tendens til å laste ned disse appene, og deretter aldri noen gang berøre dem igjen.
Mange av oss går ikke på å bla på nyhetssider for regelmessig skyld. De fleste av oss vil trolig klikke på en lenke som tilbys av en venn, slektning eller internettpersonlighet hvis smak vi stoler på. Vi klikker på eller klikker på koblinger som tilbys til oss via sosiale nettverk, e-post, RSS-feeder eller koblinger i andre artikler. Disse koblingene tar oss ikke til en gitt app, men til et nettsted. Derfor bør alle nyhetswebsteder være mobile klare.
Så hva er problemet? Hvorfor kunne vi ikke oppgradere disse nyhetene med tonnevis av kule ting? iPads og Galaxy Tabletter har alt i alt funksjonsrike nettlesere, og anstendig prosessorer.
Likevel er det to store argumenter for å holde nyhetswebområder så minimal og teknologisk enkle som mulig ...
båndbredde
Nyhetsnettsteder, som hovedregel, viser mye informasjon på hver side. Hjemmesiden har en tendens til å være den verste lovbryteren, med de 3-5 siste artiklene fra hvert annet emne, som venter på brukerens oppmerksomhet, komplett med bilder og noen ganger flere karuseller. Legg til ekstra JavaScript på toppen av det, og du har en mobilbrowser som laster ned en forholdsvis stor mengde informasjon.
Mange mobile brukere blar gjennom disse nettstedene på steder der det ikke er gratis Wi-Fi, og mange mobiltelefondataplaner har begrensede båndbreddekapsler. Legg til dette ved at selv på wi-fi, mange tabletter og smarttelefoner ser ut til å surfe på nettet ganske sakte, og du har et sterkt tilfelle for å kutte ned på fancy ting.
Ikke alle har en rask mobil enhet
Da min venn foreslo at nyhetsnettsteder kunne bli gjort mer UX-vennlige med mer AJAX-kjærlighet, måtte jeg påminne meg om at han har en iPad. iPads er raske og glatte.
Jeg ble nylig gitt min første tablett. Det er en Hipstreet Titan . Jeg gir et øyeblikk til mine andre teknofiler for å fordøye det faktum, og kanskje Google det, fordi den modellen er ganske uklar.
Å være en billigere nettbrett, er tregere enn high-end tabletter som alle drømmer om i disse dager. Det er bare et faktum. Et annet faktum er at folk som har råd til billige tabletter og smarttelefoner, overgår de som har råd til de kuleverdige tabletter og smarttelefoner.
Generiske merker, knock-offs og sakte prosessorer: Dette er hva de aller fleste av oss vil bruke til mobil maskinvare blir billigere.
På enheter som meg er det ikke bare wi-fi som er sakte. Sidegengivelse er treg, og JavaScript-animasjoner er i det minste hakkete. Noen ganger er det et slag bare for å bla opp og ned. Forresten er nyhetssider som er tunge på karusellvirkningen og myriade bilder de verste lovbryterne.
Noen av smerten kan kompenseres ved å finne den riktige nettleseren for enheten din. På min nettbrett, det er Opera Mobile. Likevel, nettsteder som ikke er optimalisert på noen måte for mobile enheter, vil være irriterende for eiere av billigere modeller, og det er ikke slik at du holder leserne tilbake for mer.
Så er det noen som gjør det riktig?
Selvfølgelig er det. Mens det ser ut til at de fleste av de store nyhetene er avhengige av innfødte apps, har noen få modige sjeler gjort gode, responsive nettsteder.
The Boston Globe
Dette eksemplet er trolig det opplagte på grunn av sin popularitet. Avsløring av Globe er lydhør design ble mye publisert og lovet innen design samfunnet, og med god grunn.
Til tross for den store mengden informasjon på siden, forblir designen forholdsvis ren og ryddig, med koblinger stor nok til å trykke på. Bildene holdes små og brukes nesten sparsomt.
Den overordnede effekten er at de har klart å få det til å se ut som en avis, og fortsatt få det til å fungere som et nettsted. Deres fokus på typografi og design er rent av rot og bilder gjør nettsiden til en glede å navigere gjennom på min nettbrett, og ja, jeg kan bla opp og ned når jeg bruker min nettbrett.
Løken
Selv om det faktisk er en låtsyhetsnyhet, Løkens layout ser veldig ut som Boston Globe er på noen måter: tre kolonner som krymper ned til to, deretter en osv. Likevel fungerer tilnærmingen, og det er det som teller. Tabletten min kan håndtere den. Fra nå er det det store salgsargumentet for et hvilket som helst nettsted.
Time Magazine
Time Magazine er ikke teknisk et nytt nettsted, så jeg skal ikke gi det sitt eget sett med skjermbilder, men hvis du vil se en annen utmerket bruk av den responsive tre-kolonne klassiske nyhetsoppsettet, sjekk det ut her .
Siste nytt
Siste nytt helt forlater avisens visuelle metafor til fordel for en app-lignende tilnærming. Det er egentlig en fancy RSS-leser, og artikkeltitlene knytter til andre nyhetssider, men deres tilnærming til responsiv design kan enkelt tilpasses enhver nyhetsorganisasjon.
Jeg liker spesielt det faktum at, mens de imøtekommer mobile enheter, har de ikke forlatt stasjonære brukere ute i kulde. På min 1600 × 900 pixel skjerm strekker designen fra kant til kant uten å bryte.
Så hvordan lager vi bedre nyhetssider?
Vi starter med å ta bedre vare på mobilbrukere. Det forteller at mange som leser nyhetene, blir bragt til individuelle artikler av eksterne lenker. Du kan ikke stole på innfødte apps for å gi en mobil opplevelse for den uformelle leseren. Det virker bare ikke slik.
Det er ikke engang å nevne det faktum at mens iOS og Android for øyeblikket er de to mest populære mobile plattformene, er de ikke de eneste der ute. Folk på noe eldre smarttelefoner, eller de som bare har tilgang til mer uklare merker, blir stort sett overlatt.
Hvis tjenesten din handler om å gjøre informasjonen offentlig tilgjengelig, bør denne informasjonen være så plattformsengnostisk som mulig. Nok sagt. Når vi har gjort det, kan vi snakke om andre typer innovasjon og forbedring.
Hva anser du for viktig for nyhetssider? Hva er ditt favorittnyhetsnettsted, og hvorfor? Gi oss beskjed i kommentarene.