Interface de usuário e apresentação de informações - curso 41.300 rublos. do Bureau de Gorbunov, treinamento de 4 semanas, Data: 1º de dezembro de 2023.
Miscelânea / / December 03, 2023
Exemplos de interfaces clássicas, como Google Maps, iPhone ou uma calculadora de empréstimos no site de um banco polonês, demonstrar princípios de design universal que são independentes do sistema operacional, ambiente ou dispositivos. Eles trabalham em computadores, telefones, relógios, assistentes de voz e realidade virtual. Além dos princípios gerais, o curso também aborda detalhes importantes: layout mobile, animação, som, ícones.
Na tarefa de apresentar a informação, um bom designer é guiado pela sua natureza, pelas características físicas do meio, pelos princípios de percepção e, mais importante, pelo problema analítico que está sendo resolvido.
Estas ideias e princípios são discutidos na parte teórica do curso.
Nas aulas práticas, os participantes aprendem técnicas para projetar formas de tela, desenhar tabelas e gráficos e trabalhar no design de um fragmento de interface. O trabalho de casa consolida e testa os conhecimentos adquiridos.
O curso surgiu do curso clássico de Artyom Gorbunov. Desde 2012, Ilya Birman vem adicionando novos tópicos e exemplos ao programa.
O curso de culinária francesa básica está disponível para chefs iniciantes e experientes. Um curso prático de quatro semanas é frequentado por designers, diretores de arte, gerentes, programadores e editores iniciantes e experientes.
O conhecimento prévio dos participantes é útil, mas não obrigatório.
Cada semana é composta por palestras e uma parte prática. Em um curso a distância, quase todo o tempo com o professor é dedicado a exercícios práticos, e a teoria é preparada para estudo independente. Todos os sábados, os participantes têm acesso a videoaulas e materiais de texto na sala de estudo para auto-estudo. E durante a aula prática, reforçam a teoria da semana com tarefas especialmente selecionadas e as revisam com o professor.
Diretor de arte do bureau, coautor de “Sovets”. Criador do site de regras do idioma russo, layout tipográfico e mecanismo de blog Egea. Autor do livro "Interface do Usuário"
1 semana
O que é uma interface? Regras do jogo e sua incorporação física
Humanidade e dependência tecnológica. Deixe o carro suar. Os dados do usuário são infinitamente valiosos. Primeiro os dados, depois os filtros. Tecnologia – sob o capô
Hábito. Janelas de confirmação e histórias sobre inovações ao iniciar o programa. Natividade. Gestão de hábitos como ferramenta comercial
Modalidade. Remédios: chamar a atenção para o modo, separação de gestos, quase-modos, mudança de roteiro. Janelas modais
Magia consistente. "Leis da Física" do Mundo Virtual
Uma visão de iniciante. Cada tela tem um significado. Estados de tela vazia e cheia
Opinião. Adequação, ternura, honestidade, instantaneidade, continuidade, fisicalidade. Qual foi o principal avanço do iPhone?
Mira e Lei de Fitts. O ponto sob o cursor, os cantos e laterais da tela. Rato e dedo. Um objeto – um link. Sem furos. Movimento e clique - um gesto. Visando dispositivos móveis
Proximidade. A lei da proximidade e estrutura visual. Agrupando elementos
Conteúdo informativo. Remova tudo o que for desnecessário. Tire-o dos colchetes. Conecte funções de informação. Adicione um sinal. O mito dos sete elementos.
Exercício. Design de fragmento de interface
2 semanas
Texto na interface. Sintaxe do elemento de interface
Estilo de informação. Pare as palavras na interface. Navegação e redação de mensagens
Linguagem do robô
Navegação no site
Janela. Interface de vários documentos e de documento único. Configuração da janela. Teorema pop-up
Tipografia de tela e papel. Grade modular em design de tela. Legibilidade do texto na tela
Layout para dispositivos móveis
Desenho de mesa. Desenho da tabela: digitação, alinhamento, molduras. Desenho de tabelas: linhas e colunas, subordinação, ordenação. Adaptando tabelas complexas para telas pequenas
Layout e desenvolvimento de telas. Todo mundo odeia formas. Como e quando reportar bugs
Exercício. Design de tabelas, gráficos, formulários
3 semanas
"Design para tolos." Manipulações visuais. Desquantificação e despersonalização. Efeitos de escala e intervalo. Técnicas práticas para projetar gráficos e diagramas
Distorções acidentais de informação
Seleção de formato. Frase, tabela, gráfico. Resolução de mídia
Lixo de informação. Estruturas regulares. Contraste. Efeito “1+1=3+”. Os dados não requerem decoração
Coeficiente de informação
Legendas, codificação e numeração. Qual é o problema e como contorná-lo
Percepção de grandes quantidades de informações
Comparações
Mundo multidimensional em meio plano
Multiplicação de elementos de informação. Corrija o design e substitua os dados. Organização espacial dos elementos. Efeito de multidão
Camadas de informação. Fundo, linhas e pontos, assinaturas. Alterações em camadas em resposta às ações do usuário. Camadas e idiomas
Esquemas de transporte
Apresentação paralela. Não apenas duplicação, mas uma visão de diferentes ângulos
Exercício. Redesenho de fragmento de interface
4 semanas
Desenvolvimento de elementos de interface não padronizados. Fora do padrão por uma questão de benefício
Semântica visual. Sinais e símbolos. Pictogramas
Invertendo e rolando. Como escolher. Como não escolher
Som na interface. Resolução de mídia. Notificações e reações
Preparação e análise de uma tarefa de interface
Animação. Por quê: atenção, explicação, realismo, show. Gostar: discrição, naturalidade, consistência, pureza
Disponibilidade. Não para mostrar. Todo mundo tem capacidades limitadas. Visão. Audição. Habilidades motoras. Projeto inclusivo.
Sistematização. Padrões, diretrizes, grades, kits de UI e sistemas de design. Implantação e manutenção do sistema. Flexibilidade e adaptabilidade dos padrões. Capacidade de fabricação e interação com desenvolvedores