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 IdentyMe, ett gratis virtuellt visitkortstjänst. 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 IdentyMe
IdentyMe är en tjänst för tillverkning av virtuella visitkort. Samla alla dina kontakter på ett ställe och skapa en portfölj. Dela information med nya personer, hitta nya vänner och affärspartners.
Vi skrev nyligen om vikten av att ha ett digitalt visitkort och IdentyMe är det perfekta stället att börja. De har massor av professionella teman att välja mellan och till och med låta dig koda din egen. Funktionen här är verkligen imponerande: anpassade domäner, analytics, seo, mobil support, kontaktformulär och kartintegration och mycket mer.
Här är en skärmdump av hemsidan:
Första intrycket
IdentyMe är en utmärkt service med ett uppenbart mycket begåvat team av designers. Jag har gått igenom webbplatsen igen och igen och jag kan inte hitta mycket att klaga på. Det är en väldigt solid design som är vänlig, lätt att navigera och ser rätt i linje med moderna webbdesigntrender.
Om du skapar en webbtjänst och letar efter en bra design inspiration, finns det mycket att lära av hur dessa designers har kontaktat projektet. Låt oss ta en titt och se vad som fungerar och vad som inte gör det.
Navigering
Låt oss börja överst på hemsidan och arbeta ner. Navigeringen använder en enkel lista över textlänkar med tydlig synvinkel och nuvarande tillstånd. Jag gillar verkligen de subtila övergångar som används här och någon annanstans över hela sidan.
En annan fin touch här är att? Planer och prissättning? menyalternativet är fetstil. Det här är definitivt en av de första länkarna som jag alltid klickar på någon webbtjänst som jag besöker och jag uppskattar verkligen designersna med avsikt att göra det på ett sådant sätt att det är lätt att hitta. Vissa går så långt som att dölja prissidan så att du verkligen måste jobba för att hitta den men jag tycker att det är en snygg taktik. Om du inte skäms över ditt prissättningsprogram finns det ingen anledning att gömma det.
Ett leende ansikte
Bilden ovan visar den centrala grafiken på hemsidan. Det här är den del av webbplatsen som tar tag i din uppmärksamhet så snart du laddar hemsidan så det måste vara perfekt. Lyckligtvis har bilderna de valt väldigt bra.
Det leende ansiktet är vänligt och välkomnande och det faktum att det illustreras ger en avslappnad känsla som gör att tjänsten verkar så mycket mer tillgänglig.
Den verkliga nyckeln till denna bild är dock effektiv kommunikation. När jag slutar med en webbtjänst bestämmer jag vanligtvis inom några sekunder om jag ska anmäla mig eller inte. Det betyder på en vansinnigt kort tid, du måste fånga min uppmärksamhet, kommunicera vad din tjänst är och övertyga mig om att jag behöver det.
Jag tror att detta avsnitt effektivt drar av det här. Rubriken är enkel och kortfattad: Skapa ditt virtuella visitkort! Ikonerna illustrerar tydligt konceptet bakom tjänsten: drar mycket information till ett litet litet virtuellt utrymme. Ikonerna är definitivt lite generiska och oklara, men det här behandlas med enkla svängningseffekter som visar dig meningen med varje:
I en delad sekund kan jag omedelbart berätta vad det här handlar om. Om jag vill fråga ytterligare, finns det en stor, ljus knapp som säger? Se alla funktioner? att ta mig vidare. Hela användarupplevelsen här är noga strukturerad och den visar.
Logo sektion
Längre under bilden är en stor identitetsavdelning som berättar webbplatsens namn och deltar lite längre in i vad webbplatsen gör. Tänk på att detta är allt ovanför veckan? även på en 13-tums bärbar dator så att du ser den här sektionen och den föregående alla som en enda gruppering.
Jag är snabb att kritisera logotypen men jag tycker att den här är bra. Det bryter ingen ny mark i branding men det är enkelt och lekfullt medan det är lätt att läsa. Det matchar också perfekt med sidans färgschema.
Tagline
Slutligen når vi det första som jag inte gillar på den här sidan. Tagline under logotypen behöver lite arbete både visuellt och konceptuellt. Jag tycker inte riktigt om hur den första raden läser, jag tror att hela saken skulle kunna omfördelas för att vara lite mer koncis och tjäna som ett starkt tillvägagångssätt.
Vidare är spårningen på typen bara lite för tight. Bokstäverna ser alla skrynklade ihop, en effekt som förstoras av det kondenserade tecknet. Jag tror definitivt att detta skulle kunna lösas upp lite för att det ska bli läsbarhet.
Snabb kontot skapande
En annan viktig faktor som hjälper till att bestämma om jag registrerar mig för en webbtjänst är registreringsprocessen. Om det är mer än några enkla fält, går jag snabbt vidare. Att registrera dig för en tjänst som denna ska vara enkel. Du behöver inte min gatuadress och livshistoria än, få mig i dörren med en enkel form.
IndentyMe gör exakt rätt på hemsidan. Det finns en fin, stor anmälningsblankett som bara kräver ditt inloggningsnamn, e-postadress och lösenord. Du vet bra och bra att en virtuell visitkortstjänst kommer att behöva mycket mer information, men de väljer att samla denna information senare när du faktiskt bygger din webbplats. Det här är en bra strategi som du definitivt bör överväga att tillämpa på din egen registreringsprocess.När någon någonsin har passerat det mentala blocket att anmäla sig, kommer de att vara mycket mer villiga att kuga runt och investera lite tid på att skapa en profil.
Funktioner Översikt
När du väl kommit längst ner på sidan hittar du det riktiga köttet så mycket som informationen går. Här får du din första riktiga glimt på funktionen med en repetition av ikonerna ovanifrån.
Jag gillar att du bara får en dos av funktionerna här utan en överväldigande lista. Jag känner mig som om det borde vara en subtil länk här, men det leder dig till hela sidan med funktioner. Vi pekade redan på knappen för det här högre på sidan, så det kanske inte är nödvändigt, men det är en tanke.
Den fullständiga sidan är också vacker också. Jag älskar hur den formateras som en roundup: 15 anledningar att du kommer att älska IdentyMe. Detta är super engagerande och den trevliga stora grafiken drar mig verkligen in.
Demovideo
En sak som gör mig här är att att klicka på demovideoen längst ned till höger tar dig av platsen. I allmänhet vill du undvika att ge människor distraktionen att ta bort dem från din webbplats. Jag tror att klicka på iMac ska ta upp en inbäddad videospelare istället.
Tema Design
Denna tjänst handlar verkligen om den webbplats som användarna får bygga, så jag tycker att det är viktigt att även diskutera temat designen. Det finns knappt 25 förbyggda teman som du kan välja mellan för ditt virtuella visitkort.
Det finns ett bra utbud att välja på här. Som med alla lagerdesign gallerier finns det definitivt några riktigt ostiga alternativ som Facebook-parodi, men jag är säker på att det finns gott om kunder som bara älskar det där.
Ännu viktigare, det finns också några minimala, attraktiva teman som jag tror kommer att vädja till designmedvetna människor. Sammantaget är det en anständig samling och återspeglar den ganska höga designprioriteten som du kan se hela tjänsten. Om jag kunde säga en sak för att förbättra alla teman, skulle det vara att ta med någon som verkligen förstår typografi för att hjälpa till att strama upp mönstren lite och få dem att känna sig renare.
Slutsats
Sammanfattningsvis erbjuder IdentyMe en väldigt användbar tjänst och de bygger upp den med solid design. Det finns några små tweaks som jag skulle vilja göra för att justera textspårningen och inbädda demo vide, men annars tycker jag att designersna har gjort ett stellärt jobb.
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.