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 FlashXML.net, en Flash-komponenter marknadsplats.
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 FlashXML.net
Det finns en växande industri för upphovsmän som skapar Flash-tillgångar. Majoriteten av dessa så kallade Flash-komponenter (mer än 95% på webben idag) är egentligen bara redigerbara FLA-filer. FlashXML.net-teamet strävar efter att ställa in en ny standard genom att bygga de bästa Flash-komponenterna som är tillgängliga, fullständigt anpassningsbara utan att behöva Flash-programvara eller någon annan specialiserad färdighet än att använda musen. Vi har utvecklat Flash-komponenter i mer än fyra år nu, och vi planerar att blåsa bort dig med varje ny release!
Här är en skärmdump av hemsidan:
Inledande tankar
Mina första tankar för den här webbplatsen är ganska positiva. Det är attraktivt, välbalanserat och kommunicerar sitt meddelande tydligt. Färgpaletten använder standard trefärgsteknik med två primära färger (vit och svart) och en tonfärg (röd). Det finns gott om stark färgkontrast för att definiera varje sektion och hålla ögonen intresserade.
Totalt sett ett bra jobbat jobb! Låt oss ta en närmare titt och se om vi kan hitta något som behöver förbättras.
Rubrik
Det finns mycket som gick rakt i denna rubrik. Jag gillar verkligen den subtila grafiska bakgrunden: bara tillräckligt för att lägga till visuellt intresse utan att vara distraherande. Jag älskar också det sketchy temat som jag ser här och upprepas annorstädes på hela webbplatsen.
Ikonerna är enkla, attraktiva och genast läsbara. Designern gjorde ett utmärkt jobb med att ta massor av information och minska den till ett mycket litet och lättläst utrymme. Detta är definitivt ingen lätt feat.
Med det sagt, när jag tar in huvudet som helhet, känns det definitivt som att det finns många saker som tävlar för min uppmärksamhet. Rubriker, underrubriker, två navigeringsmenyer, försäljningsplatser, en sökfält, sociala ikoner, allt har en anledning och ett syfte så jag är inte säker på att jag skulle rekommendera att döda någon av det, men en mycket liten omstrukturering av hierarkin kan gå långt.
Ett av de bästa sätten som jag har funnit för att tänka på den visuella hierarkin är att minska designen till enkla former och analysera fördelningen av blankytan och hur den hänför sig till volymen för varje element. Här är huvudhuvudets huvudlayout:
När jag tittar på denna fördelning, känner jag mig inte nödvändigtvis att allting gör ett särskilt bra jobb med att stå ut när det gäller storlek och vittomrymme. För att strukturera din design lite bättre, försök välja det viktigaste och ge det en uppenbar ökning i visuell volym jämfört med de andra elementen.
Vilket stycke detta i slutändan kommer ner till valet av designern och klienten, men låt oss säga att du ville ha rubriken som den primära fokuspunkten här, du kanske tänker på området för att se mer ut så här:
Det är en subtil förändring, men när den införlivas i den verkliga designen, skulle detta definitivt rikta mycket uppmärksamhet åt rubriken. På samma sätt, om du vill lägga större vikt vid de sketchy elementen kan du komma med följande fördelning:
Kroppsinnehåll
Sidhuvudet och sidfoten rymmer både ton textinnehåll, så det är bra att det här avsnittet är ganska visuellt i naturen, eftersom det hjälper till att skapa balans och lite ögonljus för dem som letar efter det.
Till skillnad från rubriken, som kan använda en viss omstrukturering, har detta område en riktigt bra layout bestående av tre visuellt distinkta men väl integrerade sektioner. Här ser vi en återkomst av det skisserade utseendet till vänster, en stor användning av upprepning.
Jag gillar verkligen den lilla? Bli medlem? låda. Det är attraktivt element som sticker ut bra medan det är konsekvent. Boxens design är en perfekt bild av nuvarande designtrender, med hjälp av subtila gråar i kombination med de populära enkla pixelsträckorna.
En sak i det här avsnittet som får mig att tänka är provet Flash-komponent. Det slår mig att på en webbplats med det primära målet att sälja Flash-komponenter måste jag rulla väldigt långt för att se en i åtgärd. Om en fullständig redesign någonsin finns i verk, rekommenderar jag att du bygger upp rubriken runt en av dessa bildreglage.
Det är bra att visa besökare genast ett stort, imponerande exempel på den produkt som används. När allt kommer omkring, om du inte verkar kunna integrera dina produkter som ett viktigt designelement, hur ska jag?
Produktsida
Håll dig på hemsidan, ta en titt på några av de enskilda produktsidorna. De är faktiskt verkligen smarta. Återigen ser vi ett solidt exempel på att ta en otrolig mängd information och jämn interaktion och organisera den till ett mycket användbart och attraktivt utrymme. Jag gillar användningen av ljusa primära färger och den boxdrivna organisationsstrategin. Det här är definitivt en sida till bokmärke och kolla in nästa gång du kämpar för att förenkla en upptagen e-handelssida.
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.