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 Gadget-O, en webbplats om roliga prylar!
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 Gadget-O
Gadget-O är en webbplats med inspirerande och kreativ design. Det finns fem avsnitt att bläddra igenom, tech, bostadsutrymme, wearables, transporter och sport, allt med massor av bra idéer, uppfinningar och mönster. Oavsett vad du är med, kan du inte låta bli att uppskatta den fantastiska uppfinningsrikedom som visas här.
För att vara ärlig tog det mig för evigt att skriva denna kritik för att jag fortsatte att bli distraherad av alla de coola sakerna som finns på webbplatsen! En skål som håller din mjölk och spannmål separerad, en väska som gör att din smörgås ser mögelaktig så ingen kommer att stjäla den, en cykel som viks i en ryggsäck; otrogen slutar aldrig.
Här är en skärmdump av hemsidan:
Horisontell rullning? Är det någonsin bra?
Gadget-O-hemsidan är extremt enkel. Det finns en navigeringsfält och logotyp till vänster och ett flöde av bilder till höger.
Webbplatsen rullar horisontellt och innehåller fina, stora förhandsgranskningar av var och en av produkterna. Sidoskrollwebbplatser är verkligen svåra att dra av men den här gör det ganska bra. Tricket är att du alltid kan se en snygg titt på nästa produkt i raden. Detta gör det omedelbart uppenbart att webbplatsen rullar till sidan och eliminerar det besvärliga? Utseendet? skede.
Massor av designers kommer att berätta att du aldrig gör en horisontell rullning, men jag gillar inte att göra sådana svepande bedömningar. Den här sidan ser ut och känns bra med detta format och jag applåderar ansträngningen med en unik känsla.
Med detta sagt vill jag se en alternativ rutnätvy. Detta skulle inte bara tillfredsställa någon som inte är galen om den horisontella rullningen, det skulle göra ett bra sätt att bläddra mycket av innehållet snabbt om du inte befinner dig i en? En i taget? humör.
Sidebar
Sidospärren / navigeringen till vänster på webbplatsen är super enkel, vilket håller allt gott och enkelt att använda. Jag gillar verkligen den tunna, stora bokstaven och komprimerade typografi för menyn och bokstävs illusionen på skiljelinjerna.
Jag tror att designern gjorde ett bra jobb med logotypen också. Det är både minnesvärt och vänligt och ger verkligen webbplatsen en personlighet.
Lägg märke till hur all den sociala informationen passar perfekt med webbplatsens övergripande tema. Alltför ofta slänger designers bara sociala logotyper som en eftertanke och skapar fula ögon på en annars snygg sida. Denna designer tog sig tid att göra de sociala ikonerna både framträdande och attraktiva.
Gadget Previews
Varje gadget representeras av en stor låda som bara innehåller en förhandsgranskningsbild, titeln, en Facebook-knapp och en datum / taggavdelning. Den totala effekten är ganska minimal och attraktiv.
Varje miniatyrbild är faktiskt en bildreglage och ger dig flera förhandsgranskningar av gadgeten om du klickar på de små pilarna. Det här är en fantastisk funktion eftersom du inte alltid kan få en gedigen uppfattning om vad som finns i den första bilden.
Färgpalett
Färgpaletten är en av mina favorit saker om webbplatsen. För det mesta är det en mycket neutral palett med riktigt fina komplementära khaki / havregryn-ish toner.
Den sista färgen som visas ovan slår givetvis en skiftnyckel i temat, men jag tycker att det är på ett bra sätt. Den intensiva grön i logotypen hjälper det att skilja sig från resten av sidan och fånga uppmärksamheten. Det ger dock en bra kontaktpunkt till paletten istället för bara en skiftande förändring som dina ögon inte kan hantera.
Produktsida
När du klickar på ett projekt ser du en egen produktsida som den ovanstående. Liksom resten av webbplatsen ser det här bra ut? i början. Det är trevligt och har gott om användbar information och andra produkter att kolla in.
Jag var redo att ge det en stor tumme upp men då gick jag för att rulla ner och ingenting hände. Det finns extra innehåll som uppenbarligen är avskuren, men jag kan inte komma till det. Det finns inga rullfält och den rullande åtgärden verkar vara inaktiverad (jag checkade in Safari och Firefox på en Mac). Även om du ändrar storleken på ditt webbläsarfönster, visas inga rullfält någonsin.
Det är troligt att designern skapade sidan på en storskärm och helt enkelt aldrig kontrollerade den på en mindre (jag är på en 13-tums MacBook), men med tanke på förekomsten av bärbara datorer under de senaste åren är det här en ganska bra fråga.
Jag skulle definitivt rekommendera att ta en titt på denna sida och fixa det så snart som möjligt. För att vara rättvis kan 99% av innehållet ses fint på min skärm, men med det här felet är en otäck fläck på en nästan perfekt plats.
Helhetsintryck
Jag älskar verkligen gadget-o-webbplatsen. Innehållet är fantastiskt, till och med i beroende av beroendeframkallande, och jag kan säga att en hel del tanke sattes i utformningen av webbplatsen för att verkligen lyfta fram produkterna bra. jag kärlek det när designers tänker på innehåll först och skapar en design som fokuseras kring att visa upp det bra. Det fungerar helt enkelt så mycket bättre än att försöka klara innehållet i ett förformat visuellt tema.
Den här enkla, vackra platsen är nästan perfekt i min bok. Produktsidorna måste definitivt lösas så snart som möjligt och som jag nämnde tidigare skulle jag älska en valfri gird-vy på hemsidan, men annars kan jag bara säga att du fortsätter det bra arbetet!
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.