Interface Homem Maquina

Resumo

Não há nada melhor do que interagir com algo ou alguém que responda de maneira satisfatória, com respostas que seguem em encontro das nossas necessidades, não é mesmo? Não é atoa que somos vistos como atentos e prestativos quando prontamente respondemos as diversas demandas, sociais e comportamentais do cotidiano.

O correto entendimento entre locutor e interlocutor permite que as mais diversas transações sejam executadas com absoluto sucesso, afinal um soube transmitir a informação e, em posse da mesma, o outro conseguiu interpretá-la corretamente.

Transportando estes conceitos para o mundo da tecnologia e dos negócios, as empresas perceberam que gargalos no entendimento de um processo, tanto para o cliente quanto para o próprio funcionário gera perdas de curto, médio e longo prazo, em diversos seguimentos do mundo corporativo. Perda de tempo, oportunidades e de dinheiro.

Sendo assim, diversas aplicações foram desenvolvidas tendo em mente conceito de usabilidade, acessibilidade e design inovadores, quem diria até mesmo arrojados, tornando os processos, em todas as esferas, mais eficientes. Basta que a interface funcione para o usuário.

Porém, para muitas empresas, essa interação entre homem e máquina ainda é um enigma. Sendo assim, nada como um estudo a respeito dessa interação homem máquina para elucidar o assunto. Vamos lá!

Palavras-chave: IHC, Interface, Interatividade, Design, responsivo, Maquina.

LISTA DE ILUSTRAÇÕES

Figura 1 - Interface Android 1.0 7

Figura 2 - Interface Android 6.0 8

Figura 3 - Windows Phone 8.1 Vs Windows 10 Mobile - Interface Cortana 9

Figura 4 - Windows Phone 8.1 Vs Windows 10 Mobile - Interface tela de ajuste de alarmes 9

Figura 5 - Interface do Word 2003 10

Figura 6 - Interface do Word 2007 10

Figura 7 - Interface WhatsApp Versão 2.12.38 11

Figura 8 - Interface WhatsApp Versão 2.17.74 12

Figura 9 - Interface antiga do adobe acrobat 13

Figura 10 - Interface nova do adobe acrobat 13

Figura 11 - Evolução Corel Draw 1989/2018 14

Figura 12 - Interface Adobe Photoshop CS3 16

Figura 13 - Interface Adobe Photoshop CS7 16

Figura 14 - Interface antiga do AutoCAD 17

Figura 15 - Interface nova do AutoCAD 18

Figura 16 - Interface antiga do Pro Tools 19

Figura 17 - Interface nova do Pro Tools 19

Figura 18 - Evolução do Logotipo do Instagram 20

Figura 19 - Interface Instagram 20

Figura 20 - Exemplo de interface que usa JLabel 21

Figura 21 - Exemplo de Interface que usa JButton para executar um evento 22

Figura 22 - Exemplo de Interface que usa JCheckBox 22

Figura 23 - Exemplo de interface que usa JTextField 23

Figura 24 - Exemplo de interface que usa JPassawordField 23

Figura 25 - Exemplo de interface que usa JTextArea 24

Figura 26 - Interface do exemplo que usa JComboBox 24

Figura 27 - Interface do exemplo que usa JList 25

Figura 28 - Interface do exemplo que usa JMenu 25

Figura 29 - Interface do exemplo que usa JSlider 26

Figura 30 - Interface da tela INICIAL/HOME PAGE - Sistema de Vendas da Concessionária 30

Figura 31 - Interface da tela de LOGIN - Sistema de Vendas da Concessionária 30

Figura 32 - Interface da tela de CADASTRO - Sistema de Vendas da Concessionária 31

Figura 33 - Interface da tela de BUSCA - Sistema de Vendas da Concessionária 32

Figura 34 - Interface tela de CLIENTE - Sistema de Vendas da Concessionária 32

Figura 35 - Interface da tela de VENDAS - Sistema de Vendas da Concessionária 33

 

LISTA DE ABREVIATURAS E SIGLAS

IHC – Interação Humano-Computador

HTC – High Tech Computer Corporation (Corporação/empresa de computadores de alto desempenho)

PC – Personal Computer (Computador pessoal / Desktop )

CS – Creative Suite (Pacote de componentes para desenvolvimento/criação)

DVD – Digital Versatile/Video Disk (Disco Digital Versátil/Vídeo)

PSD/PDD – Photoshop Document (Documento do Photoshop)

SIG – Sistema de informação gerencial

CAD – Computer aided design ( Desenho auxiliado por computador)

SUMÁRIO

1. INTRODUÇÃO 6

2 RELATÓRIO 01: PROCESSO DE DESIGN 7

2.1 Analise de 10 produtos – evolução de interface/layout 7

2.1.1 Android 7

2.1.2 Windows Phone/Mobile 8

2.1.3 Word 10

2.1.4 WhatsApp 11

2.1.5 Adobe Acrobat 12

2.1.6 Corel Draw 14

2.1.7 Photoshop 15

2.1.8 Autocad 17

2.1.9 Pro Tools 18

2.1.10 Instagram 20

2.2 Os 10 tipos de componentes de uma interface gráfica, nome e função: 21

2.2.1 JLabel 21