Řešení online nabídek: Tipy a příklady
Webové stránky restaurací jsou často katastrofami designu i použitelnosti. Dokonce i dobří návrháři se mohou v tomto obzvláště ošemetném úkolu pokazit.
Než se pokusíte o další design webových stránek restaurace, přečtěte si tento článek. Kromě několika úskalí se vyhneme několika super praktickým tipům na úspěch.
Chutná otázka
Joe Elias nás kontaktoval prostřednictvím naší stránky Design Dilemma a položil následující otázku:
"V posledních několika týdnech jsem si doporučil několik restaurací a postaral jsem se o jednu věc: zobrazení jejich nabídek na jejich webových stránkách." Jistě, mohl bych jít cestou „přehazovat to ve formátu PDF“ a říkat tomu den, ale ráda bych vynikla tím, že budu mít své klienty vyniknout. Máte nějaké nápady na jedinečný a čistý způsob, jak představit standardní 4stránkové restaurace? “
To je skvělé téma, se kterým myslím, že se hodně návrhářů potýká. Myslím, že Joe má nějaké klíčové informace, ale potřebuje nějakou pomoc, aby mohl začít. Podívejme se, co se můžeme naučit z rychlého rozhledu na webu na webech v této kategorii.
Obrazovky a papír jsou velmi odlišná média
Ve své otázce Joe zmínil techniku „hodit do PDF“, kterou používá několik webů. Základní myšlenkou je převzít nabídku tisku, nahrát ji na web, aby ji uživatelé mohli stáhnout a zavolat ji denně. I když je nabídka PDF ke stažení pro uživatele skvělou možností, jak poskytnout uživatelům, rozhodně to není způsob, jak návštěvníkům zobrazit primární nabídku.
Někteří návrháři tuto myšlenku posouvají o krok dále a ve skutečnosti si udělají čas na kódování online nabídky, která je v podstatě přesnou replikou jejich tištěné nabídky. I když oceňuji pokus o důslednost, je to opět další velmi špatný způsob, jak tento úkol plnit.
Designéři s pozadím v tisku (jako já) mají tendenci přistupovat k webdesignu zcela špatně. Předpokládá se, že digitální design je v podstatě stejný jako tisk, takže vše, co víte o rozvržení, grafice atd., Stále platí. To nemůže být dále od pravdy.
Tisk je statické, pasivní médium. Možnosti interakce jsou většinou minimální a musíte se spoléhat hlavně na grafické přitažlivost a sílu rozložení. Tento web je však úplně jiný tvor, postavený na myšlence bohaté interaktivity. Kliknutí, rolování a vznášení se jsou jen některé z mnoha akcí, které jsou nyní k dispozici. Dále už nejste omezeni velikostí fyzického kusu papíru, který otevírá milion možností.
Snažím se zdůraznit, že zpracováním webu, jako je tisk, předáváte spoustu příležitostí, aby byl váš design uživatelsky přívětivější, atraktivnější a poutavější.
Carrabba je nudná italština
Jako příklad se podívejme na online nabídku jedné z mých oblíbených restaurací: Carrabba's Italian Grill. Jedná se o poměrně velký řetězec v USA a měl by mít dostatek zdrojů k vybudování skvělého webu. Jejich nabídka je však celkem nevýrazná.
Roamingové navigační menu vlevo je hezké, ale jinak je to jen velká stránka nebo nudný text. Když to vidím, neznamená to, že budu mít hlad!
Ujistěte se, že si ji můžete přečíst!
Menu Carrabby rozhodně není všechno špatné. Ve skutečnosti se řadí opravdu vysoko na seznam restaurací, které jsem si rezervoval! Navzdory nízkému nadšení je online menu Carrabby velmi čitelné. Jejich celkový design stránek je docela atraktivní, ale nenechají design bránit použitelnosti nabídky. V případě pochybností je lepší. Raději bych viděl statické, nudné menu, z něhož uživatelé mohou rychle získat informace, než něco zaneprázdněného a nečitelného.
Chcete-li vidět, co tím myslím, podívejte se na výše uvedené menu z restaurace dvanácti. Z velké části má tato restaurace skvěle vypadající web, často však umožňují průsvitné grafické pozadí, aby text na tomto webu bylo obtížně čitelné. Estetika je důležitá, ale pamatujte, že design je víc než jen hezké věci! Jde o organizaci a stylizaci informací způsobem, který je přitažlivý a použitelný.
Fotografie potravin
Věc, která pro mě opravdu vytváří jídelní lístek, je dobrá fotografie jídla. Jak jsem řekl výše, slova mě nezlobí, jídlo dělá! Pokud máte to štěstí, že pracujete pro klienta se skvělými zdroji fotografování potravin, ujistěte se, že je využíváte co nejvíce.
Podívejte se, jak jsou dvě nabídky umístěna níže. Opravdu máte smysl pro to, co budete jíst, a fotografie je dost dobrá, takže když se na to podíváte, budete mít hlad!
Ne každá položka potřebuje fotografii
I když nemáte obrázky z každého jídla a pravděpodobně to tak není, stále můžete vytáhnout krásnou stránku nabídky, která využívá fotografie. Podívejte se na úžasné menu Ruby Tuesday níže, které používá jedinečný akordeonový systém, který po kliknutí na fotografii rozšíří sekci nabídky.
Tento akordeonový systém funguje skvěle pro rychlé procházení různých druhů jídel nabízených v nabídce. Kromě toho dává divákovi jen tolik fotografií, aby se jejich chuť k jídlu probudila, aniž by se přes palubu.
Špatné nebo chybějící fotografie?
Jako webový designér restaurace pravděpodobně nebudete mít žádnou kontrolu nad tím, jaké prostředky, pokud vám nějaký klient poskytne, pro daný projekt. Upřímně řečeno, typický klient restaurace vám nedá nic podobného tomu, co vidíte z California Pizza Kitchen a Ruby Tuesday. Místo toho to bude pravděpodobně nic nebo něco téměř nepoužitelného.
Fotografování potravin je choulostivé a je zapotřebí skutečného profesionála, aby s jakýmkoli úspěchem odešel. V případě, že vám klient poskytne fotky tak špatné, že skutečně poškozují šance někoho, kdo přijde do restaurace, musíte najít způsob, jak je přesvědčit, aby je nepoužíval. Věř mi, prostý text je lepší než stránka plná obrázků vyvolávajících roubík.
V těchto případech budete muset co nejlépe využít pouze textové rozvržení. Část nabídky na webu Marie Catrib to dělá docela slušnou práci. Všimněte si, jak pěkně je uspořádán veškerý obsah a kolik mezery je mezi položkami.
V případě, že máte dokonale dobré obrázky, ale jejich docela zvláštní kolekce, může být obtížné zjistit, jak je všechny promítnout do svého návrhu. Nabídka Chez Gerard níže se o tento problém pěkně stará tím, že nabízí skryté fotografie, které se objeví, když umístíte kurzor myši na určité položky nabídky.
Typografie
Spousta restaurací chce vypadat rafinovaně a prvotřídně, takže instinktivním tahem návrhářů je použití spousty plynulých skriptů. Vřele doporučuji vyhýbat se stránce plné typografie skriptů, je prostě příliš obtížné číst. Je v pořádku používat jej selektivně, ale mějte na paměti, že je snadné jít příliš daleko.
Je také samozřejmé, drž se dál od Comic Sans a dalších písem, o kterých si klient myslí, že vypadají zábavně. Pokud chcete, aby vaše restaurace vypadala prvotřídně, najděte silnou starou patku. Pokud si opravdu přejete, aby to vypadalo zábavně, zvažte zvážení tahání této grafiky a nalepení na pěkný moderní bezpatkový pro většinu typu.
Pokud však opravdu chcete jít se všemi zábavnými písmy, můžete si to určitě dát. Mnoho designérů to může bez problémů vytáhnout, jiní se zhroutí a spálí okamžitě. Jedním z webů, o kterých si myslím, že odvedl docela dobrou práci, je Malý dortový salon. Ačkoli nejsem blázen rozvržením sloupců zarovnaných na střed, písma použitá na tomto webu vypadají skvěle spolu.
Sociální média
Chcete, aby zákazníci šířili slovo o vaší restauraci? Proč nepracovat v nějaké jedinečné integraci sociálních médií? Nejlepší implementace tohoto, které jsem viděl, umožňují návštěvníkům sdílet konkrétní položky nabídky, které se jim líbí.
Například v nabídce žirafy je tlačítko vedle Facebooku vedle každé položky nabídky, takže uživatelé mohou snadno doporučit konkrétní pokrmy svým přátelům.
Závěr
Online nabídky mohou být skutečnou bolestí, která se bude rozvíjet. Je obtížné uspořádat tolik informací do atraktivního a použitelného formátu, ale doufám, že výše uvedené tipy a příklady jsou dostačující k tomu, aby váš projekt začal správným směrem.
Pokud jste v poslední době navrhli nějaké online restaurace, zanechte komentář níže s odkazem, abychom je mohli zkontrolovat!
Přidat titulní obrázek pořízený clspeace .
