Web Design Critique # 90 MOO.com

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 Moo, en fantastisk tjänst för utskrift av visitkort, vykort, gratulationskort och mer. 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 MOO

? MOO föddes ur en kärlek till vackert, högkvalitativt tryck. Utskrift har funnits i århundraden, och vi är verkligen inte den första skrivaren på webben. Men medan många andra skrivare har valt att använda ny teknik för att helt enkelt minska kostnaderna för utskrift (och ofta kvaliteten) strävar vi efter att göra utskrifter inte bara kostnadseffektiva men bättre än någonsin tidigare.?

? Vi vill ställa in en ny standard för utskrift, med anmärkningsvärda nya produkter som ger bra design och kompromisslös, hög standard på webben. Vi är bara unga, men när vi växer upp vill vi vara den bästa skrivaren på internet.?

Här är en skärmdump av hemsidan:


Första intrycket

Strax är det mycket att älska om MOO. Webbplatsen är väldigt attraktiv och har en ren, minimalistisk design som verkligen lyfter fram de stora, vackra produktbilderna. Inom sekunder kan jag tydligt se det, om jag vill få ut visitkort, har jag kommit till rätt plats. Eftersom visitkort är utan tvekan en stor del av MOOs affärer, presenteras de mycket framträdande i hela designen.

När jag tittar på för första gången gillar jag verkligen det jag ser. Mitt enda verkliga klagomål är bristen på en solid mobilupplevelse. Bevisat, jag kommer nog inte att försöka utforma visitkort på min telefon, men jag kan lätt föreställa mig en situation där en kollega ger mig ett nytt visitkort och berättar för mig att det kom från MOO, vilket fick mig att nå min telefon att kolla in sina priser och produkter.

Vad jag får i det här scenariot är den vanliga gamla fullstormade webbplatsen. Lite lyhörd tweaking skulle gå långt här. Den faktiska kortdesignen och beställningsprocessen involverar användningen av en anpassad Flash-app, vilket är bra för nu, men det finns ingen anledning att inte presentera en optimerad erfaren för mobila användare som bara vill kolla in webbplatsen.

Annat än det ser webbplatsen ganska bra ut. Låt oss hoppa in och göra vår standard målbaserade analys av designen.

Mina frågor som användare

Med tanke på naturen på denna webbplats tror jag att några av målen för designen skulle vara att ge svar på en rad frågor som jag kommer att ha när jag laddar upp den här sidan i min webbläsare. Här är ett ganska typiskt flöde av frågor som kommer att ta någon från nyfikenhet till genom att beställa:

  • Vad är MOO?
  • Vad säljer dom?
  • Hur mycket kostar det?
  • Hur lång tid tar det?
  • Hur kommer jag igång?

Om designen lyckas med att svara på dessa frågor på ett snabbt, enkelt och attraktivt sätt, så gör det sitt jobb. Om inte, måste vissa förbättringar göras. Låt oss ta en titt på var och en.

Vad är MOO?

Den första och främsta frågan gäller givetvis bara vad heck MOO.com gör, eftersom domänen inte är särskilt beskrivande, det här är viktigt! Lyckligtvis är en av de första sakerna jag ser på webbplatsen den här stora bannern.

? Vi hjälper dig och ditt företag att skapa bra visitkort, MiniCards och mer? det blir inte mycket enklare än det. Kombinera detta med en stor bild som visar ett par staplar visitkort och du har inget utrymme för tvivel om vad MOO gör.

Ett av de största misstag du kan göra när du utformar en webbplats antar att dina besökare vet vad du handlar om. Tveka aldrig att vara helt okomplicerad och förklara din verksamhet (verbalt och visuellt) så att även ett barn skulle kunna förstå.

Vad säljer dom?

Det här är verkligen en del av den tidigare frågan: MOO säljer visitkort, vi får det. Men det är inte allt de säljer, så hur lätt är det för mig att lära mig om alla sina produkter?

Som du kan se täcker de två första navigeringsmenyerna hela produktutbudet. Även om det här är min första gång på webbplatsen, kan jag ganska snabbt hitta vad jag letar efter, oavsett om det är avrundade hörnvisitkort eller klistermärken.

Ovanpå detta är min favoritfunktion på hemsidan: huvudbildområdet är faktiskt en stor skjutreglage som cyklar genom olika produkter som säljs av MOO.

Det här är fantastiskt och säljer verkligen mig på verksamheten. Den enda sak som jag skulle rekommendera här är att göra dessa miniatyrbilder ännu större (och möjligen också texten). Som ett exempel har MOO-konkurrenten Vistaprint fina stora lådor som tar mig igenom olika typer av produkter som de säljer:

MOOs design är mycket attraktivare, men det är lite lättare att snabbt hitta det du söker efter på Vistaprint (MOO gör det här på en separat sida här).

Hur börjar jag och hur lång tid tar det?

Båda dessa frågor besvaras genast på hemsidan också. Det finns en stor knapp på varje flik i skjutreglaget som tar dig till "make" Steg: Gör visitkort, gör minikort, etc.

Det finns också en stor banner som informerar dig om att nästa dag är rush-utskrift tillgänglig. Låt oss vara ärliga, utskriftskort är något som vi alla släpper fram till några dagar innan vi behöver dem, så det hjälper utan tvekan dem att få mer än några få minuters försäljning.

Vad kostar det?

Det här är det enda svaret jag inte hittar på hemsidan.Det kommer utan tvivel att vara en av de viktigaste frågorna som en potentiell kund kommer att ha. Ur MOO: s perspektiv kan jag se logiken bakom att få människor att investera i designfasen innan du tar ut prissättningen, men ur användarens perspektiv känner jag mig som att jag åtminstone bör få en liten smak av vad deras prissättningsstruktur är.

För att vara rättvis är det dock extremt lätt att hitta prissättning på någonting. Det visas tydligt i det första steget i designprocessen innan du laddar upp eller skapar något:

Det finns för många produkter med alltför många variationer för detaljer på allt på hemsidan, men kanske bara ringer ut att du kan få femtio kort för $ 20, eller någon annan prispunkt som de är stolta över, skulle ge användarna den snabba uppfattning om värde som de behöver för att driva dem mot förloppet.

Designprocessen

Det här är inte platsen att gå igenom hela processen med att beställa produkter på MOO, men det borde sägas att deras designprocess är väldigt smidig och lätt. Du kan välja mellan fantastiska designmallar, starta din egen design från början eller ladda upp en förbyggd design.

Jag beställer personligen personligen mina kort via MOO så jag vet först och främst att det här systemet fungerar väldigt bra, oavsett vilken rutt du väljer att gå. Även om du är en komplett design nybörjare, har deras system verkligen din hand med typ grafikplacering så att ditt resultat blir professionellt.

Återigen är det Flash, så det kan vara trevligt att en dag se något lite mer mobilvänligt här. Jag är frestad att säga att ingen skulle utforma ett visitkort på en iPad eller smartphone, men sanningen är att vi snabbt når en punkt där du fullt ut förväntar dig att kunna utföra innehållsskapande uppgifter på mobila enheter.

Slumpmässiga tankar

På det hela taget är MOO-webbplatsen ganska fantastisk. Vi har täckt alla viktiga saker, men här är några slumpmässiga priser och kritik som jag har.

Holiday Card Burst

Det finns för tillfället en callout på hemsidan för en semesterkortförsäljning, vilket är bra? förutom att det finns noll semesterkortsgrafik på hela sidan. Åtminstone kasta i en extra bild, just nu är skuren bara klädd över de andra icke-holida-kortskivorna, vilket kan vara lite förvirrande.

Ingen Printfinity Love?

MOO gör den här fantastiska saken där du kan skriva ut dina kort med så många olika baksidans mönster som du vill ha (Printfinity). Det är en väldigt cool funktion som verkar som att det skulle skilja dem bra, men jag ser inget om det på hemsidan. Kanske har de bestämt att det inte är ett populärt val bland kunderna. Om så inte är fallet tycker jag att det är värt en hemsida grafisk.

Accordionerna är fantastiska

Alla i hela webbplatsen används vertikala dragspel som ett primär UI-element. Det här är en riktigt fin touch eftersom de tillåter dig att lagra massor av innehåll i ett riktigt litet utrymme och är mycket användbara.

Tänk på mer av ett mänskligt närvaro

En sak som jag märker när jag tittar runt på hemsidan är att den är så steril och ren, vilket är bra, men en liten mänsklig touch går långt. Om du väntar tillräckligt länge för att se fliken vykort i reglaget (visas i bilden ovan) ser du en hel massa leende ansikten. Det här är väldigt trevligt och jag tror att lite mer innehåll som det här verkligen skulle hjälpa till att vänja platsen lite.

I designvärlden är ansikten magiska. Vi kan inte låta bli att dras till dem. Jag säger inte att det ska finnas en ostlikt lagerfoto kille på hemsidan med tummen upp, men kanske några fotografiska visitkort med några personer på dem någonstans.

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.