Penguin Random House UK har gennemgået den første store redesign af sin online tilstedeværelse siden to udgivende giganter fusionerede i 2013. Formålet med at genoprette sine brand fortællinger på en markedsplads domineret af online-sælgere som Amazon, det nye design fokuserer på at udvikle et forhold til selskabets læserskare.

Designet af Brighton-baseret designkonsulent Clearleft og udviklet af London-baserede Cognifide , PRHs websteder er blevet opdelt i et B2C forbruger site og et B2B corporate site.

001

Penguin Random House relancerede hjemmesider; for forbrugere (top) og for erhvervslivet (bunden).

Design uge rapporter at PRH udførte forskning via sit 'Consumer Insights Panel' med op til 3.000 kunder, herunder 200 ansigt til ansigt samtaler. Dette førte til, at de konkluderede, at det primære mål for læsere, der besøgte webstedet, var at "komme tættere på forfatterne og de tegn, de elsker."

Som et resultat af denne indsigt fokuserer den nye forbruger site stærkt på kvalitetsindhold, med forfatterprofiler af forfattere som Nick Hornby og F. Scott Fitzgerald; og interaktivt indhold, som podcast-interviews med likeså Neil Gaiman og Elvis Costello.

Begge steder er, som du ville forvente, fuldt lydhør. Og især de mobile størrelser er et glimrende eksempel på, hvordan man organiserer meget indhold i en lille viewport. Men uanset om der er tale om fejlkommunikation mellem forskellige agenturer eller på grund af en stram byggetid - angiveligt kun 12 uger - er der en række problemer, der alvorligt kompromitterer webstedets UX.

Et af Penguin-mærkerne mest markante signifikanter er den lyse oransje rygsøjle på sine bøger, der har været anset for at være ansat på forbrugerstedet som navigationsbjælke - lodret til venstre for store skærme, vandret øverst til mindre skærme. Det bruger en hamburger menu, selv på skrivebordet, for at give hurtig adgang til links; Den frelsende nåde (for dem, der hader hamburgere) er at de forbundne links stort set overstiger kravene, hvor sitet primære navigation er inline links.

002

Desværre er navigationen ikke så intuitiv, som den kunne (eller skulle) være. Udforsk vores verdensbanner, der hilser på dig, når du ankommer på webstedet, indeholder en række talebobler med etiketter som "Læse lister", "Mød vores forfattere" og "Spørgsmål og svar", der er endda en afspilning video knap; Manglen på en konventionel menu betyder, at disse etiketter ser ud til hele verden som links, men de er ikke.

Navigation fortsætter med at være et problem, da du bevæger dig dybere ind på webstedet. Hvis du f.eks. Klikker på Find din næste læse- link, læser breadcrumb-navigationen (som transformerer til en vælg indgang til mobil) Hjem> Artikler> Find din næste læsning, hvor de to første fungerer som links. Men hvis du navigerer til en forfatters profil, læser breadcrumbs Hjem> Forfattere, med kun de førstnævnte som et link. For at vende tilbage til forfatterens side og vælge en anden forfatters profil, skal du først vende tilbage til hjemmet og derefter navigere tilbage til forfatterne og endelig forfatterprofilen. eller stole på browserens tilbage-knap. Det er et lille brugbarhedsproblem, der virkelig burde have været hentet på kvalitetssikringsfasen, og foreslår, at 12-ugersbygningen måske har været en skygge for ambitiøs.

003

Brødsmuler fungerer korrekt (venstre) og brødkrummer knytter kun til hjemmesiden (til højre).

Yderligere bevis på en forhastet lancering kan ses i afsnittet "Penguin LIVE" på hjemmesiden. Det var klart, at ingen havde forventet en begivenhedstitel så længe som "Helen Dunmore: Emirates Airline Festival of Literature 2016", fordi den fungerer på skrivebordsstørrelser, og den fungerer på mobil, bryder linjens højde i nogle mellemstore størrelser, og i andre er indholdet i boksen går helt i stykker. Det føles meget ligesom den slags fejl, der opstår, når der er en fejlmatch mellem det forventede indhold og det faktiske indhold klienten skriver ind i deres skinnende nye CMS.

004

Indhold, der brydes ned, før en medieforespørgsel begynder og placerer skærmen for mobilspecifikke størrelser.

Et andet problem er, at webstedets lydhurtige layout ikke matches med meget af illustrationen. Banneret, der reklamerer for et podcast-interview mellem Neil Gaiman og Richard E. Grant, indeholder et portræt af forfatteren. På mobil bliver det et skud af lidt gotisk tapet, men i visse tabletstørrelser er det et skud af et disembodied øre. Baggrundsposition er ikke et avanceret koncept i disse dage - faktisk øverst til venstre er standardadfærden, så nogen har brudt dette med vilje; igen ser det ud til, at enten CMS'en er bygget uden fleksibilitet til at håndtere flere justeringer af kunstværker, eller ingen har uddannet indholdsproducenterne, hvordan de skal bruges.

005

Neil Gaiman (til venstre), et øre (center), uhyggeligt gotisk tapet (højre).

For designere er et af de mest interessante aspekter af redesignet i stand til at sammenligne og kontrastere B2C forbruger site med B2B corporate site . Sidstnævnte har subtilere branding, mere dæmpet typografi, og dens tone er langt mere forretningsmæssig. Det er mindre fejlbehæftet end forbrugerens websted, primært fordi det er mindre ambitiøst.

Hvad der er mest succesfuldt med PRH-genstartssites, især forbrugerwebstedet, er, at du på ingen måde har lyst til at sælge noget. Den er struktureret til at fremme udforskning og opdagelse; det stoler på, at de bøger, hvorfra udgiveren gør sine penge, vil sælge sig selv.

Desværre er glæden ved nedsænkning i noget glimrende indhold for ofte rammet af små oversigter i brugergrænsefladen; overvågninger, der realistisk kunne afhjælpes om eftermiddagen.

Selvfølgelig er det umuligt at drage konklusioner om en webdesignproces, hvis historie vi ikke direkte er part i. Vi ved ikke, hvordan samarbejdsvillige (eller på anden måde) klienten var, hvor højt budgettet var, præcis hvad der blev fastlagt i korte. Hvis vi erkender, at Dribbble-skud er særlig nemme at producere, så skal vi omvendt erkende, at virkelige bygninger er hårde. Når det er sagt, føles det som et websted, der krævede en brøkdel mere opmærksomhed på detaljer.

Dette er et websted, som bogelskere kan gå tabt i; bare ikke nødvendigvis på den måde, de gerne vil have.