# data[].attributes.headline
Mais afinal, o que são projetos e prototipação de interfaces?

# data[].attributes.subject
Mais afinal, o que são projetos e prototipação de interfaces?

# data[].attributes.body
Projetos e prototipação de interfaces são os termos usados dentro do contexto computacional, centrado na criação e elaboração de interfaces e suas respectivas usabilidades, que se referem a criação de "esboços e rascunhos" perante os requisitos do usuário e do projeto do software em geral.

Esses esboços e rascunhos, devem ser cuidadosamente preparados, seguindo uma metodologia centrada no usuário, além de questões relacionadas a design, para que seja representado de forma fiel, como será a parte visual do projeto de software. Vale também ressaltar, que há vários níveis de abstrações e de fidelidade dentro desses protótipos, podendo partir do princípio de um modelo simples, sendo comparado á um rascunho, como citado anteriormente, até esboços mais complexos, possuindo um nivel de abstração e de fidelidade alta, representando o software já com as suas partes visuais e funcionais em funcionamento.

# data[].attributes.headline
O que é necessário para se fazer um bom protótipo de interface?

# data[].attributes.subject
O que é necessário para se fazer um bom protótipo de interface?

# data[].attributes.body
Para que haja a uma plena construção de um protótipo de interface, há alguns pontos a serem mencionados:

Proporcionar uma boa definição, aliada ao entendimento dos requisitos do usuário, para que se represente um resultado fiel perante aquilo que foi definido e especificado pelo mesmo;

Seguir e aplicar os princípios de usabilidade, definidos por Gestalt;

Seguir os princípios das teorias das cores, para que haja uma harmonização e representação agradável dos conteúdos que vão ser visualizados na interface;

Organizar o tamanho, localização, elementos e formatos dos elementos que vão estar presentes na interface, para que a mesma, seja intuitiva, organizada, possua uma boa acessibilidade e se torne de fácil visualização e acesso;

Fazer testes com os usuários que vão utilizar a interface, para que se haja um bom e concreto entendimento das opiniões dos utilizadores acerca da usabilidade e acessibilidade da mesma.

# data[].attributes.headline
Exemplos de algumas ferramentas para utilização que auxiliam profundamente na criação de protótipos:

# data[].attributes.subject
Exemplos de algumas ferramentas para utilização que auxiliam profundamente na criação de protótipos:

# data[].attributes.body
Axure: Criado em 2002, o Axure é uma ferramenta de protótipos muito conhecida entre os profissionais da área por sua capacidade de oferecer uma gama muito vasta de testes, principalmente para as funções interativas, essenciais para quem está produzindo um design de games, por exemplo, além de contar com diversos protótipos e wireframes com diagramas de fluxos, formulários e elementos dinâmicos que podem ser editados de forma personalizada;

Colour Contrast Analyser (CCA): É uma ferramenta que permite determinar facilmente a taxa de contraste das cores simplesmente usando uma ferramenta de colírio. O CCA permite otimizar seu conteúdo incluindo texto e elementos visuais  para pessoas com deficiência visual;

Framer JS: O FramerJS é outro instrumento que cria wireframes com interações, tanto para a prototipagem de aplicativos inteiros como de animações específicas para websites, entre outras funcionalidades. Para os desenvolvedores que não são muito familiarizados com os códigos, o FramerJS é altamente apropriado. Isso porque ele elabora gráficos com cifras automáticas na parte esquerda da tela.

# data[].attributes.headline
Exemplo de protótipo de baixa fidelidade (também denominado Wireframe):

# data[].attributes.subject
Exemplo de protótipo de baixa fidelidade (também denominado Wireframe):

# data[].attributes.headline
Exemplo de protótipo de média fidelidade:

# data[].attributes.subject
Exemplo de protótipo de média fidelidade:

# data[].attributes.headline
Qual a importância da elaboração de projetos e prototipação de interfaces?

# data[].attributes.subject
Qual a importância da elaboração de projetos e prototipação de interfaces?

# data[].attributes.body
A elaboração de projetos e prototipações de interfaces é de extrema importância, pois as mesmas, definem e mostram não só para os desenvolvedores do projeto, mais sim, para os usuários que a irão utilizar. Essas representações podem nos auxiliar a resolver problemas e ajustar, de forma geral, a interface de acordo com o que é esperado pelos usuário, evitando frustrações e diversos outros problemas que possam ser gerados, pelo fato de estarmos desenvolvendo uma coisa aliado a quem a irá utilizar. Mas, vale ressaltar, que esta elaboração de protótipos, deve acontecer de forma concisa e aliada a metodologias e princípios presentes nos quesitos computacionais de interface e usabilidade. Caso, contrário, estaremos desenvolvendo algo muito distante ou que não agrade aos usuários e consequentemente, iremos perder tempo, perder os clientes, pela insatisfação que irá ser gerada, além de atribuirmos gastos desnecessários e uma difamada negatividade para a empresa ou organização desenvolvedora da interface.

# data[].attributes.headline
Exemplo de protótipo de alta fidelidade:

# data[].attributes.subject
Exemplo de protótipo de alta fidelidade: