Hea disainimaitse test: võrreldud on kolme kiire vabaaja restorani veebisaiti
Kiirtoidurestoranid on veebikujundusega kurikuulsalt halvad, kuid seni kiiresti arenevate kiirete juhuslike söögikohtade turg osutub selles valdkonnas palju paremaks.
Täna vaatame veebis ringi mõne populaarseima kiire vabaaja restorani veebisaitidel, et näha, kes teeb kõige paremini tööd ja mida me saame neist õppida. Hoiatus: see postitus teeb teid nälga!
Tutvuge disainiressurssidega
Qdoba
Esimene sait, kuhu üles asume, on Qdoba.com - restorani koduleht, kus pakutakse maitsvaid burritosid ja muid edelapakkumisi. See on palju nagu Chipotle, mida me vaatasime juba ühes teises postituses. Siin on päise pilk:
Siiamaani on kõik korras! Mulle väga meeldib tüpograafia ja fotograafia kõrvutamine. Kujundus on suur ja julge, samas värske ja sõbralik. See kajastab suurepäraselt restorani tunnet ja kujutab head segu õnnelikest inimestest ning maitsvat toitu.
Tugev bränding
Nende praegune kaubamärgistrateegia on, et Qdoba on „toit inimestele, kes armastavad toitu“. Seda ideed rakendatakse kogu saidil, isegi interaktiivsel viisil. Näiteks kupongilehel käsitletakse viimast sõna kui „tühja täitmist”, kuhu kirjutate, mida armastate, ja teenite oma valitud sõna põhjal erinevaid kuponge.
See on suurepärane psühholoogiline trikk. Nad sunnivad mind peenelt kaubamärgiga seoseid looma, seostades seda asjadega, mida ma armastan. Seda tugevdavad jällegi kõik need naeratavad näod, mis näete toidupiltidega põimunud.
"Nad sunnivad mind peenelt kaubamärgiga seoseid looma, seostades seda asjadega, mida ma armastan."Menüü
Veel üks asi, mis mulle Qdoba.com juures väga meeldib, on menüüesitlus, mis on absoluutselt üks olulisemaid tahke iga restorani veebisaidil. Kõik esemed on korralikult paigutatud võrku, millel on atraktiivsed, võtmetähtsusega toidupildid ja puhas tekst.
Kodulehe sisu
Kui külastan restorani veebisaiti, on tavaliselt kaks peamist asja, mida teha tahan: tutvuge menüüga ja uurige, kuidas toitu saada. Viimane toiming hõlmab tavaliselt kas veebist tellimist või telefoninumbri ja aadressi otsimist.
"Kui külastan restorani veebisaiti, on tavaliselt kaks peamist asja, mida ma teha tahan ..."Qdoba tegeleb selle praktiliselt kogu avalehelt, lüües sellega sisu asukoha mugavuse pallipargist välja. Lehe ülaosas tutvustatakse teile restorani ja kästakse teil haarata mõni kupong. Pisut alla kerides näete menüüelemente koos linke toitumisteabega. Lõpuks, kui vajutate lehe alaosale, näete oma piirkonnas asuvate asukohtade kaarti.
Ainus peamine eesmärk, mida otse kodulehel ei saavutata, on veebipõhine tellimine ja see võimalus asub ekraani paremas ülanurgas (peamine kinnisvara silmade sirvimiseks) püsivas päises, mis jääb kerimise ajal teie juurde.
Reageerib Bootile
Tore on näha, et suuremad ettevõtted hüppavad reageeriva ansambli pardale. Qdoba.com reageerib üsna erinevalt vaateakna suurusele.
Mida me õppisime?
Qdoba.com-l on meile õpetamiseks palju suurepäraseid disainitunde, millest kõige olulisem on ilmselt tugeva kaubamärgi jõud. Need on kooskõlas nende värvipaleti, tüpograafia ja fotograafiaga - kõik need koos loovad ainulaadse identiteedi, millega kliendid saavad end samastada. Õnnelike inimeste ja maitsvate välimustega toidupiltide kombinatsioon on järele proovitud ja tõene ning see on restoranisid ustavalt teenindanud aastakümneid.
"Need on kooskõlas oma värvipaleti, tüpograafia ja fotograafiaga - kõik need koos loovad ainulaadse identiteedi, millega kliendid saavad end samastada."Ka siin on tööl veel kaks suurepärast õppetundi. Esiteks ei ole reageeriv disain lihtsalt veebidisainerite portfellide lõbus trikk. Ärimaailm võib ja peakski seda avalikult omaks võtma, sest see tähendab rohkemate klientide jaoks paremat kogemust.
Lõpuks mõelge alati, miks enamik külastajaid teie saidile tuleb, ja tehke endast kõik, et neid toiminguid rahuldada. Peaaegu kõike, mida enamik inimesi Qdoba.com-is teha soovib, saab teha kodulehe kaudu.
Pei Wei
Järgmine kiire vabaajareis on veel üks minu isiklikest lemmikutest: restoran Pei Wei, kus pakutakse maitsvaid eineid mitmest Aasia kultuurist. See on formaalsemate PF Changi kiire juhuslik väikevend. Siin on avaleht:
Värv
Esimene asi, mida Pei Wei saidi juures märkan, on värv; julge, ilus värv. Palett on väga tume ja soe, see soovitab vürtsikat, rikkalikku maitset, mis paneb mu mee jootma mõne meega suletud kana jaoks.
Lahe on siin see, et need värvid tõmmatakse tõenäoliselt otse toidust, mida Pei Wei serveerib - trikk, mida Qdoba ka kasutas.
Iga kord, kui proovite mõne ettevõtte jaoks värviskeemi välja töötada, pidage alati meeles, et sageli pole vaja vaadata kaugemale kui nende tootesari.
"Lahe on siin see, et need värvid tõmmatakse tõenäoliselt toidust, mida Pei Wei pakub"See on kõik toidu kohta
Koos Pei Wei-ga on seal hoopis teistsugune tehnika kui see, mida nägime Qdoba saidil. Siin on esteetiline toit 100%. Kõikjal, kus te vaatate, on veel üks ilus toidupilt.
Vaatasin mõnda aega sellel saidil ringi, et näha, kas ma leian inimese fotot, niipalju kui ma oskan öelda, neid pole. See on vähem isiklik ja kutsuv, kuid arvan, et nad tõmbavad selle üsna hästi välja. Kui nad teevad kunagi olulise rebrandi, poleks mul üllatust, kui nad läheneksid sellele sõbralikuma, inimlikuma tundega.
Asjad, mis mulle ei meeldi
Üldiselt on Pei Weil üsna tugev sait, kuid on asju, mille osas ma disainilahenduse seisukohalt eriti hull pole. Esiteks on seal palju lõksus olevat ebamugavat negatiivset ruumi, mis on mõnevõrra segadusega paigutuse tulemus. See pole õudne, kuid võib natuke häirida.
Minu raamatu halvim solvang on menüü, mis näeb välja järgmine:
Nagu näete, on see lihtsalt igav tekstipõhine menüü. Igal roogil on tõepoolest ilus tootega tehtud pilt, kuid see on peidetud, kuni klõpsate sellel. Tore on see, et säästate lehe laadimisaega, kuid miinus on see, et see ei tee mind nälga! Ja pidage meeles, et näljased inimesed on siin teie sihtrühm.
"Tore on see, et säästate lehe laadimisaega, kuid miinus on see, et see ei tee mind nälga!"Kindlasti arvan, et menüülehte tuleb ümber kujundada, et paremini kasutada neid suupäraseid fotosid, mis neil ilmselgelt on. Te ei pea tingimata kõiki fotosid kogu aeg näitama, kuid kindlasti saab midagi ära teha, et seda natuke elavdada.
Mida me õppisime?
Pei Wei käest saame palju teada, kuidas toidufotograafia abil kujundada. Nägime, et toidupildid on rikkalik värvipalettide allikas, mis aitavad kaubamärgi identiteedi tootega siduda. Samuti nägime, kui suur häbi on neid fotosid varjata, kui tegemist on menüü esitlusega.
Metslilleleivaettevõte
Viimane kiire juhuslik restoran, mida vaatame, on Wildflower Bread Company, mis on ühest kohast kauplus maitsvate küpsetiste, võileibade ja pastaga.
Valisin selle keti selle põhjal, et nende kauplused on tegelikult hästi disainitud. Ilusad sildid, suurepärased värvid, vinge mööbel ja tasuta wifi! See on suurepärane koht pikendatud töölõuna võtmiseks.
Kahjuks tundub, et hämmastav disain ei laiene veebile. Nende avaleht on selline, nagu see kuvatakse minu MacBookis:
Siinne sisu on lihtsalt nii… väike. Maailmas, kus tundlik veebidisain maksimeerib iga ekraani kasutamise, tunneb siinne tühja ruumi mägi lihtsalt kohutavat raiskamist.
„Maailmas, kus tundlik veebidisain maksimeerib iga ekraani kasutamise, tunneb siinne tühja ruumi mägi lihtsalt kohutavat raiskamist. ”Kogu sait on nagu hajus sisu, turundussõnumid, fotod ja tekst, mis lihtsalt ei vasta füüsiliste hoonete standarditele.
Prindi ≠ Veeb
Wildflower Bread Company tunneb end ettevõttena, kus on tähekujunduse meeskond ja pisike, halvasti toetatud veebimeeskond. Nagu paljud ettevõtted juba 00-ndate aastate alguses, näevad nad vaeva oma brändi veebi ülekandmiseks, kuna see on nii erinev meedium.
Ikka ja jälle näen selle kujunduse osi, mis ütlevad mulle, et see pole midagi muud kui lihtsalt printimiseks loodud port. Menüü on seda tüüpi mõtteviisi suurepärane näide:
Seal on lõigud halvasti joondatud väga kitsa laiusega, null visuaalse tugevdamise ja ebamugava joone katkemisega. Pole just veebitüpograafia särav näide. Tüübi probleemid püsivad kogu saidil, vaadake allpool oleva teksti keskveeru üllatavalt kitsast laiust:
Palju lugemist
Kahel teisel saidil nähtud suure, ahvatleva toidifoto asemel asendab see teile lõiku. Esmaseks sisuks olid pikad katkematud tekstilehed.
See on jällegi otsene tulemus, kui lihtsalt ei saada aru, kuidas inimesed veebi sirvivad. Ma ei hakka seda lugema, peaaegu keegi teine ka mitte. Kui praadite küpsetatud toodete kallal, lõigake see üheks lõiguks ja näidake mulle maitsvaid välimusi.
"See on otsene tulemus sellest, et lihtsalt ei saada aru, kuidas inimesed veebi sirvivad."Mida me õppisime?
Üks ilmutus siin on, et kiired vabaaja söögikohad pole kõik suurepärased. Tõsi, olen siin vaeste metslillede suhtes olnud üsna karm, kuid lihtne tõde on see, et ma söön täna õhtul ainult ühes kohas õhtusööki ja kui sirvitan nende kolme saidi menüüd, et aidata mul otsustada, teised kaks peksid Widlflowerit iga kord.
Suur õppetund, mida kordasin ikka ja jälle, on see, et veeb ei ole interaktiivne voldik. See on täiesti erinev meedium, mis nõuab täiesti teistsuguseid kujundamisoskusi ja väljakutseid. See näib vastuoluline, kuid hea “pärismaailma” disaini poolest tuntud ettevõte võib veebidisaini loomulikult imeda.
Qdoba vs Pei Wei vs metslill
Täiesti juhuslikult hakkasid ülaltoodud veebisaidid tugevaks minema ja sealt allamäge minema. Qdoba oli ülekaalukalt minu lemmik oma uhkete piltide, reageeriva paigutuse ja vinge brändinguga. Pei Wei oli küll pisut nõrgem, kuid üldiselt siiski üsna vahva show restoraniäris. Wildflower toob tagaküljele üsna nõrga saidi, mis võiks tõesti kasutada maast madalast täielikku ümberkujundamist.
Mis siin mõtet on? Miks vaadata neid kolme saiti? Sest need illustreerivad suurepäraselt, kuidas erinevad sama eesmärgiga projektid võivad sõltuvalt inimeste andest ja ressurssidest minna nii erinevalt. Kõik need kolm ettevõtet on populaarsed, edukad restoranid, mis saavad endale lubada tugeva veebi olemasolu.
Kasutage seda õppetunnina oma projektide jaoks, eriti kui töötate meeskonnas. Kas suudate oma ressursid kokku tõmmata ja välja tuua midagi, mille üle võite tõesti uhke olla, või seisab midagi teie ees? Kas see on mõni ülalnimetatud asi või midagi muud? Andke meile allpool teada.
Samuti rääkige meile kindlasti oma lemmik kiiretest vabaajarestoranidest ja sellest, kuidas nende veebisaidid on ülalolevatega võrreldes.
