Test dobrého designu: Ve srovnání s třemi rychlými příležitostnými restauracemi
Fast food restaurace jsou notoricky špatné s web designem, ale rozvíjející se trh „fast casual“ restaurací se v této oblasti jeví mnohem lepší.
Dnes se podíváme na webové stránky pro některé z nejpopulárnějších rychlých neformálních restaurací, abychom zjistili, kdo dělá nejlepší práci a co se od nich můžeme poučit. Upozornění: tento příspěvek vás bude mít hlad!
Prozkoumejte zdroje návrhu
Qdoba
První web, na který se chystáme trefit, je Qdoba.com, domovská stránka restaurace, která podává chutná burrita a další nabídky na jihozápad. Je to hodně jako Chipotle, na které jsme se už dívali v jiném příspěvku. Zde je pohled na záhlaví:
Zatím je vše dobré! Moc se mi líbí srovnání typografie a fotografie. Design je velký a odvážný, přesto svěží a přátelský. Perfektně zachycuje atmosféru restaurace a zobrazuje dobrou směs šťastných lidí a chutného jídla.
Silná značka
Jejich současná strategie budování značky je taková, že Qdoba je „jídlo pro lidi, kteří milují jídlo“. Tento nápad je prosazován po celém webu, a to i interaktivním způsobem. Kupónová stránka například považuje poslední slovo za „vyplňte prázdné“, kde zadáte to, co máte rádi, a vyděláte různé kupóny na základě vašeho výběru slova.
To je skvělý psychologický trik. Jemně mě nutí navázat spojení se značkou tím, že ji spojí s věcmi, které miluji. Opět to posilují všechny ty usmívající se tváře, které vidíte protkané fotografiemi jídla.
"Jemně mě nutí navázat spojení se značkou tím, že ji spojí s věcmi, které miluji."Jídelní lístek
Další věc, která se mi na Qdoba.com líbí, je prezentace menu, která je absolutně jedním z nejdůležitějších aspektů jakéhokoli webu restaurace. Každá položka je uspořádána úhledně do mřížky s atraktivní, vysoce klíčovou fotografií potravin a čistým textem.
Obsah domovské stránky
Když navštívím webové stránky v restauraci, chci obvykle dělat dvě základní věci: podívejte se do menu a zjistěte, jak si dát nějaké jídlo. Tato poslední akce obvykle zahrnuje objednání online nebo vyhledání telefonního čísla a adresy.
"Když navštívím web v restauraci, obvykle chci udělat dvě primární věci ..."Qdoba to všechno zvládne přímo z domovské stránky, čímž vyhodí pohodlí z umístění obsahu mimo míčový park. V horní části stránky jste představeni do restaurace a bylo řečeno, abyste si vzali nějaké kupóny. Když se posunete dolů, uvidíte položky nabídky s odkazy na nutriční informace. Nakonec, když narazíte na spodní část stránky, uvidíte mapu míst ve vaší oblasti.
Jediným hlavním cílem, který není splněn přímo na domovské stránce, je objednávka online a tato možnost je umístěna v pravém horním rohu obrazovky (hlavní nemovitost pro prohlížení očí) v trvalé záhlaví, které zůstane s vámi při posouvání.
Reakce na zavádění
Je úžasné vidět velké korporace skákat na palubu responzivního pásového vozu. Qdoba.com skutečně dobře reaguje na různé velikosti výřezů.
Co jsme se naučili?
Qdoba.com má mnoho skvělých lekcí designu, které nás naučí, z nichž nejdůležitější je pravděpodobně síla silné značky. Jsou v souladu s jejich barevnou paletou, typografií a fotografií, které se spojují a vytvářejí jedinečnou identitu, se kterou se zákazníci mohou ztotožnit. Kombinace šťastných lidí a lahodně vypadajících potravinových záběrů je vyzkoušená a pravdivá a restaurace věrně slouží po celá desetiletí.
"Jsou v souladu s jejich barevnou paletou, typografií a fotografií, které se spojují a vytvářejí jedinečnou identitu, se kterou se zákazníci mohou ztotožnit."V práci jsou také dvě další skvělé lekce. Za prvé, responzivní design není jen zábavný trik pro portfolia web designerů. Podnikový svět jej může a měl by přijmout otevřeně, protože to znamená lepší zážitek pro více zákazníků.
Nakonec vždy zvažte, proč většina vašich návštěvníků přichází na váš web, a udělejte vše, co je v jejich silách. Téměř vše, co většina lidí bude chtít udělat na Qdoba.com, lze dosáhnout prostřednictvím domovské stránky.
Pei Wei
Další rychlý výlet je další z mých oblíbených: Pei Wei, restaurace, která podává chutné předkrmy z řady asijských kultur. Je to rychlý neformální malý bratr formálnějších PF Changů. Zde je domovská stránka:
Barva
První věc, kterou jsem si všiml na webu Pei Wei, je barva; odvážná, krásná barva. Paleta je velmi tmavá a teplá, což naznačuje kořenitou, bohatou chuť, která mi zalévá ústa pro nějaké medem opečené kuře.
Skvělá věc je, že tyto barvy jsou pravděpodobně vytaženy přímo z jídla, které podává Pei Wei, což je trik, který také používal Qdoba.
Kdykoli se snažíte vytvořit barevné schéma pro společnost, vždy pamatujte, že často nemusíte hledat dále než jejich produktová řada.
"Skvělá věc je, že tyto barvy jsou pravděpodobně vytaženy přímo z jídla, které podává Pei Wei."Je to všechno o jídle
U Pei Wei existuje velmi odlišná technika, než jakou jsme viděli na stránkách Qdoby. Zde je estetika 100% o jídle. Kamkoli se podíváte, je další nádherné jídlo.
Chvíli jsem se rozhlédl po webu, abych zjistil, jestli jsem nenašel fotku osoby, pokud můžu říct, že žádné nejsou. Vypadá to jako méně osobní a lákavé, ale myslím, že to stáhli docela dobře. Kdyby někdy udělali hlavní rebrandu, nebyl bych překvapen, kdybych viděl, jak k němu přistupují přátelštějším, lidským pocitem.
Věci, které se mi nelíbí
Celkově má Pei Wei docela silné stránky, ale existují některé věci, ze kterých nejsem z hlediska designu blázen. Především je tu spousta uvězněných, trapných negativních prostorů, které jsou výsledkem poněkud nepřehledného uspořádání. Není to hrozné, ale může to trochu rušit.
Nejhorší přestupek v mé knize je nabídka, která vypadá takto:
Jak vidíte, je to jen nudné textové menu. Každé jídlo má skutečně krásný doprovodný produkt, ale je skryto, dokud na něj nekliknete. Dobrá věc je, že ušetříte na dobu načítání stránky, ale nevýhodou je, že to mě nezlobí! A pamatujte, že hladoví lidé jsou zde vaší cílovou skupinou.
"Pěkná věc je, že ušetříte časy načítání stránky, ale nevýhodou je, že mě to nezbavuje hladem!"Určitě si myslím, že stránka nabídky musí být přepracována, aby lépe využívala všechny ty fotky z vody, které zřejmě mají. Nemusíte nutně ukazovat každou fotografii pořád, ale určitě se dá něco udělat, aby se trochu oživilo.
Co jsme se naučili?
Od Pei Wei se dozvíme hodně o tom, jak navrhovat s fotografováním potravin. Viděli jsme, že fotografie potravin jsou bohatým zdrojem barevných palet, které pomáhají spojit identitu značky s produktem. Také jsme viděli, jak velká škoda je skrýt tyto fotografie, pokud jde o prezentaci nabídky.
Wildflower Bread Company
Poslední rychlou neformální restaurací, na kterou se podíváme, je Wildflower Bread Company, one stop shop pro chutné pečivo, sendviče a těstoviny.
Tento řetězec jsem si vybral na základě skutečnosti, že jejich obchody jsou skutečně dobře navržené. Krásné znamení, skvělé barvy, úžasný nábytek a wifi zdarma! Je to skvělé místo pro prodloužený pracovní oběd.
Bohužel se zdá, že úžasný design se nevztahuje na web. Zde je jejich domovská stránka, jak se zobrazuje na mém MacBooku:
Obsah je zde jen tak ... malý. Ve světě, kde responzivní webový design maximalizuje využití každé obrazovky, se hora prázdného prostoru cítí jako hrozná ztráta.
„Ve světě, kde responzivní webový design maximalizuje využití každé obrazovky, se hora prázdného prostoru tady cítí jako hrozná ztráta. “Celá stránka se cítí jako troška podge of rozptýlený obsah, marketingové zprávy, fotografie a text, který prostě nesplňuje standardy fyzických budov.
Tisk ≠ Web
Společnost Wildflower Bread Company má pocit společnosti s týmem hvězdného tisku a malým, špatně podporovaným webovým týmem. Stejně jako mnoho podniků na počátku 50. let se i oni snaží přenést svou značku na web, protože je to jiné médium.
Znovu a znovu vidím části tohoto designu, které mi říkají, že je to jen něco víc než port něčeho vytvořeného pro tisk. Nabídka je perfektním příkladem tohoto typu myšlení:
Tam odstavce jsou špatně zarovnány s velmi úzkými šířkami, nulovou vizuální výztuží a nevhodnými zlomy čar. Není to přesně zářící příklad webové typografie. Problémy s typem přetrvávají na celém webu, podívejte se na překvapivě malou šířku středního sloupce textu níže:
Spousta čtení
Místo velkého a atraktivního fotografování potravin, které jsme viděli na dalších dvou místech, vám tento dává odstavce. Jako primární obsah sloužily dlouhé nepřerušované stránky textu.
Opět je to přímý výsledek jednoduše nerozumění tomu, jak lidé procházejí web. Nebudu to číst, téměř nikdo jiný to také neudělá. Pokud se chlubíte pečeným zbožím, rozdělte to na jeden odstavec a ukažte mi lahodné vypadající pochoutky.
"Je to přímý výsledek jednoduše nerozumění tomu, jak lidé procházejí web."Co jsme se naučili?
Jedním zjevením je, že rychlé stránky pro příležitostné stravování nejsou skvělé. Připouštím, že jsem tady na chudé Wildflower docela tvrdě, ale je pravda, že dnes večer budu jíst na jednom místě na večeři, a pokud procházím menu těchto tří stránek, aby mi pomohl při rozhodování, další dva porazili Widlflower pokaždé.
Velkou lekci, kterou jsem opakovaně opakoval, je, že web není interaktivní brožura. Je to úplně jiné médium, které vyžaduje zcela jinou sadu designových dovedností a výzev. Vypadá to kontraintuitivně, ale společnost známá dobrým designem „skutečného světa“ může webový design opravdu sát.
Qdoba vs. Pei Wei vs. Wildflower
Zcela mimochodem, výše uvedené webové stránky začaly být silné a odtud sešly z kopce. Qdoba byla zdaleka moje nejoblíbenější s nádhernými snímky, pohotovým rozložením a úžasným brandingem. Pei Wei byl sice trochu slabší, ale celkově stále docela silný projev v restauračním podnikání. Wildflower vynáší zadní část s docela slabým místem, které by mohlo opravdu použít kompletní redesign od základů.
Jaký to má smysl? Proč se podívat na tyto tři stránky? Protože dokonale ilustrují, jak různé projekty se stejným cílem mohou jít tak odlišně v závislosti na talentu a zdrojích zúčastněných lidí. Všechny tři tyto podniky jsou populární, úspěšné restaurace, které si absolutně mohou dovolit vybudovat silnou webovou prezentaci.
Použijte to jako lekci pro své vlastní projekty, zejména pokud pracujete v týmu. Dokážete spojit své zdroje dohromady a ukázat něco, na co můžete být opravdu hrdí, nebo vám něco stojí v cestě? Je to něco z výše uvedeného, nebo něco jiného? Dejte nám vědět níže.
Nezapomeňte nám také říct o svých oblíbených rychlých příležitostných restauracích a o tom, jak se jejich webové stránky porovnávají s výše uvedenými.
