Adobe Muse permite criar sites sem conhecer o código

Isso é necessariamente uma coisa boa?

Adobe faz programas como InDesign, Illustrator e Photoshop, que permitem que quase todos os designers gráficos do planeta criem quase todas as peças de conteúdo visual que você já viu. Naturalmente, seu pão com manteiga está deixando os designers gráficos felizes. Então, seu produto mais novo, Musa , espera tornar a vida ainda mais fácil para designers - especificamente aqueles que trabalham em mídias mais tradicionais que estão sendo aproveitados para assumir mais projetos baseados na web - como uma ferramenta ultra-simplificada e focada graficamente para fazer websites.



O maior argumento de venda do Muse é que os designers não precisam aprender código (ou linguagens de marcação) como HTML, CSS ou Javascript para romper a barreira do design para a Internet. Como o diretor de engenharia do Muse, Joe Shankar, diz no vídeo introdutório: Vamos mudar a forma como os sites são construídos para designers gráficos.

Para algumas empresas de design, aprender código não é um bônus, é um requisito.



Usando uma interface muito parecida com o InDesign da Abobe, os designers podem criar sites de forma rápida e fácil como uma série de documentos dinâmicos que geram o código HTML necessário para serem publicados online. Elementos como barras de navegação e menus suspensos - recursos normalmente complicados de Javascript - estão incluídos como uma série de widgets que podem ser arrastados e soltos na página. Como uma conquista tecnológica, é incrivelmente impressionante. Brian W. Jones, um designer gráfico que conhece um pouco de HTML e CSS, mas não se considera fluente, ficou surpreso com o fato de completou o tutorial e construiu o site do tutorial em cerca de três horas. Ainda acho que é importante para um designer entender a marcação, diz Jones. Mas acho que isso tem um potencial enorme. Para alguns clientes meus de pequenos negócios, acho que tem o seu lugar. Jones planeja redesenhar seu próprio site com o Muse.



O Muse permite que os designers criem um modelo que pode ser editado facilmente para cada página do site

É fácil ver que o Muse permitirá que designers especializados em criar belos layouts de impressão transformem facilmente seu trabalho em um site simples e totalmente funcional. Mas para designers que dedicaram tempo para aprender a projetar e codificar seus sites - um grupo que o engenheiro da Adobe Jason Prozora-Plein diz no vídeo ser muito pequeno - eles estão frustrados que o Muse está fornecendo um atalho para o que eles acham que deveria ser um rito de passagem obrigatório para qualquer um que trabalhe na web ou próximo a ela .

Uma boa marcação é uma parte fundamental de um bom design: bonito por dentro, bonito por fora, diz Frank chimero , um designer e ilustrador independente que escreveu um excelente post argumentando o caso para o código . É importante perceber que a web é um meio experiencial. É 4-D: há mudanças ao longo do tempo conforme os usuários interagem com o trabalho. Imagens estáticas de sites não são boas, assim como uma imagem estática de um filme apenas dá uma leve sensação do que é ver o filme.



Para algumas empresas de design, aprender código não é um bônus, é um requisito. Randy J. Hunt , diretor de criação em Etsy.com , não contratam designers gráficos que não sabem escrever código, mesmo que não seja seu trabalho principal. Trata-se de compreender o seu meio, diz ele. Um designer que pretende criar sites ou fazer produtos interativos deve entender as partes móveis com as quais está trabalhando. Na verdade, eles devem ser capazes de criá-los. Ser capaz de manipular significa que você pode realmente tomar suas decisões de design no meio.

O Muse usa uma interface e uma barra de ferramentas familiares para qualquer pessoa que já tenha usado o programa Adobe InDesign

A última tentativa da Adobe em uma ferramenta de web design WYSIWYG (o que você vê é o que você obtém) é Dreamweaver , que a Adobe adquiriu da Macromedia em 2005. Com uma interface que alternava entre código e imagens, o Dreamweaver era o queridinho dos designers da Web 1.0, mas foi criticado pelo código que gerava não era tão bom quanto o que um designer poderia fazer à mão –Especialmente quando se tratava de padrões da web , um movimento para tornar o conteúdo flexível e compatível em navegadores e dispositivos. O Dreamweaver melhorou, mas agora o Muse - com seu código completamente oculto - parece um retrocesso. Um dos campeões dos padrões da web, guru do design Jeffrey Zeldman , diz que, embora goste do Muse por sua facilidade de criação de layouts, ele ainda não atende seu apelo por uma Internet melhor. O software não pode gerar HTML que seja amigável para o mecanismo de pesquisa, de fácil acessibilidade e portátil entre desktop e celular, diz ele. Somente profissionais de web design que entendem de marcação semântica, layout da web responsivo e adaptável e interface de usuário móvel podem fazer isso.



Mas talvez o Muse possa servir a um propósito maior para designers que não se sentem confortáveis ​​em aprender código - ou que não têm tempo - na maneira como interagem com clientes e desenvolvedores. John Morefield , um arquiteto que está trabalhando em um novo site, usou o Muse para criar uma estimativa aproximada do site, que ele pode compartilhar com investidores e outras pessoas que trabalham no projeto. Posso gerar e iterar nisso muito mais rápido do que uma maquete de wireframe do Photoshop, diz ele. Essa ferramenta me permite obter feedback de alguém, alterá-lo, enviar um link e permitir que ele visualize. Morefield diz que é capaz de expressar suas ideias com mais clareza do que um esboço ou apresentação de slides porque está trabalhando no meio - o que move o projeto mais rápido. Acho que esse é o nicho em que isso deve se encaixar, diz ele sobre o Muse. Dessa forma, eu, como cofundador criativo, mas não orientado ao código, posso realmente gerar um trabalho útil nas fases de pré-lançamento do projeto. Mais tarde, ele planeja passar seu protótipo para um desenvolvedor web, que pode recriar o que ele fez (e corrigir quaisquer possíveis bugs, diz ele).

Morefield diz que é capaz de expressar suas ideias com mais clareza do que um esboço.

Como um não designer que foi pressionado a usar o serviço de Internet ao fazer meu próprio site, posso ver o fascínio do Muse. Aprendi sozinho (muito básico) HTML e CSS para personalizar um modelo WordPress ao meu gosto, mas certamente não seria capaz de produzir um site com gráficos complicados como Site do tutorial do Muse com meu conjunto de habilidades atual. Claro, gostaria que meu site ficasse mais bonito. Mas, ao mesmo tempo, prefiro saber como cada pedaço de código afeta o produto final. Quero ser capaz de entender por que algo está quebrado em meu site e como posso consertar. E com recursos como Code Academy , uma série de tutoriais online gratuitos para aprender coisas como HTML e a divertida série de vídeos Não tema a Internet , realmente não há razão para ninguém, designers ou não designers, pelo menos tentar aprender.

Um site para um Katie’s Cafe fictício, que foi criado usando o tutorial do Adobe Muse

Para quem deseja criar um site estático e baseado em imagens, como um site de casamento ou uma página de uma pequena empresa, com informações que não precisam ser atualizadas ou alteradas com muita frequência, o Muse pode fazer sentido. E é por isso que é inteligente para a Adobe tornar o Muse grátis no primeiro ano, já que vai atrair os não designers ou designers amadores com a promessa de construir seu próprio site, e então cobrar deles um taxa de assinatura mensal quando ele for lançado. Mas, sem nenhuma maneira de conectá-lo a um sistema de gerenciamento de conteúdo, não é muito útil para quem imagina ter um site dinâmico e interativo, com recursos como um componente de blog (o que é muito importante, na minha opinião). E embora o Muse seja feito para designers, ele não vai catapultar qualquer designer de impressão para uma carreira de design web de sucesso, porque esses tipos de recursos são o que os clientes desejam. O Muse ajudará algumas pessoas a criar sites, diz Zeldman. Mas ele não pode substituir as habilidades de um designer front-end profissional competente, assim como o acompanhamento automático não pode substituir os músicos.

[Imagem superior: uma imagem estática de o vídeo para Radiohead's Castelo de cartas ]