Restaurantwebsites sind häufig ein Desaster für Design und Benutzerfreundlichkeit. Selbst gute Designer können bei dieser besonders kniffligen Aufgabe sehr viel schief gehen.
Bevor Sie versuchen, das nächste Restaurant-Website-Design zu erstellen, lesen Sie diesen Artikel. Wir werden einige praktische Tipps zum Erfolg sowie einige zu vermeidende Fallstricke behandeln.
Eine leckere Frage
Joe Elias hat uns über unsere Design Dilemma-Seite kontaktiert und folgende Frage gestellt:
? Ich habe in den letzten Wochen eine Handvoll Restaurants per Überweisung abgeholt und stecke bei einer Sache fest: Ich zeige ihre Menüs auf ihren Websites. Klar, ich könnte das? In ein PDF werfen? routen und nennen Sie es einen Tag, aber ich mag es, meine Kunden hervorzuheben. Irgendwelche Ideen für eine einzigartige, saubere Art, ein 4-seitiges Restaurantmenü zu präsentieren?
Dies ist ein großartiges Thema, mit dem viele Designer Probleme haben. Ich denke, Joe hat hier einige wichtige Einblicke, braucht aber ein wenig Unterstützung beim Einstieg. Mal sehen, was wir durch einen kurzen Blick auf Websites in dieser Kategorie im Web lernen können.
Bildschirme und Papier sind sehr unterschiedliche Medien
In seiner Frage erwähnte Joe das "Werfen in einem PDF". Technik, die von mehreren Websites verwendet wird. Die Grundidee hier ist, Ihr Druckmenü so zu laden, wie es ist, ins Internet zu laden, damit Benutzer es herunterladen können, und es täglich anzurufen. Ein herunterladbares PDF-Menü ist zwar großartig Möglichkeit Um den Benutzern etwas zu bieten, ist es definitiv nicht der Weg, den Besuchern die Möglichkeit zu geben, Ihr Menü zu sehen.
Einige Designer gehen diese Idee noch einen Schritt weiter und nehmen sich tatsächlich die Zeit, ein Online-Menü zu codieren, das im Wesentlichen eine exakte Kopie ihres gedruckten Menüs ist. Obwohl ich den Versuch der Konsequenz begrüße, ist dies wieder ein sehr schlechter Weg, um diese Aufgabe zu erledigen.
Designer mit einem gedruckten Hintergrund (wie ich) neigen dazu, Webdesign völlig falsch anzugehen. Die Annahme ist, dass digitales Design im Grunde dasselbe ist wie Drucken, sodass alles, was Sie über Layout, Grafik usw. wissen, auch weiterhin gültig ist. Dies könnte nicht weiter von der Wahrheit entfernt sein.
Print ist ein statisches, passives Medium. Interaktionsmöglichkeiten sind in der Regel minimal und Sie müssen sich vor allem auf die grafische Darstellung und die Stärke des Layouts verlassen. Das Web ist jedoch ein völlig anderes Tier, das auf der Idee einer reichen Interaktivität basiert. Klicken, Scrollen und Schweben sind nur einige der vielen Aktionen, die jetzt verfügbar sind. Darüber hinaus sind Sie nicht mehr an die Größe eines physischen Stücks Papier gebunden, was eine Million Möglichkeiten eröffnet.
Der Punkt, den ich zu sagen versuche, besteht darin, dass Sie durch das Behandeln von Web wie Print viele Möglichkeiten nutzen, um Ihr Design benutzerfreundlicher, attraktiver und ansprechender zu gestalten.
Carrabbas langweiliger Italiener
Schauen wir uns als Beispiel das Online-Menü eines meiner Lieblingsrestaurants an: Carrabba's Italian Grill. Dies ist eine ziemlich große Kette in den USA und sollte über genügend Ressourcen verfügen, um eine großartige Site zu bauen. Ihre Speisekarte ist jedoch ziemlich glanzlos.
Das Roaming-Navigationsmenü auf der linken Seite ist eine nette Geste, aber ansonsten ist es nur eine große Seite oder ein langweiliger Text. Dies zu sehen macht mich nicht hungrig!
Stellen Sie sicher, dass Sie es lesen können!
Die Speisekarte der Carrabba ist definitiv nicht alles schlecht. Tatsächlich steht es auf der Liste der Restaurantmenüs, die ich ausgecheckt habe, ganz oben! Trotz der geringen Spannung ist das Online-Menü der Carrabba gut lesbar. Ihr gesamtes Design der Site ist ziemlich attraktiv, aber sie lassen das Design nicht die Benutzerfreundlichkeit des Menüs beeinträchtigen. Im Zweifelsfall ist einfach besser. Ich würde eher ein statisches, langweiliges Menü sehen, aus dem Benutzer Informationen schnell abrufen können, als etwas Beschäftigtes und Unlesbares.
Um zu sehen, was ich meine, schauen Sie sich das Menü oben vom Twelve Restaurant an. In den meisten Fällen hat dieses Restaurant eine großartig aussehende Website, jedoch lässt die Hintergrundgrafik oft genug durch, um den Text auf der Website schwer lesbar zu machen. Ästhetik ist wichtig, aber denken Sie daran, dass Design mehr ist, als Dinge schön zu machen! Es geht darum, Informationen so zu organisieren und zu gestalten, dass sie ansprechend und nutzbar sind.
Lebensmittelfotografie
Das, was ein Restaurant-Menü für mich wirklich macht, ist die Fotografie mit gutem Essen. Wie ich oben sagte, machen Worte mich nicht hungrig, Essen macht es! Wenn Sie das Glück haben, für einen Kunden mit hervorragenden Ressourcen für die Lebensmittelfotografie zu arbeiten, stellen Sie sicher, dass Sie diese so gut wie möglich nutzen.
Sehen Sie sich unten an, wie fotozentrisch die beiden Menüs sind. Sie bekommen wirklich ein Gespür für das, was Sie essen möchten, und die Fotografie ist gut genug, dass der Anblick hungrig macht!
Nicht jeder Artikel benötigt ein Foto
Selbst wenn Sie nicht von jedem Gericht Bilder haben und wahrscheinlich auch nicht, können Sie trotzdem eine schöne Menüseite aufrufen, die die Fotografie nutzt. Schauen Sie sich das fantastische Ruby Tuesday-Menü unten an, das ein einzigartiges Akkordeon-System verwendet, das einen Menübereich erweitert, wenn Sie auf ein Foto klicken.
Dieses Akkordeonsystem eignet sich hervorragend zum schnellen Durchsuchen der verschiedenen auf der Karte angebotenen Speisen. Darüber hinaus gibt es dem Zuschauer gerade genug Fotos, um seinen Appetit zu wecken, ohne dabei über Bord zu gehen.
Schlechte oder fehlende Fotos?
Als Restaurant-Webdesigner haben Sie wahrscheinlich keine Kontrolle darüber, welche Ressourcen der Kunde Ihnen für das Projekt zur Verfügung stellt. Um ehrlich zu sein, der typische Restaurantkunde gibt Ihnen nichts von der Qualität, die Sie von California Pizza Kitchen und Ruby Tuesday sehen. Stattdessen ist es wahrscheinlich entweder nichts oder fast unbrauchbar.
Lebensmittelfotografie ist schwierig und es bedarf eines echten Profis, um Erfolg zu haben. Für den Fall, dass der Kunde Ihnen so schlechte Fotos gibt, dass er tatsächlich die Wahrscheinlichkeit verletzt, dass jemand ins Restaurant kommt, müssen Sie einen Weg finden, ihn davon zu überzeugen, sie nicht zu verwenden. Vertrauen Sie mir, Klartext ist besser als eine Seite mit gag-induzierenden Bildern.
In diesen Fällen müssen Sie nur das reine Textlayout nutzen. Der Menüteil der Website von Marie Catrib macht das recht ordentlich. Beachten Sie, wie gut der gesamte Inhalt organisiert ist und wie viel Leerzeichen zwischen den Elementen vorhanden ist.
Für den Fall, dass Sie perfekte Bilder haben, aber eine ziemlich seltsame Sammlung davon, kann es schwierig sein, herauszufinden, wie sie alle in Ihr Design einfließen können. Das Chez Gerard-Menü unten behebt dieses Problem auf hübsche Weise, indem es versteckte Fotos anbietet, die angezeigt werden, wenn Sie mit der Maus über bestimmte Menüpunkte fahren.
Typografie
Viele Restaurants möchten raffiniert und hochwertig wirken, daher ist es für Designer ein Anstoß, viele fließende Skripte zu verwenden. Ich empfehle dringend, eine Seite mit Skript-Typografie zu vermeiden, da sie einfach zu schwer zu lesen ist. Es ist in Ordnung, es selektiv zu verwenden, aber bedenken Sie, dass es einfach ist, zu weit zu gehen.
Es versteht sich von selbst, dass Sie sich von Comic Sans und anderen Schriftarten fernhalten, die Ihrer Klienten Spaß machen. Wenn Sie möchten, dass Ihr Restaurant erstklassig aussieht, suchen Sie nach einer starken alten Serifenschrift. Wenn Sie wirklich Spaß am Aussehen haben möchten, ziehen Sie in Erwägung, dies durch die Grafik zu ziehen und für die meisten dieser Typen eine schöne moderne serifenlose Serife zu halten.
Wenn Sie jedoch wirklich alles mit lustigen Fonts machen wollen, können Sie es definitiv ausprobieren. Viele Designer können dies ohne Probleme durchführen, andere stürzen ab und brennen sofort. Eine Seite, die meiner Meinung nach gute Arbeit geleistet hat, ist The Little Cake Parlor. Ich bin zwar nicht verrückt nach dem zentrierten Spaltenlayout, aber die in dieser Site verwendeten Schriftarten sehen zusammen toll aus.
Sozialen Medien
Möchten Sie, dass Kunden Ihr Restaurant bekannt machen? Warum nicht an einer einzigartigen Social Media-Integration arbeiten? Die besten Implementierungen dieser Art, die ich gesehen habe, ermöglichen es Besuchern, bestimmte Menüpunkte zu teilen, die ihnen gefallen.
Zum Beispiel hat das Giraffe-Menü neben jedem einzelnen Menüpunkt eine Facebook-ähnliche Schaltfläche, mit der Benutzer ihren Freunden ganz einfach bestimmte Gerichte empfehlen können.
Fazit
Online-Menüs können sehr schwer zu entwickeln sein. Es ist schwierig, so viele Informationen in einem attraktiven und nutzbaren Format zusammenzustellen, aber ich hoffe, dass die oben genannten Tipps und Beispiele ausreichen, um Ihr Projekt in die richtige Richtung zu bringen.
Wenn Sie in letzter Zeit Online-Restaurantmenüs entworfen haben, hinterlassen Sie einen Kommentar mit einem Link, damit wir sie überprüfen können!
Titelbild von clspeace aufgenommen.