Como criar um menu de restaurante fácil de usar no telemóvel

Um menu fácil de usar no telemóvel ajuda o cliente a decidir sem brigar com o ecrã

Para muitos restaurantes, o primeiro menu que o cliente vê está no telemóvel. Ele pode ler um código QR, abrir um link no Google ou tocar num link no Instagram. Talvez esteja de pé à frente do restaurante, a partilhar um telemóvel à mesa ou a tentar ler o ecrã enquanto segura uma bebida.

Esse contexto muda o que um bom menu precisa fazer. Um formato para computador num ecrã estreito leva a pessoa a ampliar o ecrã, arrastar para os lados e perder o ponto em que estava. Um menu de restaurante fácil de usar no telemóvel leva o cliente da categoria ao prato e, por fim, à decisão com menos esforço.

A solução não é diminuir tudo. As informações importantes precisam de espaço, o caminho deve ser previsível e o menu deve ser testado num telemóvel de verdade. Se ainda está a decidir como o sistema completo deve funcionar, comece por Menu digital para restaurantes: como funciona, benefícios e por que adotar. Este guia trata de deixar o menu público confortável de usar.

O que torna um menu de restaurante fácil de usar no telemóvel?

Um menu adaptado ao telemóvel deve permitir que os clientes:

• abram o menu rapidamente depois de ler ou tocar num link;
• leiam sem aumentar o zoom ou arrastar o ecrã na horizontal;
• entendam a diferença entre categorias, pratos, opções e preços;
• toquem na navegação, no idioma e nos filtros de dieta sem abrir o controlo errado;
• encontrem os detalhes que afetam a escolha, como porções, ingredientes e disponibilidade; e
• voltem ao menu depois de consultar um item sem perder o lugar.

Isso é um padrão de uso, não um estilo visual. Um menu pode parecer bem acabado e ainda ser cansativo. Um menu simples pode funcionar bem se a letra for legível, as secções forem claras e os controlos fizerem o que prometem.

O Google recomenda o design responsivo como o padrão móvel mais fácil de implementar e manter. O motor de pesquisa também usa a indexação mobile-first, então a versão para telemóvel merece o mesmo conteúdo e cuidado que a versão para computador. Por que menus digitais melhoram o SEO dos restaurantes explica o lado da pesquisa. Aqui, a prioridade é a pessoa que está diante da mesa.

1. Comece pelos primeiros dez segundos

O primeiro ecrã deve responder rapidamente a três perguntas:

1. Que restaurante é este?
2. Estou a consultar a versão atual do menu?
3. Onde toco para encontrar o que quero?

Mostre o nome do restaurante, o serviço ou período ativo, os idiomas disponíveis e o primeiro caminho útil de navegação. Se o menu é de almoço, diga isso. Se o jantar começa às 17h, não faça a pessoa descobrir depois de abrir um prato que ainda não está disponível.

Mantenha o primeiro ecrã leve. Uma imagem promocional grande, um vídeo que começa sozinho ou uma introdução longa empurra o menu para baixo. Coloque a comida e a próxima ação perto do topo.

A mesma regra vale quando o menu é aberto pelo Google, pelo site ou por uma rede social. Cada entrada deve levar ao mesmo menu atualizado, não a um PDF antigo ou a uma página sem explicação. Como adicionar o menu do restaurante ao Perfil da Empresa no Google e Como adicionar o menu do restaurante ao seu site detalham esses caminhos.

2. Organize as categorias para o ecrã do telemóvel

No telemóvel, as pessoas percorrem o conteúdo na vertical. Elas não devem precisar decifrar um bloco de texto nem abrir todas as categorias para entender a oferta.

Use categorias que acompanhem a forma como os clientes escolhem. Dependendo do restaurante, isso pode significar:

• entradas;
• sopas e saladas;
• pratos principais;
• acompanhamentos;
• sobremesas; e
• bebidas.

Não crie uma categoria para cada poucos itens apenas para encurtar a página. Muitas escolhas no topo dificultam a navegação. Poucas categorias obrigam o cliente a passar por pratos que não têm relação entre si.

Use nomes curtos e conhecidos. Se a cozinha usa um nome interno que os clientes não reconhecem, coloque primeiro o termo voltado para o público. Mantenha a navegação das categorias num lugar previsível e facilite o retorno ao topo ou a troca de secção.

Para saber mais sobre a ordem das categorias, os grupos de itens e a leitura no telemóvel, veja Como organizar um menu de restaurante para pedidos mais rápidos e confiantes.

3. Coloque os detalhes da decisão perto de cada prato

O cliente não deve precisar abrir três ecrãs ou chamar alguém para descobrir o básico. Cada item precisa de informação suficiente para apoiar a próxima decisão.

Na maioria dos pratos, verifique se o menu mostra:

• um nome claro;
• uma descrição curta dos principais ingredientes e da preparação;
• o preço e o contexto da porção;
• informações de dieta ou alergénios que o restaurante tenha revisto;
• opções, substituições ou adicionais que mudam o pedido; e
• a disponibilidade quando o item é limitado a um serviço, dia ou unidade.

Não transforme cada item num parágrafo. Quem está no telemóvel precisa de detalhes úteis, não de uma história sobre a receita. Como escrever descrições de menu que ajudam o cliente a pedir mostra uma forma prática de decidir o que entra na descrição.

Mantenha os preços visualmente próximos do item a que pertencem. Se o preço depende do tamanho, mostre os tamanhos e os respectivos valores com clareza. Se o acompanhamento não está incluído, diga isso antes que o cliente presuma o contrário.

Se uma foto ajudar a explicar o prato, use uma que carregue rápido e corresponda ao que a cozinha serve. Uma imagem grande que atrasa o menu não ajuda o cliente. Imagens responsivas podem reduzir os dados enviados para aparelhos menores, principalmente quando o ficheiro original é muito maior do que o espaço onde será exibido.

4. Faça com que cada toque seja fácil de acertar

O menu pode ser usado por alguém com uma mão, um ecrã trincado, um sinal fraco ou uma mesa movimentada. Controlos pequenos e muito próximos transformam uma navegação simples em tentativa e erro.

Dê tamanho e espaço suficientes para links, botões, troca de idioma, filtros e abas de categoria. O WCAG 2.2 define 24 por 24 pixels CSS como tamanho mínimo para a maioria dos controlos acionados por ponteiro, com exceções quando há espaço suficiente entre alvos menores. Trate isso como um piso, não como meta de design. Controlos maiores são mais fáceis de usar.

Verifique o básico:

• O cliente consegue tocar numa categoria sem abrir a que está ao lado?
• A troca de idioma é fácil de encontrar sem cobrir o menu?
• É possível fechar os detalhes de um prato ou um filtro por uma ação clara?
• O botão de voltar leva a um lugar esperado?
• Links e botões são visualmente diferentes do texto comum?

Se a resposta depender de um toque perfeito, o controlo precisa de mais espaço.

5. Mantenha o texto legível sem aumentar o zoom

Texto legível não depende apenas de uma letra grande. Ele também precisa de contraste, espaçamento entre linhas e largura adequada.

Evite linhas longas que ocupem toda a largura do telemóvel. Mantenha as descrições curtas o bastante para uma leitura rápida, mas não reduza a letra até que as palavras virem decoração. Verifique se o texto continua legível quando o cliente aumenta o tamanho da fonte no navegador ou usa uma lupa de ecrã.

Teste o menu sob a luz do dia e numa sala escuro. Uma descrição em cinza claro que parece elegante no computador portátil pode desaparecer perto de uma janela. Um fundo com textura pode dificultar a localização dos preços e dos rótulos de dieta.

O guia Menus digitais e acessibilidade: como facilitar o pedido para todos trata com mais detalhes de contraste, estrutura, idiomas e leitores de ecrã.

6. Teste todo o caminho do cliente num telemóvel

Não pare depois de confirmar que a página inicial carrega. Teste o caminho que o cliente realmente percorre:

1. Leia o código QR num telemóvel que não esteja conectado ao Wi-Fi do restaurante.
2. Abra o menu pelo site e pelo Perfil da Empresa no Google.
3. Confirme se o serviço, o idioma e a unidade estão corretos.
4. Encontre um prato popular sem usar a pesquisa.
5. Abra o prato e leia a descrição, o preço, a porção e os detalhes de dieta.
6. Troque o idioma e repita a verificação do mesmo item.
7. Gire o telemóvel e volte para a secção anterior.
8. Teste com o tamanho do texto aumentado.
9. Verifique uma ligação lenta e um aparelho com navegador antigo.

Peça que alguém que não criou o menu faça o teste. Quem escreve sabe onde a informação deveria estar. O cliente só sabe onde conseguiu ou não conseguiu encontrá-la.

Registe o aparelho, o ponto de entrada, o problema, a pessoa responsável e a correção. Relacione a mudança a uma auditoria do menu antes do serviço quando o problema afetar várias categorias ou canais.

Uma lista rápida para rever o menu no telemóvel

Use esta verificação antes de um período movimentado ou depois de uma atualização:

• O código QR abre o menu atualizado.
• O nome do restaurante e o período do serviço estão claros.
• O primeiro ecrã não esconde o menu atrás de uma imagem ou mensagem grande.
• As categorias são curtas, conhecidas e fáceis de trocar.
• O texto cabe no ecrã sem deslocação horizontal.
• Nomes, preços, porções, descrições e disponibilidade correspondem ao que a cozinha faz.
• As informações sobre dieta e alergénios foram revistas antes da publicação.
• Botões, links, filtros e controlos de idioma têm espaço suficiente.
• As imagens carregam rápido e correspondem à comida servida.
• O menu funciona em todos os idiomas publicados e nos principais pontos de entrada.
• Alguém fora do processo de edição testou o menu num telemóvel.

Mantenha a lista junto do registo de alterações do restaurante. Assim, um problema no telemóvel terá uma pessoa responsável e uma data, em vez de virar mais uma explicação repetida na mesa.

Faça da versão para telemóvel o menu de verdade

É fácil reconhecer um menu de restaurante adaptado ao telemóvel. O cliente consegue abri-lo, encontrar uma categoria, entender um prato e voltar quando precisa. Não precisa aumentar o ecrã com os dedos, procurar um botão minúsculo ou adivinhar se o preço pertence ao item acima ou abaixo.

Reveja juntos o primeiro ecrã, a estrutura das categorias, os detalhes dos itens, os controlos, o texto, as imagens e os pontos de entrada. Depois, teste o caminho publicado num telemóvel real antes do serviço. O Menuit ajuda restaurantes a manter esse menu num endereço público estável, com atualizações ao vivo e dados de visualização para apoiar a próxima revisão.