Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Discoveries Magazine, en medicinsk forskningspublikation. Låt oss hoppa in och se vad vi tycker!
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 49 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.
Om Discoveries
? Discoveries Magazine är Cedars-Sinai's flaggskeppspublikation om medicinsk forskning och dess inverkan på patientvård. Publiceras två gånger om året, upptäckter visar spänningen i vetenskaplig upptäckt och de män och kvinnor som dra nytta av det.
Här är en skärmdump av hemsidan:
Nu när vi känner till webbplatsen, låt oss dyka in och diskutera designens fördelar.
Den goda
Det finns mycket jag tycker om den här designen, så låt oss börja med att diskutera alla saker som gick direkt i designen. Vilka är dess starka punkter? Vad kan vi lära av det som designers?
Ren design
Det första jag märker om upptäckter är att designen är extremt ren. Färgerna på webbplatsens bakgrund och struktur är dämpade och diskreta, vilket gör att innehållet verkligen lyser. Jag är inte distraherad på något sätt, mina ögon skjuter direkt till innehållet. Det här är en imponerande prestation som många designers kämpar med när man jobbar på en tunghetsplats som en tidning.
Layout Awesomeness
En stor del av? Ren? karaktären på denna webbplats är layouten. Det har gott om utrymme och innehållet är snyggt organiserat på ett tydligt hierarkiskt sätt. I stället för allt som konkurrerar för min uppmärksamhet, finns det en tydlig väg för kommunikation. Det är en vacker sak.
Den bästa delen: det är lyhörd. Webbplatsen anpassar sig obehindrat som visningsporten ändras. Vi börjar med ett statiskt rutnät vid full skrivbordsstorlek, som träffar en brytpunkt, faller längst till höger kolumn och växlar sedan till ett kolonn med två kolonner. En ytterligare brytpunkt används för att föra ner det till en enda kolonnens vätskegrid. Så enkelt, så effektivt. Jag älskar det.
Anpassade illustrationer
Jag tycker att min favorit sak om denna sida är de (till synes) anpassade illustrationerna som är utspridda i hela artikeln. Lager bilder är en sak, men illustrationer som detta har ett sätt att ge din webbplats en personlighet och ett varumärke. Det är en av anledningarna till att jag alltid har älskat A List Apart så mycket.
Till en visuell kille som jag, så stämmer bilderna så här i publikationen. Du måste ha en anständig budget om du beställer anpassat konstverk, kan det här vara mycket dyrt!
Dessa illustrationer verkar vara quirky och unika. Jag är inte säker på om de är från samma artist eller inte, men de har alla en mycket liknande känsla. Håll dem komma.
Markera viktigt innehåll
Jag slår på hierarkin i en tidigare sektion, men det är viktigt att påpeka hur effektivt det är att lyfta fram viktigt innehåll. Den här webbplatsens designers gör det i samma enkla men effektiva stil som de har använt för allt annat.
Jag är ett stort fan av bildreglage och det här är exakt vad en annars väldigt grundläggande sida behöver ta till användarens uppmärksamhet och lägga till lite engagemang.
Det dåliga
Som du kan se gillar jag verkligen utseendet på denna sida. Det finns mycket som designarna har rätt. Men det här är en kritik är det inte? Låt oss hoppa in i de områden som kan använda en liten förbättring.
Generisk design
Det finns en fin linje mellan djärv minimalism och generisk design, och det är verkligen knepigt att falla på den tidigare sidan av den ekvationen. För all beröm som jag har gett för layouten och? Ren? titt på webbplatsen, jag kan inte skaka känslan av att allt ser lite ut tråkigt och generiskt.
Det finns något om det som bara skriker,? Jag tog tag i den populäraste mallen från ett WordPress-galleri.? Det finns några avsnitt som bekämpar den här känslan, till exempel rubriken:
Det ser bra ut. Stilsorten är unik och har tecken (som illustrationerna) och du har en fin färgstänk. Men det är här det stannar. Repetition är nyckeln till bra design, men jag ser inte den här stilen upprepas någonstans. Använd den färgen för att fånga min uppmärksamhet på andra ställen runt sidan och kasta i några rubriker med en lång, kondenserad typsnitt.
Det bästa sättet att få en känsla för hur man slår mot generisk design är att titta på liknande webbplatser som framgångsrikt har dragit av en stark personlighet och varumärke. En sådan webbplats är Relevant Magazine, en publikation med designers som jag har beundrat i åratal.
Liksom med upptäckter har Relevant en ren design med stor hierarki och massor av blankutrymme. Men till skillnad från upptäckter är webbplatsen överflödig med repetition och små designomslag som bekämpar ideer som webbplatsen bygger på en mall.
Paginering
Kollar på webbplatsen kom jag över ett problem som diskuteras varmt i onlinepublikationer: pagination. Varje webbplatsägare älskar sidvisningar. Vi vill ha så många som vi kan få.
En dag insåg någon att de kunde öka sina sidvisningar dramatiskt med en enkel teknik: sprida bara ditt innehåll på flera sidor! Det är vad som verkar hända på den här webbplatsen:
Som du kan se är denna artikel uppdelad i en hel del sex sidor (de flesta var faktiskt nio eller tio!). Varje sida är inte super lång och innehåller bara cirka sex stycken. Det här medför massor av sidåterladdning när du läser igenom innehåll på webbplatsen. jag kan kanske se någon som gör ett argument om att uppdelningen av innehållet här på något sätt är bra för användaren, men jag tycker verkligen inte att det gäller här.
Om du är riktigt död inställd på denna pagination taktik, åtminstone kasta med en knapp som gör det möjligt att se innehållet allt på en sida. Detta ger användarna möjlighet att bestämma vad som är bäst för dem.
Slutsatser
I slutändan tror jag Discoveries Magazine har en fantastisk start att arbeta med. De har solidt innehåll (jag har sugit i några gånger medan du skriver denna kritik), och deras organisation för det innehållet är fantastiskt.
De två huvudområdena som de behöver fokusera på är att bekämpa den generiska mallens känsla i designen med en starkare varumärkesvarv och att förbättra hur innehåll presenteras i specifika inlägg.
Din tur!
Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan att det blir några svåra förolämpningar.