Categoria: Sem categoria

Na Monday cada projeto é único e tem uma forma especial de desenvolvimento. Cada cliente é diferente e tem problemas específicos. Trabalhamos de perto com os clientes para fornecer tudo o que realmente precisam.

Acredito firmemente que o crescimento de um gestor de projeto pode ser visto quando se olha para cada entrega final.

Mas, para garantir o sucesso de um projeto, deverás ser capaz de tomar o teu lado retrospetivo final. Como? Treina-te para identificares as metodologias que utilizaste no projecto e que te levaram a responder às necessidades do teu cliente.

Para isso, deixa-me falar um pouco sobre 3 passos chave por detrás de um projeto que podem influenciar o resultado final.

1. A gestão do cliente…

O cliente vem primeiro. É ele quem melhor conhece o negócio e *é* trabalho do gestor de projeto garantir que no final o cliente recebe o que realmente quer.

Para resumir brevemente, para além de tudo o que o cliente realmente precisa.

“Each project has a Product Owner that is responsible to maximize the value of the final product.“ Acredito realmente neste pensamento do The Scrum Guide.

Depois de “decifrar” o cliente precisa *é necessário* trabalhar na especificação do projeto (requisitos funcionais e não funcionais).

Sempre que possível, estes devem ser especificados em pormenor e apresentados ao cliente antes de irem para as equipas de criação e desenvolvimento.

Desta forma, o gestor de projeto pode gerir as expectativas do cliente e reduzir o efeito surpresa – desilusão – no produto final.

O cliente sabe o que foi pensado para o seu projeto e sabe que estamos alinhados.

2. Equipa? Vamos a isto!

A forma como esta parte é feita pode variar muito entre organizações, equipas e indivíduos.

Existem diferentes métodos que te permitirão gerir e coordenar as equipas de forma eficiente.

É obrigatório garantir que todas as equipas estejam na mesma página.

Será que conhecem o objetivo do projeto?

Estão conscientes de todas as especificações exigidas?

Compreendem todos os detalhes do projeto?

“gerir e coordenar as equipas de forma eficiente”.

Se todos estes assuntos não forem claros no início do projeto, posso assegurar-vos de que não será um passeio feliz…

Vamos detalhar tudo! Não tenhas medo de falar muito, de explicar tudo uma e outra vez. Não queremos que o nosso projeto se torne um longo caminho ou um “elefante branco”.

“White elephant’ projects are not only often large and expensive to build and take longer than originally estimated, but also form and ‘prestige’ so dominate over function that the project never performs satisfactorily either in terms of stated role, unclear as it often is, or financially.”, Problems of ‘Big,’ ‘White Elephant’ Projects and Project Management

Projetos de “elefante branco” não são apenas grandes e caros para construir e levam mais tempo do que originalmente estimado, mas também forma e ‘prestígio’ dominam tanto a função que o projeto nunca funciona satisfatoriamente em termos de função declarada, obscura como costuma ser , ou financeiramente.”, Problemas de Projetos ‘Grandes’, ‘Elefante Branco’ e Gestão de Projetos

Por exemplo, usa o Scrum Events para definir o ritmo do projeto! Sprint Planning, Daily Scrum, Sprint Review, Sprint Retrospective.

A minha preferida, reunião de pé. Encontramo-nos todos durante (no máximo) 10 minutos e perguntamos a nós próprios:

O que é que eu consegui ontem?

O que é que vou fazer hoje?

Que obstáculos estão a impedir o meu progresso?

Quando trabalhamos com equipas, um dos maiores desafios é também a gestão de pessoas.

Todos nós temos dias bons e maus, personalidades diferentes, preocupações e confidências. Compreender o perfil de cada membro da equipa e adaptar a comunicação pode ser um processo rigoroso. Mas, também é tão essencial!

Quase pronto!

3. Estamos quase no fim, mas… Falta-lhe algum detalhe?

A fase final é normalmente a que leva mais tempo e esforço.

Porquê? Detalhes, detalhes, detalhes! Desde que se alinhe tudo no início do projeto, quando o cliente vê o resultado final, terá sempre a contribuição das suas equipas.

Como verás, todos os detalhes são importantes e influenciam o tempo de vida do projeto em muitos aspetos diferentes.

• Os detalhes escondidos por detrás do briefing do cliente – o que é que ele realmente precisa?
• A interpretação da equipa sobre o projeto – será que eles compreendem realmente o que especificaste?
• O cliente está satisfeito com o projeto – todos os pontos inicialmente especificados estão desenvolvidos? Está a funcionar correctamente?

No final desta viagem, o projeto poderá estar concluído, mas o conhecimento adquirido através deste caminho continuará a apoiar e reforçar as competências do gestor do projeto ao longo de todos os novos projectos.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Aqui, na Monday, tendemos a trabalhar em projetos diferentes e excitantes. Então, qual é o nosso molho secreto? O que é que nós fizemos que foi tão especial para os nossos clientes?

Comecemos pelo princípio. Somos uma agência digital chamada Monday e trabalhamos na Transformação da Experiência do Cliente. Talvez não tenhas ouvido falar de nós, somos nós que trabalhamos nos bastidores. Mas garantimos-te que já utilizaste alguns produtos que concebemos.

Em 2017, Full Fabric uma empresa que fornece experiência em tecnologia de ensino superior, contratou-nos para os ajudar a transformar e desenhar o seu website numa plataforma de aquisição de clientes. Como sempre fazemos, começámos por reunir-nos com o nosso cliente e convidamo-lo a fazer parte da equipa. Para conhecer verdadeiramente as necessidades dos seus clientes e o seu produto, como para ser uma comunicação e parceria de 2 formas.

Fizemos a sua nova experiência de utilizador, construímos o seu novo website, iconografia e representação visual. Após algumas afinações e menos de 8 semanas o projeto foi feito.

Em Julho de 2017 o site estava online e após apenas um mês no ar a Full Fabric já tinha aumentado os seus utilizadores em 43% e as suas sessões em mais de 38%.

Mais uma vez, a transformação da nossa experiência de cliente fez o que se pretendia, criar valor para o nosso cliente em termos do seu website.

Vamos falar de algumas especificações

Tem um aspeto diferente. Num mercado sobrelotado, tivemos de encontrar uma forma de identificar facilmente a Full Fabric. Trabalhando com o seu azul vibrante combinado com branco puro e, claro, espaço branco, demos-lhes um aspecto profissional com uma abordagem amigável e uma imagem facilmente reconhecida.

Explicação natural e intuitiva

Sendo uma plataforma enorme com soluções diferentes, precisávamos de as mostrar de uma forma acessível e de como são fáceis de utilizar. Criámos ilustrações simples para que todos pudessem perceber os benefícios da Full Fabric. A nossa intenção foi sempre mostrar como é bela e fácil de utilizar a interface Full Fabric.

Manutenção e crescimento

Então, o que vem a seguir? Após a conclusão do projeto, estamos neste momento a trabalhar na manutenção e crescimento da Full Fabric. Mas porquê? Porque nenhum projeto está sempre concluído, o mercado está em constante mudança e estamos a trabalhar com a Full Fabric no aperfeiçoamento contínuo do seu website.

Como já viram, o nosso molho secreto não é coisa de magia negra. Claro que é difícil criar e combinar todos os ingredientes, mas tudo se resume a uma frase simples: trabalhem em conjunto e podem conseguir o melhor.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Michael Nunes

Chief Creative Officer  @ Monday 

Meet Michael 

Outros artigos de Michael Nunes

Flat Design 2.0: O Design Thinking por detrás da sua evolução

Portanto, se ainda não ouviste falar de empatia, esta é a capacidade de compreender e identificar as necessidades de outra pessoa, como os seus objetivos, emoções e motivações na vida.

Para conceber grandes experiências, as melhores empresas procuram, sem esforço, insights de empatia para compreender o seu público. Para os designers, a empatia proporciona um propósito único para criar melhores decisões de design.

Ao praticarmos a empatia (e com isto quero dizer, entregando-nos ao contexto do utilizador/alvo) podemos recolher informações cruciais e objetivar quais são os pontos-chave de que precisamos para criar uma experiência e um produto de sucesso.

Para os designers, a empatia proporciona um propósito único para criar melhores decisões de design.

Queres experimentar isto? É necessário utilizar estes 3 exercícios em conjunto. Por isso, vamos levar essa empatia a bordo 🛥️

• Vê o que as pessoas fazem
• Tenta colocar-te nos sapatos deles
• Pede às pessoas para participarem no teu projeto (pede-lhes feedback, não sejas teimoso e pede informações)

Ainda duvidas da necessidade de usar a empatia no nosso processo de conceção?

Quando criamos um website/app/plataforma, estamos a criar experiências para um utilizador, e essas experiências só funcionam ao seu mais alto nível se forem feitas com um propósito. Imagina-te a planear a tua viagem de Verão. Começa primeiro a analisar para onde queres ir. Depois o teu próximo passo é falar com amigos que viajaram recentemente, perguntar-lhes sobre a sua experiência, onde e quando foram, e porque foram nessa data específica, etc. No entanto, para a maioria das pessoas isso não é suficiente 😉 precisamos de navegar na Internet e saber mais sobre a sua viagem, para nos podermos inspirar ainda mais.

Mas porque é que fazemos isto?

Fazemos isto para criar, com base na experiência dos outros, uma experiência ainda melhor.

Ao usar a empatia no processo de design, criamos uma experiência semelhante. A fim de conceber produtos e serviços, precisamos de aprender sobre as pessoas e o objetivo que elas têm, só assim se pode compreender o que elas precisam para realizar a sua tarefa. Quando aprendemos sobre o nosso público a um nível subjetivo, podemos compreender quais são as suas necessidades e o que sentem quando as realizam.

Para os designers e pensadores de design, a empatia é permitir a compreensão real das necessidades e emoções das pessoas, tornando possível criar soluções melhores e bem sucedidas.

Quando se aprende sobre o seu público a um nível subjetivo, pode-se compreender quais são as suas necessidades e o que sentem quando as realizam.

Assim, nunca te esqueças, a empatia permite a criação de grandes produtos como o primeiro iPhone e, não a utilizar, leva a um resultado muito menos bem sucedido, como as capas de webcam. Alguém alguma vez comprou uma destas capas?! Prefiro usar um autocolante normal 😉

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Michael Nunes

Chief Creative Officer  @ Monday 

Meet Michael 

Outros artigos de Michael Nunes

Monday apresenta: Uma transformação da experiência de cliente para a Full Fabric

Para descobrir as necessidades reais da empresa, é preciso ter tempo para as compreender. Não há atalhos para projetos significativos e alguns projetos necessitam de ferramentas específicas para o trabalho.

Para alguns, é considerado um luxo interromper as atividades do dia-a-dia. No entanto, outros saberão que uma sessão pode fazer-te avançar três vezes mais depressa e, o mais importante, mais sabiamente.

Vale a pena parar e estar consciente o suficiente para convidares o teu cliente a refletir sobre o teu próprio negócio. Poderás aprender sobre os seus negócios e estarás também a reforçar a colaboração a partir, potencialmente, de uma reunião (reunião de briefing).

Na Monday acreditamos nesta abordagem e estamos a começar a testá-la para a podermos aplicar internamente. Para um pequeno teste, desafiámo-nos a aprender a utilizar ferramentas de colaboração para informar as nossas sessões de briefing: Business Model Canvas seguido do Value Proposition Canvas.

O objetivo de fazer um Mapa de Proposta de Valor (Value Proposition Map) é chegar a uma frase simples que resume a proposta de valor real de um negócio através dos olhos do seu cliente, um exercício de empatia que tenta validar que está a fazer tudo o que o seu cliente procura. Por sua vez, o Business Model Canvas tenta resumir o teu negócio numa simples canvas.

Moderação através da prática

Queríamos que todos na nossa equipa fizessem parte desta experiência de teste, especialmente as pessoas que na Monday falam direta e diária com os nossos clientes.

Sabíamos que primeiro tínhamos de começar com algum tipo de exercício interno para compreender plenamente as ferramentas. Após algumas reuniões, um dos fundadores da Monday teve a ideia: Vamos passar a próxima quarta-feira à noite numa escola!

Quem gosta mais de fazer perguntas do que as crianças?
Ninguém. 🙂

Rapidamente a ideia tornou-se clara. Ele conhecia uma escola onde os alunos do 7º ano se concentravam na construção de uma aplicação. Era um concurso escolar nacional ‘http://www.applica-te.com/‘. As crianças já estavam a desenhar os seus ecrãs da app em papel e as ideias estavam a prosperar!

Este era o desafio perfeito para nós. Para começar, as crianças adoram fazer perguntas, então quem melhor desafiar para testar os seus próprios conhecimentos do que passar algumas horas com as pessoas mais curiosas do planeta (crianças)?

Além disso, eles já tinham tantas ideias concretas! Rapidamente isto poderia tornar-se um quadro muito realista do que poderia acontecer numa verdadeira reunião com um cliente. As pessoas adoram começar a construir algo, mas colocá-las numa perspectiva reflexiva em primeiro lugar tornará todo o objetivo do produto mais claro.

\

Sobre a sessão na escola

Antes de irmos, para preparação, encontrámo-nos internamente e juntos simplificámos as áreas do canvas para as crianças, mas também para nós próprios, para que pudéssemos manter as palavras simples e os conceitos arrumados.

À tarde, fomos à escola com as nossas notas e metáforas prontas.

Organizámos a sessão desta forma:

1. Como o teu negócio/produto vai funcionar (Business Model Canvas)
2. O que é que os teus clientes vão querer/precisar/sentir? Como irão entregar esse valor (Value Map)
3. Uma frase que resume o valor da aplicação para os teus clientes. (Utilizando um pequeno template)

Conclusão e próximos passos

Como moderadores, o nosso trabalho é manter as pessoas nesse espaço de reflexão enquanto fazemos as perguntas certas para manter as pessoas motivadas e nós fizemos com que isso acontecesse! Todos nós obtivemos bons conhecimentos e mais dúvidas da prática. Isto foi bom para consolidar os conhecimentos para as próximas sessões. Para os próximos passos, decidimos que, como equipa, faríamos um exemplo sólido com o qual todos nós nos podíamos relacionar.

Por isso, no início desta manhã, concebemos o nosso próprio Mapa de Propostas de Valor para a Monday. Ainda estamos a trabalhar nele, mas as discussões já estão a tornar-se claras para o futuro. Citando o nosso fundador esta manhã: “É ótimo parar e fazer estas sessões para falar sobre questões que pensamos não serem importantes, mas que são verdadeiramente importantes”.

Let’s see what happens next!

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Porque não recebo mais visitas no meu website redesenhado? Porque é que as minhas vendas online diminuíram após a minha última campanha? Por que não tenho utilizadores na minha nova e brilhante aplicação?

A indústria criativa tem vindo a dançar ao ritmo do seu próprio tambor há já algum tempo. A dificuldade em medir e quantificar corretamente o impacto de uma estratégia criativa no passado criou uma cultura de fornecedores de serviços demasiado concentrada na solução sem compreender completamente o problema. Esta cultura já não se enquadra na era da análise.

“A indústria criativa tem vindo a dançar ao ritmo do seu próprio tambor há já bastante tempo”.

Hoje em dia, tanto as empresas estabelecidas como as novas empresas ainda precisam de se diferenciar da concorrência e a criatividade ainda é um ingrediente necessário para o fazer, mas agora mais do que nunca temos instrumentos para medir e analisar o impacto digital de qualquer ação. Esta nova realidade justifica a exigência de uma explicação analítica para as escolhas criativas que fazemos.

“(…) Business Model Canvas, Blueprint e os processadores analíticos devem permitir-nos trabalhar em conjunto com os nossos clientes (…)”.

Muitas vezes acreditamos que não há espaço para a emoção nas estratégias analíticas e também não há dados reais a medir sobre a criatividade, mas os dois lados da moeda não devem ser mutuamente exclusivos. Numa metodologia moderna de desenvolvimento de projetos, devemos utilizar as limitações do trabalho com os KPI’s que são vitais para as empresas dos nossos clientes e utilizá-los para estimular o desenvolvimento de soluções inovadoras e criativas.

A adoção de ferramentas que proporcionem diversas perspectivas no nosso processo, tais como o Business Model Canvas, Blueprint e os processadores analíticos, deverá permitir-nos trabalhar em conjunto com os nossos clientes para identificar e compreender verdadeiramente o problema antes de começarmos a trabalhar para uma solução. O que a agência digital precisa de oferecer hoje é um processo que começa por uma compreensão profunda da proposta de valor do cliente aos seus clientes e que leva a uma recomendação criativa e sustentada analiticamente para a melhor forma de a comunicar e capitalizar.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Temos menos reuniões e mais curtas? Teremos mais equipas de apoio?

Acreditamos que o nosso pessoal faz a agência e essa é a principal razão pela qual nos mudámos para a nossa Second Home Lisboa. Mas porquê? Comecemos pelo nosso nível de energia. Para realizar um trabalho de grande qualidade, uma equipa precisa de entrar na agência mentalmente forte. Precisamos sempre de um grande impulso de energia para pensar através de tarefas complexas e isso é uma prioridade para nós. Nunca poderíamos desapontar os nossos clientes. A sua confiança é a prioridade nº1, todos eles merecem um grande trabalho e um excelente serviço.

Photography: Iwan Baan

 

Mudança do nosso escritório

Ao escolher a Second Home como nosso escritório, estamos a dar à nossa equipa um ambiente saudável, cheio de plantas (1000 para ser mais preciso). Ajuda-nos a ter uma sensação de serenidade, o que nos leva a um melhor enfoque, culminando num melhor trabalho criativo. Quando se pede a alguém que seja criativo, está-se efetivamente a pedir-lhe que se expresse e assuma riscos. Requer autoconfiança e bravura.

Assim, com esta mudança, elevamos as nossas crenças de que um ambiente acolhedor onde todos se sentem suficientemente relaxados para se expressarem pode trazer grande trabalho e autoconfiança dentro de uma equipa. Isto é algo que ganhamos não só com o espaço físico, mas também com o espaço emocional.

Além disso, a fim de aumentar o conhecimento cultural da nossa equipa e o conhecimento das novas tendências do mercado, temos conferências semanais. Nestas conferências, temos um contato direto com profissionais de diferentes áreas de todo o mundo. Isto permite-nos alcançar uma melhor perspectiva global a partir de onde o mercado está e para onde vai.

Photography: Iwan Baan

Viver num mundo multicultural

Outro ponto é a diversidade. Estar rodeado de pessoas diferentes de diferentes áreas e de diferentes partes do globo significa conhecimento. Ganhamos conhecimento a partir do nosso ecossistema. Tornando-nos mais capazes de alcançar uma qualidade de trabalho ainda mais elevada.

Photography: Iwan Baan

Mente saudável corpo saudável = Vida feliz

As pessoas precisam de estar mental e fisicamente saudáveis para conseguirem um bom e melhor desempenho. Assim, temos aulas de Yoga e Pilates e cada membro da equipa tem a oportunidade de trabalhar a sua flexibilidade (bem, uns melhores do que outros, claro ehehe). Todos sabemos como isso nos faz mal por estarmos sentados durante longas horas estreitas. Portanto, nada melhor do que ter a nossa aula aqui mesmo.

Photography: Iwan Baan

Alterações bem-vindas

Encorajar a mudança, e depois abraçá-la. Tentamos estar sempre abertos às mudanças e deixamos que elas aconteçam organicamente quando faz sentido. Só porque algo estava certo de uma certa forma uma vez, não significa que deva permanecer assim para sempre. Vivemos num mundo de constantes mudanças, por isso a melhor maneira é sentir o fluxo e nunca ter medo da evolução.

Abraçar a amizade

Por último, mas não menos importante, queremos falar do companheirismo da equipa. Na Monday, fazemos o nosso melhor para acolher cada novo membro a esta segunda família. Os mais velhos têm o princípio de ajudar e orientar os membros mais novos para uma atmosfera feliz e amigável.

Ao trabalhar num ambiente de trabalho saudável, sabemos que cada um de nós estará ainda mais ansioso por proporcionar um desempenho de qualidade excepcional.

Oh, e há sempre competição amigável para nos obrigar a fazer aquele olhar maligno e a rir maligno, como as competições de almoço saudável (vejam-no como um exemplo, não fazemos este tipo de coisas… realmente…). Sim, sabemos que para alguns isto pode ser um jogo tolo, mas tomem-no como exemplo de como simples desvios podem fortalecer a unidade de uma equipa. E este tipo de jogos pode criar uma competição interior contínua que resultará em melhores projetos. Vemo-lo na nossa equipa e, mais adiante, vemo-lo na melhoria contínua da qualidade do nosso trabalho.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Michael Nunes

Chief Creative Officer  @ Monday 

Meet Michael 

Outros artigos de Michael Nunes

Comportamento do utilizador: Porque precisas de um bom Design

Quando se trata de design, todos sabemos que o design thinking é um pensamento que permanecerá por alguns bons anos.

Em termos de design, estamos a ver uma preocupação maior em manter apenas o que importa. Com um design esteticamente limpo e simples de usar, podemos destacar a informação apresentada e facilitar o acesso e a navegação, independentemente do dispositivo utilizado.

De facto, é bom ver alguns dos ensinamentos de Ludwig Mies Van Der Rohe “menos é mais” postos em prática. Claro que muitos irão opor-se fortemente a estes ideais mas, quando analisamos o mercado, notamos que a maioria das marcas e empresas (em aplicações, websites, embalagens, publicidade…) estão a tentar chegar até nós através de uma abordagem errada, quase que gritando connosco com o máximo de informação que podem. E é por isso que o Flat Design 2.0 está a chamar a nossa atenção! Coloca algumas das chamadas verdades de lado e dá-nos espaço para respirar.

Mas não devemos esquecer que cada projeto tem as suas próprias especificidades. Mínimo e plano (flat) nem sempre são a melhor resposta, como nas aplicações móveis para utilizadores mais velhos, que estão mais familiarizados com padrões texturizados e ícones descritivos, uma vez que não estão tão habituados a estas novas ferramentas. Com isso em mente, temos de abordar cada projeto como único, analisando e estudando o alvo por detrás de cada projeto específico.

Vejamos alguns dos prós e contras da utilização do Flat Design 2.0

PRÓS

• Abrange os vários tamanhos de ecrã, o que o torna extremamente adaptável em websites responsivos;
• Remove todos os elementos desnecessários para que os utilizadores possam concentrar a sua atenção no que é importante: conteúdo;
• Remove elementos desnecessários que podem abrandar o carregamento de informação, criando websites mais rápidos e também ajudando os utilizadores em termos de utilização de tráfego móvel na Internet;
• É fácil de trabalhar em transições e animações.

CONTRAS

• Se não for usada de forma inteligente e cuidadosa, a conceção plana pode acabar por ser genérica e não criar o factor “uau” como deveria;
• Pode limitar os designers, criando apenas esquemas simples de cor, formas ou iconografia, não pensando fora da caixa quando necessário.

 

Como alguns devem saber, uma parte do Flat 2.0 foi estudada pelo Google Material Design. Este estudo tem numerosas e interessantes características e uma das mais interessantes é o eixo z.

“The z-axis is perpendicularly aligned to the plane of the display, with the positive z-axis extending towards the viewer. Every sheet of material occupies a single position along the z-axis and has a standard 1dp thickness, equivalent to one pixel of thickness on screens with a pixel density of 160.

On the web, the z-axis is used for layering and not for perspective. The 3D world is emulated by manipulating the y-axis.” — Google

Imaginemos uma folha de papel que se pode expandir, reformular, dividir ou mesmo fundir-se com outra folha de papel como quisermos. Como papel na vida real, podemos empilhar uma em cima da outra. Com o eixo z quando se “levita” uma das folhas aparece uma sombra, criando um simples mas útil “skeuomorphism” que dá uma impressão de planos dimensionais.

Conclusão

O bom design tem a necessidade de melhorar ano após ano para melhorar a experiência dos utilizadores e é por isso que a evolução flat design nos levou ao Plano 2.0. Mantém a mesma abordagem limpa e mínima, mas cria uma experiência mais fácil de usar. Basicamente os websites planos (flat) são óptimos para navegar através de todos os dispositivos, carregam mais rapidamente, pelo que se espera menos nos ecrãs de carregamento, e os conteúdos são bem organizados. Não precisamos de utilizar design plano ou mínimo em todo o lado, mas é importante compreender o pensamento por detrás desta abordagem de design que nos pode ajudar a alcançar padrões melhores e mais elevados quando usados corretamente.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Michael Nunes

Chief Creative Officer  @ Monday 

Meet Michael 

Outros artigos de Michael Nunes

5 coisas que grandes equipas de design fazem pelos seus clientes 

Construir um site hoje em dia é muito mais do que criar uma simples página web. As necessidades são ilimitadas, fazendo-nos confiar em diferentes ferramentas que nos podem ajudar a validar os passos que damos e a qualidade do projeto. Quando há muitos projectos que necessitam da tua atenção e tempo, é necessário que estas ferramentas o ajudem a realizar um trabalho notável no menor tempo possível.

O principal objectivo deste artigo é não só nomear algumas características essenciais que precisas de conhecer ao criar um website, mas também partilhar algumas dessas ferramentas.

Características Essenciais

Acessibilidade

Esta característica é considerada a base de um bom projeto, mas por vezes é negligenciada.

A World Wide Web não é mais do que uma enorme base de dados que tem de ser acessível a todos, mesmo aos utilizadores que necessitam de tecnologia Assistiva para aceder a conteúdos digitais. Quando o fazemos corretamente, aumentamos a qualidade e relevância do projeto, e o alcance da plataforma.

Para avaliar a acessibilidade:

• Verificar markup (HTML, XHTML) of the web documents:

http://validator.w3.org

• Verificar ligações e âncoras em páginas web ou websites completos:

http://validator.w3.org/checklink

 

Design

Como diz o Michael Nunes: “A good design is one that works”.

Era uma vez, em que as pessoas usavam apenas os seus computadores para acederem à Internet. Agora parece que não podemos viver sem os nossos telemóveis e os nossos tablets. Por isso, é importante que todos os websites sejam reativos, capazes de se adaptarem a todas as resoluções de ecrã. Uma característica obrigatória para o que é considerado um bom design.

Para testar a capacidade de resposta do design da web:

• Online Media queries tester: http://beta.screenqueri.es/
• Para teste em dispositivos Android na app Chrome: https://goo.gl/2qfWhD
• Para teste em dispositivos iOS na app Safari: https://developer.apple.com/safari/tools/

Performance

Hoje em dia, a performance de um website é absolutamente essencial.

Não gostamos de esperar. Não queremos esperar. Não vamos esperar. É assim que os utilizadores percebem a sua experiência na World Wide Web hoje em dia. Portanto, os websites precisam de ser carregados mais rapidamente, caso contrário, as janelas vão ser fechadas.

E isso é importante não só para os utilizadores, mas também para os motores de busca, como aponta o Google.

Conselhos para melhorar o desempenho de um website:

Otimizar as imagens

• Remover metadata com uma aplicação como o codeKit, para reduzir o peso da imagem;
• Utilizar a imagem no tamanho certo para o efeito;
• Adaptar o tipo certo de imagem ao objetivo e otimizar sempre com base na qualidade vs. quantidade.

Reduzir o máximo de pedidos HTTP que puderes:

• Combinar o CSS e o ficheiro JS sempre que possível;
• Tornar obrigatória a utilização de imagens sprite.

Sempre que possível, escolher textos em vez de imagens para diminuir o número de pedidos HTTP.

Agrupar e minimizar Scripts e CSS para remover informação desnecessária. Ao torná-los mais leves, estarás a otimizá-los e a reduzir também o número de pedidos HTTP.

Utiliza um sistema de cache sempre que possível para reduzir consideravelmente a quantidade de pedidos feitos ao servidor, quando alguém está a aceder ao website.

Validar a resposta de qualidade do website em termos de desempenho:

• Recebe um relatório sobre a qualidade do conteúdo do teu website: https://developers.google.com/speed/pagespeed/
• Otimizar imagens para um melhor resultado: https://imageoptim.com/mac
• Agrupar e minimizar ficheiros JS/CSS e optimizar imagens: http://incident57.com/codekit/
• Task Runners: https://www.npmjs.com/package/gulp and http://gruntjs.com/

SEO

O SEO certo ajuda o website a obter mais visibilidade nos motores de busca, o que irá aumentar o número de acessos. É importante verificar o SEO e corrigir possíveis problemas antes do lançamento do website.

Com uma ferramenta como o VARVY é possível analisar todo o projeto e determinar a sua qualidade. A ferramenta dar-te-á um relatório com todas as falhas apontando a forma de as corrigir. Avalia aqui todos os pontos e fornece uma lista das melhores práticas para melhorar a qualidade de um site.

Existe uma extensão Chrome para ajudar a validar todos estes pontos mais rapidamente: https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp.

O seguinte site é também útil para utilizar como checklist: http://webdevchecklist.com/

Para construir um grande website há tanto a que prestar atenção mas, uma vez organizada a tua lista de verificação, será mais fácil para ti obter os melhores resultados. Presta atenção a todos os detalhes para entregares um website que cumpra o briefing e exceda todas as expetativas.

Obrigada por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco 

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Concebido para lidar com todo o tipo de projetos, o Git é um sistema de controlo de versões distribuído de código aberto e gratuito amplamente utilizado para o desenvolvimento de software. Fácil de aprender, com uma pegada minúscula e um desempenho rápido, o Git apresenta uma ramificação local barata, áreas de encenação convenientes e múltiplos fluxos de trabalho.

Resumindo, o Git trata basicamente de compor e guardar snapshots do projeto e depois comparar e trabalhar com esses snapshots. Este será o teu fluxo de trabalho básico, a maior parte do tempo:

1) Utilizarás o git add para começar a seguir novos ficheiros e para encenar alterações a ficheiros já seguidos;

2) Além disso, utilizarás o git status e o git diff para veres o que foi modificado e encenado;

Finalmente, o git commit para registar o snapshot na tua história.

Melhores Práticas para Escrever um Good Commit

Um good commit é fundamental por inúmeras razões. Ele armazena o conteúdo atual do índice juntamente com uma mensagem de registo do utilizador descrevendo as alterações. É importante escrevê-lo corretamente, uma vez que informará os teus colegas sobre o que estás a fazer, como e porquê, se é um inseto idiota ou apenas uma manhã fresca de segunda-feira.

De acordo com o esboço de Chris Beams, para escrever um good commit realmente bom é necessário:

• Separar o assunto do corpo com uma linha preta
• Limitar a linha de assunto a 50 caracteres
• Capitalizar a linha de assunto
• Não terminar a linha de assunto com ponto final
• Envolver o corpo com 72 caracteres
• Usar o corpo para explicar o quê e porquê vs como

O ponto mais importante acima é o último. Deves saber exatamente o que estás a fazer, porque o estás a fazer e como o estás a fazer. Se levares tempo a reflectir sobre estas três questões, acabarás por conhecer melhor a tua solução e analisar se esta é a melhor para esse problema em particular.

 

Por exemplo:

> git add readme.txt js/submit.js

> git commit -m “Patched validation form when submitted

>

> This was happening when clicking on the save button. I made the fix

> on submit event because it is the proper place to handle/listen

> submit event.”

Na Monday, ao chegarem de manhã, a primeira coisa que os nossos developers fazem é “stash save things on our git locally, pull from Branch Development and, then, apply stash things up to continue programming”. Este é o nosso dia normal e aqui está uma pequena lista de verificação passo a passo:

1. First Stash.

> git stash save

2. Pull from your development branch

> git pull origin development

3. Then, apply your development

> git stash apply

E então, estarás pronto para continuar o teu trabalho.

Cada Git necessita, pelo menos, de três tipos de branches: Development, Production e um para cada Bug ou Featured.

O  Development branch é o teu lugar especial e onde toda a magia acontece, também conhecido como ““Staging” or “QA”. Quando um bug aparece, deves fazer um branch com um nome específico como “Bug-#094” ou “Bug-Submit-Handler”. Depois de o corrigir, é necessário fundir-se no Development branch. Depois de passar todos os testes, podes então empurrar para o Production Branch.

Resumindo, o Git é uma das melhores ferramentas para trabalhar em equipa, pois é poderosa, fácil de usar e, para utilizadores avançados, uma ferramenta complexa para fazer outro fluxo de trabalho para lidar com todos os tipos de situações.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco 

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Um bom design é aquele que funciona. Com isto em mente, a Monday afirma que os projetos devem ter mais do que apenas um layout atrativo. Acima de tudo, é importante concentrar-se na sua usabilidade e padrões de comportamento do utilizador.

(…) colocar conteúdo numa área errada do teu website terá grande impacto (…)

Vamos ver a regra dos terços. O foco de atenção do utilizador está dividido em 3 fases. Primeiro, o teu olhar vai para o canto superior esquerdo. É nesta secção que cerca de 41% dos utilizadores dirigem imediatamente o seu olhar. É o local ideal para colocar o logótipo ou informação crucial para um contato direto.

 

Depois, a área para onde vai o olhar é no fundo à esquerda. Cerca de 25% dos utilizadores seguem este padrão de visualização. Só depois destas áreas, o olhar se move para o lado direito, de cima para baixo. É de salientar que apenas 15% da atenção do olho centra-se nesta parte do ecrã. É extremamente importante considerar o conteúdo que é colocado aqui porque corre o risco de passar despercebido e, assim, perder uma interação. Resumindo, colocar conteúdo numa área errada doteu website terá um grande impacto na sua interatividade e usabilidade.

(…) é essencial considerar os pontos de paragem naturais ao visitar um website (…)

A regra dos terços tem uma maior incidência na página inicial (homepage). É na página de entrada do website onde a primeira e mais importante informação vai despertar o interesse do utilizador em permanecer no nosso website, criar uma ligação emocional e/ou aumentar as probabilidades de fazer uma compra, dependendo do tipo de serviço que estamos a promover.

Portanto, é essencial considerar os pontos de paragem naturais durante a visita a um website, a fim de cumprir dois propósitos: um utilizador satisfeito, mesmo que apenas subconscientemente, e um cliente satisfeito por ter atingido os objetivos para os quais nos contratou.

Obrigado por leres

Nós realmente queremos ouvir a tua opinião! Entra em contato connosco

A Monday é uma agência digital e interativa baseada em Lisboa. Somos uma equipa de designers, builders & thinkers que fazem experiências digitais. Conhece alguns dos nossos clientes: Snickers, Red Bull, Twix, Philips, M&M’s

Michael Nunes

Chief Creative Officer  @ Monday 

Meet Michael 

Outros artigos de Michael Nunes

Flat Design 2.0: O Design Thinking por detrás da sua evolução