Web Design Critique # 90: MOO.com
Elke week bekijken we een nieuwe website en analyseren we het ontwerp. We zullen wijzen op zowel de gebieden die goed zijn gedaan als de gebieden die wat werk kunnen gebruiken. Ten slotte sluiten we je af met je eigen feedback.
De site van vandaag is Moo, een geweldige service voor het afdrukken van visitekaartjes, ansichtkaarten, wenskaarten en meer. Laten we erin springen en zien wat we denken!
Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We brengen $ 49 in rekening voor het bekritiseren van uw ontwerp - aanzienlijk minder dan u zou betalen voor een consultant om uw site te bekijken! Meer informatie vind je hier.
Over MOO
“MOO is ontstaan uit liefde voor mooie, hoogwaardige prints. Afdrukken bestaat al eeuwen en we zijn zeker niet de eerste printer op internet. Maar hoewel veel andere printers ervoor hebben gekozen om nieuwe technologieën te gebruiken om de afdrukkosten (en vaak de kwaliteit) eenvoudig te verlagen, streven we ernaar om afdrukken niet alleen kosteneffectief maar ook beter dan ooit te maken. ”
“We willen een nieuwe standaard voor print zetten, met opmerkelijke nieuwe producten die geweldig design en compromisloze, hoge standaarden op het web brengen. We zijn nog maar jong, maar als we groot zijn, willen we de beste printer op internet zijn. ”
Hier is een screenshot van de homepage:
Eerste indruk
Er is meteen veel om van te houden met MOO. De site is zeer aantrekkelijk en heeft een strak, minimalistisch ontwerp dat de grote mooie productfoto's echt benadrukt. Binnen enkele seconden kan ik duidelijk zien dat, als ik visitekaartjes wil laten afdrukken, ik hier aan het juiste adres ben. Omdat visitekaartjes ongetwijfeld een groot deel van MOO's zaken uitmaken, zijn ze zeer prominent aanwezig in het ontwerp.
Als ik voor het eerst rondkijk, vind ik het echt leuk wat ik zie. Mijn enige echte klacht is het ontbreken van een solide mobiele ervaring. Toegegeven, ik ga waarschijnlijk niet proberen visitekaartjes op mijn telefoon te ontwerpen, maar ik kan me gemakkelijk een situatie voorstellen waarin een collega me een nieuw visitekaartje overhandigt en me vertelt dat het van MOO kwam, waardoor ik naar mijn telefoon reikte om hun prijzen en producten te bekijken.
Wat ik in dit scenario krijg, is de gewone oude site op ware grootte. Een beetje responsive tweaken zou hier een lange weg gaan. Het daadwerkelijke kaartontwerp en bestelproces omvat het gebruik van een aangepaste Flash-app, wat prima is voor nu, maar er is geen reden om geen geoptimaliseerde ervaring te presenteren aan mobiele gebruikers die gewoon de site willen bekijken.
Anders dan dat, ziet de site er best goed uit. Laten we erin springen en onze standaard op doelen gebaseerde analyse van het ontwerp uitvoeren.
Mijn vragen als gebruiker
Gezien de aard van deze site, denk ik dat een aantal van de doelen voor het ontwerp zou zijn om antwoorden te geven op een reeks vragen die ik zal hebben wanneer ik deze site in mijn browser laad. Hier is een vrij typische stroom van vragen die iemand van nieuwsgierigheid tot bestellen zal brengen:
- Wat is MOO?
- Wat verkopen ze?
- Hoeveel kost het?
- Hoelang zal het duren?
- Hoe begin ik?
Als het ontwerp erin slaagt deze vragen snel, gemakkelijk en aantrekkelijk te beantwoorden, dan doet het zijn werk. Zo niet, dan moeten er enkele verbeteringen worden aangebracht. Laten we ze eens bekijken.
Wat is MOO?
De eerste en belangrijkste vraag heeft natuurlijk betrekking op wat MOO.com in hemelsnaam doet, aangezien het domein niet bijzonder beschrijvend is, dit is belangrijk! Gelukkig is een van de eerste dingen die ik op de site zie, deze grote banner.
"Wij helpen u en uw bedrijf met het maken van geweldige visitekaartjes, minikaarten en meer", veel eenvoudiger wordt het niet. Combineer dit met een enorme afbeelding van een paar stapels visitekaartjes en je hebt geen enkele twijfel over wat MOO doet.
Een van de grootste fouten die u kunt maken bij het ontwerpen van een website, is ervan uitgaan dat uw bezoekers weten waar u voor staat. Aarzel nooit om volledig recht door zee te zijn en leg uw bedrijf (mondeling en visueel) uit, zodat zelfs een kind het kan begrijpen.
Wat verkopen ze?
Dit is echt een subpunt van de vorige vraag: MOO verkoopt visitekaartjes, we snappen het. Maar dat is niet alles wat ze verkopen, dus hoe gemakkelijk is het voor mij om al hun producten te leren kennen?
Zoals u kunt zien, beslaan de eerste twee navigatiemenu-items het volledige scala aan producten. Zelfs als dit mijn eerste keer op de site is, kan ik vrij snel vinden wat ik zoek, of het nu gaat om visitekaartjes met afgeronde hoeken of stickers.
Bovendien is mijn favoriete functie van de startpagina: het hoofdbeeldgebied is eigenlijk één grote schuifregelaar die door de verschillende producten die door MOO worden verkocht, doorloopt.
Dit is geweldig en verkoopt me echt voor het bedrijf. Het enige dat ik hier zou aanraden, is om die miniaturen nog groter te maken (en mogelijk ook de tekst). MOO-concurrent Vistaprint heeft bijvoorbeeld mooie grote dozen die me door de verschillende soorten producten leiden die ze verkopen:
Het ontwerp van MOO is veel aantrekkelijker, maar het is een beetje gemakkelijker om snel te vinden waarnaar je op zoek bent op Vistaprint (MOO doet dit hier op een aparte pagina).
Hoe begin ik en hoe lang duurt het?
Beide vragen worden ook meteen op de startpagina beantwoord. Er is een grote knop op elk tabblad van de schuifregelaar die je naar de stap 'maken' brengt: visitekaartjes maken, minikaarten maken, enz.
Er is ook een grote banner die u informeert dat spoeddrukwerk de volgende dag beschikbaar is. Laten we eerlijk zijn, visitekaartjes afdrukken is iets dat we allemaal uitstellen tot slechts enkele dagen voordat we ze nodig hebben, dus dit helpt hen ongetwijfeld meer dan een paar last-minute verkopen.
Hoeveel kost het?
Dit is het enige antwoord dat ik niet op de startpagina kan vinden. Het wordt ongetwijfeld een van de belangrijkste vragen die een potentiële klant zal hebben. Vanuit het perspectief van MOO zie ik de logica achter het betrekken van mensen in de ontwerpfase voordat de prijsstelling wordt ingetrokken, maar vanuit het perspectief van een gebruiker heb ik het gevoel dat ik op zijn minst een voorproefje moet krijgen van hoe hun prijsstructuur eruit ziet.
Om eerlijk te zijn, is het nog steeds uiterst eenvoudig om overal prijzen te vinden. Het wordt duidelijk weergegeven in de eerste stap van het ontwerpproces voordat je iets uploadt of maakt:
Er zijn te veel producten met te veel variaties om het allemaal op de startpagina te beschrijven, maar misschien alleen maar roepen dat je vijftig kaarten kunt krijgen voor $ 20, of een ander prijspunt waar ze trots op zijn, zou gebruikers de snelle perceptie van waarde die ze nodig hebben om verder te gaan.
Het ontwerpproces
Dit is niet de plek om het hele proces van het bestellen van producten op MOO te doorlopen, maar het ontwerpproces is echt soepel en gemakkelijk. U kunt kiezen uit geweldige ontwerpsjablonen, helemaal opnieuw uw eigen ontwerp starten of een vooraf gebouwd ontwerp uploaden.
Ik bestel mijn kaarten eigenlijk persoonlijk via MOO, dus ik weet uit de eerste hand dat dit systeem heel goed werkt, ongeacht welke route je kiest. Zelfs als je een complete beginner bent, houdt hun systeem je echt vast met grafische plaatsing van het type, zodat je eindresultaat er professioneel uitziet.
Nogmaals, het is Flash, dus het kan leuk zijn om hier op een dag iets mobielers te zien. Ik kom in de verleiding om te zeggen dat niemand een visitekaartje op een iPad of smartphone zou ontwerpen, maar de waarheid is dat we snel een punt bereiken waarop je volledig verwacht dat je taken voor het maken van inhoud op mobiele apparaten kunt uitvoeren.
Willekeurige gedachten
Over het algemeen is de MOO-site behoorlijk fantastisch. We hebben alle belangrijke zaken behandeld, maar hier zijn enkele willekeurige lofprijzingen en kritieken die ik heb.
Vakantie kaart burst
Er is momenteel een callout op de startpagina voor de verkoop van een kerstkaart, wat geweldig is ... behalve het feit dat er op de hele pagina geen afbeeldingen van kerstkaarten zijn. Gooi op zijn minst een extra dia in, op dit moment wordt de burst gewoon over de andere niet-holidakaart-dia's geslagen, wat een beetje verwarrend kan zijn.
Geen Printfinity Love?
MOO doet dit geweldige ding waarbij je je kaarten kunt afdrukken met zoveel verschillende ontwerpen op de achterkant als je wilt (Printfinity). Het is echt een coole functie die hen goed zou onderscheiden, maar ik zie er geen melding van op de startpagina. Misschien hebben ze besloten dat het geen populaire keuze is bij klanten. Als dat niet het geval is, denk ik dat het een grafische homepage waard is.
De accordeons zijn geweldig
Overal op de site worden verticale accordeons gebruikt als een primair UI-element. Dit is echt een leuke bijkomstigheid, omdat je hiermee heel veel inhoud in een heel kleine ruimte kunt opslaan en zeer bruikbaar bent.
Beschouw More of a Human Presence
Een ding dat me opvalt als ik rond de startpagina kijk, is dat het allemaal zo steriel en schoon is, wat geweldig is, maar een klein beetje menselijke aanraking gaat ver. Als je lang genoeg wacht om het briefkaartentabblad in de schuifregelaar te zien (weergegeven in de foto hierboven), zie je een hele reeks lachende gezichten. Dit is echt leuk en ik denk dat wat meer inhoud als deze de plek een beetje vriendelijker zou maken.
In de designwereld zijn gezichten magisch. We kunnen niet anders dan tot hen aangetrokken worden. Ik zeg niet dat er een goedkope foto-man op de startpagina zou moeten zijn met zijn duimen omhoog, maar misschien wat visitekaartjes van een fotograaf met ergens een paar mensen erop.
Jouw beurt!
Nu je mijn opmerkingen hebt gelezen, kun je meedoen en helpen door de ontwerper wat verder advies te geven. Laat ons weten wat je geweldig vindt aan het ontwerp en wat je denkt dat sterker zou kunnen zijn. Zoals altijd vragen we u ook respect te hebben voor de ontwerper van de site en duidelijk constructief advies te geven, zonder harde beledigingen.