Você é participante?

Nova Atitude, Novo Arranjo, Novo AhaSlides!

Nova Atitude, Novo Arranjo, Novo AhaSlides!

Anúncios

Lawrence Haywood . Fevereiro 10 2022 . 6 min ler

No AhaSlides, nosso objetivo é tornar as apresentações mais divertidas, envolventes e recompensadoras para você e seu público. Hoje, damos um grande passo nesse sentido com nosso novo design!

O novo AhaSlides é novo de muitas maneiras. Tornamos as coisas mais organizadas, mais flexíveis e mais us do que nunca.

O cérebro e as mãos por trás de tudo foi nosso designer, Trang:


Peguei a visão acumulada dos AhaSlides e adicionei minhas próprias partes. Acabamos com algo que é ótimo para novos usuários, mas também um adequado e sincero 'obrigado' para aqueles que estão conosco desde o primeiro dia.

Trang Tran - Designer


Vamos dar uma olhada nas mudanças que fizemos e exatamente como elas podem ajudá-lo a fazer apresentações mais inteligentes e melhores para o seu público.

Com vontade de dar uma olhada? Descubra o que há de novo clicando no botão abaixo:

O que há de novo?

Aparência e comportamento aprimorados 🤩

Desta vez, decidimos ir com algo um pouco mais ... nós.

Identidade da marca foi um grande ponto de foco do novo design. Embora no passado possamos ter sido um pouco reservados, agora estamos prontos para ser pino.

A abordagem de nossa nova identidade é dividida em 3 partes:

# 1 - Ilustração

Quando começamos em 2019, imagens fofas e coloridas não estavam no topo da "lista de tarefas". Optamos pela funcionalidade em vez da aparência.

Agora, com uma equipe de desenvolvimento sólida trabalhando duro na criação e melhoria de recursos, nosso designer-chefe Trang poderia se concentrar em fazer AhaSlides mais atraentes. Foi uma tarefa gigantesca formar uma nova identidade de marca em torno de ilustrações e animações, mas que resultou em uma grande biblioteca de designs bonitos:

A nova biblioteca de ilustração do AhaSlides, usada em todo o painel e editor.

Confira esses outros exemplos de novas ilustrações no Painel de minhas apresentações e os votos de página de inscrição:

Cada ilustração tem seu próprio lugar e função. Achamos que é uma recepção calorosa aos nossos novos e atuais usuários, que podem ver o espírito lúdico do AhaSlides assim que fazem login.


Depois de conversar com Dave [CEO da AhaSlides], decidimos que queríamos tornar as coisas mais vibrantes e divertidas. Como você pode ver, as imagens agora são mais arredondadas, mais fofas, mas não queríamos torná-las muito infantis. Eu acho que o que temos agora é um bom equilíbrio entre diversão e função.

Trang Tran - Designer


# 2 - Cor

Vibração realmente era a palavra-chave com o novo design. Queríamos algo que não fosse tímido por sua própria vivacidade e algo que refletisse a alegria de criar uma apresentação emocionante para compartilhar com um público ao vivo.

É por isso que dobramos em cores fortes e ousadas.

Nós nos separamos da assinatura azul e amarelo de nosso logotipo e estendemos nossa paleta de cores para tons de vermelho, laranja, verde e roxo:


Esperávamos que esta interface colorida inspirasse nossos usuários a começar algo colorido.

Trang Tran - Designer


Em breve! ⭐ Claro, queríamos estender nosso novo foco em cores também aos nossos usuários. É por isso que os apresentadores em breve terão a opção de selecionar qualquer cor sob o sol para o texto deles:

# 3 - Arquitetura da Informação

Nem é preciso dizer que uma nova aparência deve ter um função.

É por isso que fizemos uma grande mudança no IA (Arquitetura da Informação) de AhaSlides. Isso basicamente significa que reorganizamos e reinventamos partes de nosso software para ajudar melhor os usuários a entender o que estão fazendo.

Aqui está um exemplo do que queremos dizer - os botões de presentes antigos e novos:

Como todos os botões no novo design, os acima têm o que só podemos descrever como um mais botão-y sentir. Adicionamos sombra e brilho semelhantes a muitas opções de seleção, não apenas para dar uma sensação real, mas também para melhorar a IA, para que os usuários entendam melhor o que é selecionado e onde seu foco deve estar.

O quê mais? Bem, você pode ver algumas mudanças de IA nesta imagem:

Além do botão, fizemos mais melhorias nas seguintes maneiras:

  • Caixas individuais para ajudar a segregar cada elemento.
  • Texto em negrito diferencia as informações inseridas do texto esmaecido de uma caixa vazia.
  • Ícones e cores permitir que as caixas de informação se destaquem.

As mudanças na arquitetura da informação podem ser sutis, mas essa era minha intenção. Eu não queria que nossos usuários tivessem que se mudar para uma nova casa, eu simplesmente queria decorar, em pequenas formas, a casa em que eles já estavam.

Trang Tran - Designer


Melhor organização, navegação mais suave 📁

Como dissemos - de que adianta tornar as coisas mais bonitas se a funcionalidade não melhora junto com isso?

É aí que entra a nossa segunda grande mudança. Compramos um monte de móveis digitais e resolvemos a desordem.

Vamos dar uma olhada em 4 áreas onde fizemos melhorias:

Nº 1 - Painel de minhas apresentações

Ok, nós admitimos - nem sempre foi a coisa mais fácil de encontrar e organizar suas apresentações no design antigo do painel.

Felizmente, mudamos muito as coisas no novo painel ...

O novo painel Minhas Apresentações.
  • Cada apresentação possui seu próprio container.
  • Os contêineres agora têm imagens em miniatura (a miniatura será a primeira imagem de sua apresentação).
  • As opções de apresentação (duplicar, apagar dados, excluir, etc.) agora estão em um menu de kebab organizado.
  • Existem outras maneiras de classificar e pesquisar suas apresentações.
  • Seu 'Espaço de Trabalho' e sua 'Conta' agora estão separados na coluna da esquerda.

Em breve!⭐ Haverá uma nova opção de visualização do painel em um futuro próximo - Grid View! Esta visualização permite que você veja suas apresentações em um formato de grade centrado na imagem. Você pode alternar entre a visualização em grade e a visualização em lista padrão a qualquer momento.

# 2 - Barra Superior do Editor

Remodelamos algumas coisas com a barra superior da tela do editor ...

A barra superior do editor.
  • O número de opções na barra superior foi reduzido de 4 para 3.
  • Menus suspensos para cada opção oferecem melhor organização.
  • A largura dos menus suspensos mudou para garantir que o menu caiba na coluna certa.

# 3 - Coluna da esquerda do editor

Design mais simples e elegante na coluna de conteúdo da apresentação. A visualização em grade também tem um visual totalmente novo ...

A coluna da esquerda no editor.
  • As opções de slide agora estão organizadas em um menu kebab.
  • Um novo botão de botão Grid View foi adicionado na parte inferior.
  • O layout e a operação do Grid View foram bastante aprimorados.

Em breve! ⭐ A coluna certa ainda não foi terminada, mas aqui está o que você pode esperar para ver em breve!

# 4 - Coluna direita do editor

Pequenas mudanças nos ícones, grandes mudanças na cor do texto ...

  • Ícones redesenhados para cada tipo de slide.
  • Uma enorme variedade de opções de cores de texto.
  • Elementos reordenados na guia 'Conteúdo'.

Edite em qualquer lugar, em qualquer dispositivo 📱

Para aqueles 28% de nossos usuários editando suas apresentações no celular, lamentamos por negligenciá-los por tanto tempo 😞

Com o novo design, queríamos fornecer aos nossos usuários de celulares e tablets uma plataforma que tão responsivo quanto o desktop. Isso significava repensar cada elemento para garantir que nossos usuários pudessem editar em qualquer lugar.

Claro, tudo começa com o painel. Fizemos algumas mudanças aqui ...

O painel Minhas apresentações no celular.

As informações mais importantes sobre suas apresentações e pastas são exibidas aqui. Há também o menu kebab à direita que mantém todas as configurações de apresentação organizadas.

On do editor, você é recebido com outra interface mais amigável.

Novamente, tudo está escondido em menus de kebab. Isso elimina as distrações e deixa você com muito mais espaço para ver sua apresentação geral.

Está ficando óbvio que amamos kebabs? Substituímos a barra superior superlotada por, sim, outro menu de kebab! Faz para um interface muito menos opressiva e permite que você se concentre na qualidade da sua apresentação.


Eu realmente queria remover algumas das limitações que impedem nossos usuários móveis de criar as apresentações que desejam. Optamos por algo mais elegante e simples do que antes, mas ainda temos grandes planos para as capacidades móveis do AhaSlides no futuro!

Trang Tran - Designer


Texto Alternativo

Já tentou?

Basta clicar no botão abaixo para ver
Design renovado do AhaSlides!

Confira!