Wireframe vs. Implementação Final
Reflexão sobre o Desenvolvimento do Protótipo
Alterações Realizadas
Wireframe vs. Implementação Final
**Organização Visual**: O wireframe inicial previa um layout com barra lateral fixa e conteúdo dividido. Na versão final, adoptamos uma estrutura vertical fluida que se adapta ao tamanho do ecrã, proporcionando melhor experiência em dispositivos móveis.
**Navegação entre Receitas**: Inicialmente planeamos páginas separadas para cada receita. Implementamos uma janela sobreposta que surge ao clicar, mantendo o utilizador sempre no contexto do catálogo principal.
**Posicionamento dos Filtros**: Os filtros estavam desenhados numa barra lateral. Foram reposicionados horizontalmente acima das receitas, tornando-os mais acessíveis e visíveis em todos os dispositivos.
**Sistema de Destaques**: Adicionamos uma secção de receitas em destaque no topo da página, não prevista no wireframe inicial, para dar maior visibilidade a receitas selecionadas.
Decisões de Design
Escolhemos cores suaves com destaque laranja para botões e acções importantes. O espaçamento generoso entre elementos facilita a leitura e interação. Cards de receitas com imagens grandes criam apelo visual imediato.
Funcionalidades Ajustadas
**Favoritos**: Permanecem guardados mesmo após fechar o navegador, permitindo consulta posterior. **Filtros Combinados**: Possibilidade de filtrar por categoria, tempo e orçamento simultaneamente. **Visualização Adaptativa**: Três colunas em ecrãs grandes, uma coluna em dispositivos móveis.