Penguin Random House UK har gjennomgått det første store redesignet av sin online-tilstedeværelse siden to publiserende giganter fusjonerte i 2013. Formålet med å reassert sine merkevarefortellinger i en markedsplass dominert av online-selgere som Amazon, fokuserer det nye designet på å utvikle et forhold til selskapets lesertall.

Designet av Brighton-basert designkonsulent Clearleft og utviklet av London-baserte Cognifide , PRHs nettsteder er delt inn i et B2C-forbrukerområde, og et B2B-bedriftens nettsted.

001

Penguin Random House relaunched nettsteder; For forbrukere (topp) og for næringsliv (bunn).

Design Ukens rapporter at PRH gjennomførte forskning via sitt "Consumer Insights Panel" med opptil 3000 kunder, inkludert 200 ansikt til ansikt samtaler. Dette førte til at de konkluderte med at det primære målet for lesere som besøkte nettstedet var "å komme nærmere forfatterne og karakterene de elsker."

Som et resultat av dette innsiktet fokuserer det nye forbrukerområdet tungt på kvalitetsinnhold, med forfatterprofiler av forfattere som Nick Hornby og F. Scott Fitzgerald; og interaktivt innhold, for eksempel podcast-intervjuer med likeså Neil Gaiman, og Elvis Costello.

Begge nettstedene er, som du forventer, fullt mottakelig. Og spesielt de mobile størrelsene er et glimrende eksempel på hvordan å organisere mye innhold i en liten visningsport. Uansett om det skyldes feilkommunikasjon mellom ulike etater eller på grunn av en tett byggetid, angivelig bare 12 uker, er det en rekke problemer som alvorlig kompromitterer nettstedets UX.

En av Penguin-merkets mest karakteristiske signifikanter er den lyse oransje ryggraden på bøkene, som har blitt omhyggelig ansatt på forbruksstedet som navigeringsbjelke - vertikalt til venstre for store skjermer, horisontal på toppen for mindre skjermer. Den bruker en hamburger-meny, selv på skrivebordet, for å gi rask tilgang til koblinger; Den frelsende nåde (for de som hater hamburgere) er at koblingene som er obfuscated, stort sett overstiger kravene, siden primærnavigasjonen er inline-linker.

002

Dessverre er navigasjonen ikke så intuitiv som den kunne (eller burde) være. Utforsk vårt verdensbanner som hilser deg når du kommer på nettstedet, inneholder en rekke talebobler med etiketter som "Lese lister", "Møt våre forfattere" og "Spørsmål og svar", det er enda en spillvideo-knapp; Mangelen på en konvensjonell meny betyr at disse etikettene ser etter hele verden som lenker, men de er ikke.

Navigasjon fortsetter å være et problem når du beveger deg dypere inn på nettstedet. Hvis du for eksempel klikker på Finn din neste leselink , leser breadcrumbnavigasjonen (som forvandler til en valgt inntasting for mobil) Hjem> Artikler> Finn din neste lesning, med de to første som fungerer som lenker. Men hvis du navigerer til en forfatters profil, leser breadcrumbs Hjem> Forfattere, med bare de førstnevnte som fungerer som en link. For å gå tilbake til forfatterens side og velge en annen forfatters profil, må du først gå tilbake til Hjemmet, og deretter navigere tilbake til forfatterne, og til slutt forfatterprofilen; eller stole på nettleserens tilbakeknapp. Det er et lite bruksproblem som egentlig burde ha blitt plukket opp på kvalitetssikringsstadiet, og foreslår at 12-ukersbyggingen kan ha vært en skygge for ambisiøs.

003

Breadcrumbs fungerer riktig (venstre) og breadcrumbs bare kobling til hjemmesiden (høyre).

Ytterligere bevis på en rushed lansering kan ses i avsnittet "Penguin LIVE" på hjemmesiden. Klart hadde ingen forventet en hendelse tittel så lenge som "Helen Dunmore: Emirates Airline Festival of Literature 2016" fordi mens den fungerer på skrivebordsstørrelser, og den fungerer på mobil, bryter linjens høyde i noen mellomstore størrelser, og hos andre innholdet i boksen bryter helt. Det føles veldig mye som den typen feil som kaster opp når det er en feil i forhold til det forventede innholdet, og det faktiske innholdet klienten skriver inn i deres skinnende nye CMS.

004

Innhold som brytes ned før en medieforespørsel går inn og skiller skjermen for mobilspesifikke størrelser.

Et annet problem er at nettstedets responsive layout ikke samsvarer med mye av kunstverket. Banneret annonsering et podcast intervju mellom Neil Gaiman og Richard E. Grant har et portrett av forfatteren. På mobil blir det et skudd av litt gotisk tapet, men i visse tablettstørrelser er det et skudd av et disembodied øre. Bakgrunnsposisjon er ikke et avansert konsept disse dager - faktisk øverst til venstre er standardadferansen, så noen brøt dette med vilje; igjen virker det som om CMS er bygget uten fleksibilitet til å håndtere flere justeringer i kunstverket, eller ingen har trent innholdsproduktene hvordan de skal bruke den.

005

Neil Gaiman (venstre), et øre (senter), spooky gotisk bakgrunnsbilde (høyre).

For designere er en av de mest interessante aspektene ved redesignet i stand til å sammenligne og kontrastere B2C forbrukerside med B2B bedriftens nettsted . Sistnevnte har subtilere merkevarebygging, dypere typografi, og tonen er langt mer forretningsmessig. Det er mindre feil enn forbrukerområdet, hovedsakelig fordi det er mindre ambisiøst.

Det som er mest vellykket om PRH-relanseringsnettstedene, spesielt forbrukerområdet, er at du på ingen måte føler at du blir solgt noe. Den er strukturert for å oppmuntre leting og oppdagelse; Det stoler på at bøkene, som utgiveren lager sine penger til, vil selge seg selv.

Dessverre, glede av nedsenking i noe utmerket innhold, er for ofte begravet av små oversikter i brukergrensesnittet; oversikter som realistisk kunne bli løst på en ettermiddag.

Selvfølgelig er det umulig å trekke konklusjoner om et nettsteddesignprosess, historien som vi ikke direkte er med på. Vi vet ikke hvordan samarbeidende (eller på annen måte) klienten var, hvor høyt budsjettet var, akkurat det som ble fastsatt i korte. Hvis vi skjønner at Dribbble-bilder er spesielt enkle å produsere, må vi omvendt erkjenne at virkelige bygg er tøffe. Når det er sagt, føles dette som et nettsted som trengte en brøkdel mer oppmerksomhet på detaljer.

Dette er et nettsted som bokelskere kan gå seg vill i; bare ikke nødvendigvis på den måten de ønsker.