Poderíamos apenas mudar o design dos botões e mover os blocos, mas ficamos confusos - decidimos tornar o site tão conveniente. Nós mostramos o que fizemos.
Determinou para quem estamos fazendo o site
A candidatura foi recebida em abril de 2020: devido ao auto-isolamento, este foi o primeiro trabalho para nós quando o gerente de projeto nunca conheceu os designers pessoalmente. Quatro pessoas trabalharam no site: um gerente de projeto, um designer de UX e dois designers de IU. Todos os dias conversamos ao telefone, discutimos conceitos e processos. Começamos, como sempre, com pesquisas.
Antes de começar a criar um site, os analistas de experiência do usuário analisaram as estatísticas do site por meio do Yandex.Metrica. Estudamos indicadores de tráfego, dados sociodemográficos dos usuários, suas preferências de conteúdo, parâmetros de sessão e padrões de visualizações de páginas. Em seguida, coletamos todos os dados juntos e formamos três públicos-alvo.
MASS MEDIA.Os jornalistas visitam o site do presidente principalmente para obter comunicados à imprensa e, na maioria das vezes, visitam a seção "Notícias".
Jornalistas copiam textos de notícias, baixam fotos e vídeos - este é o principal caso de uso para
servidores públicos. Funcionários de instituições públicas estão interessados na seção "Documentos". Calculamos este grupo pelo tempo de utilização do site: o período principal de visitas no site é das 8 às 11 horas, das 12 às 13 os indicadores caem (todos almoçam), depois os utilizadores voltam a ficar ativos das 14 às 19 horas. Ninguém visita o local à noite.
Este grupo de usuários lê e baixa decretos, ordens e decretos do Presidente da República.
Residentes do Tartaristão.Na maioria das vezes, eles se interessam pela seção “Informações sobre o Presidente” ou desejam deixar seu recurso através do formulário de feedback.
Cada grupo de usuários tem suas próprias seções "favoritas"
Fiz amizade com UX e UI
Após identificarmos os principais segmentos de público, iniciamos a prototipagem no Figma - definindo a ordem das telas e colocando os blocos. Todas as ideias foram trazidas para lá imediatamente - para que nada se perdesse. Praticamente não mexemos na estrutura do próprio site.
O site consiste em 6 seções e 29 páginas. Os sites estaduais são regulamentados por lei e algumas coisas não podem ser alteradas, por exemplo, a recepção da Internet.
Pegamos o projeto de conceito - desenho da página principal e de 6 a 7 páginas internas do Figma em detalhes.
Os primeiros esboços do design de conceito eram mais ou menos assim
. A ideia do design do site adotado não surgiu de imediato: tínhamos várias opções que não passaram em nossa verificação interna e não as mostramos ao Gabinete do Presidente - eram boas, mas não havia nada de novo nelas.
Essa opção
existia.No processo de trabalho, estudamos os sites dos chefes de outras regiões, presidentes de diferentes países, órgãos governamentais. O site kremlin.ru acabou sendo o mais próximo de nós em termos de objetivos - nós o usamos como uma das referências. Por exemplo, emprestamos a divisão do feed de notícias nas colunas direita e esquerda.
Nós tomamos isso como base, mas acrescentamos ou retrabalhamos muito. Aqui estão algumas das ideias que testamos:
- Menu vertical,
- Foto grande do presidente na página principal,
- Uma notícia na página principal em tela cheia com uma foto,
- Emoji na interface,
- Transmissões de vídeo com o presidente na página principal,
- Galerias de fotos como no Instagram.
Emoji nas transmissões principais e de vídeo.
Ao mesmo tempo, refinamos a própria ideia: ao entrar no site, um jornalista vê as últimas notícias na metade da tela - todas as informações prontas em zero cliques. Copie texto, baixe fotos - é simples. Se precisar de notícias anteriores - à esquerda está a coluna com as vinte notícias mais recentes.
O visitante do site pode ler as notícias sem ir para as páginas detalhadas. Isso reduz o tempo de acesso ao conteúdo e agora é mais rápido e conveniente receber novas informações.
É fácil alternar entre notícias, vídeos e reportagens fotográficas no site. Este não é o caso de notícias comuns e sites do governo - você precisa abri-lo em uma nova guia.
Queríamos que o site funcionasse como um serviço e fosse uma ferramenta conveniente para o jornalista. Normalmente, não mais do que duas ou três notícias aparecem no site por dia - o site foi projetado para que elas possam ser vistas imediatamente.
Fizemos um site em 3 meses
O projeto foi rápido - jornalistas literalmente atacaram o site com pedidos. É assim que trabalhamos:
- Abril - declaração do problema e pesquisa;
- Maio - protótipo e aprovação de protótipo;
- Junho - desenvolvimento do projeto de conceito do site e homologação;
- Julho - layout;
- Agosto - desenvolvimento, teste.
Embora a tarefa tenha sido adiada em abril, não houve tempo para relaxar. Aqui está o que fizemos para acelerar as coisas:
Coletamos feedback rapidamente. Normalmente, nesses projetos, um grupo de foco é montado e testado por cerca de um mês. Não fizemos isso, mas fomos ao nosso centro de imprensa e coletamos comentários em apenas alguns dias.
Assuma o risco. Tendo concordado com o projeto em primeira instância, não esperamos por todos os círculos de aprovação, mas continuamos a concluir o site sem a aprovação final. Poderíamos sentar e esperar ou trabalhar - adivinha qual deles escolhemos?
Trabalho em equipe compartilhado. Todos os dias, chamamos a equipe por 10-15 minutos para determinar quem está fazendo o quê - nenhuma reunião de planejamento de duas horas sobre o projeto.
Conseguimos fazer o site no prazo : no dia 6 de abril iniciamos as pesquisas, e no dia 30 de junho, após muitas aprovações, foi enviado para desenvolvimento. O site foi lançado no prazo - no início de setembro.
Veja o que temos: president.tatarstan.ru e escreva sua opinião nos comentários.