Design e Usabilidade de Interfaces

Prévia do material em texto

<p>DESIGN, INTERFACE E USABILIDADE</p><p>1</p><p>1</p><p>Sumário</p><p>INTRODUÇÃO ......................................................................................... 3</p><p>O QUE É O DESIGN GRÁFICO .......................................................... 5</p><p>DESIGN DE INTERFACE .................................................................... 7</p><p>DESIGN DE INTERAÇÃO .................................................................... 8</p><p>COMO O DESIGN PODE AJUDAR NO MARKETING? ....................... 9</p><p>USABILIDADE ................................................................................... 10</p><p>USABILIDADE – CONTEXTO HISTÓRICO ....................................... 12</p><p>A USABILIDADE NO DESIGN ........................................................... 13</p><p>MÉTRICAS EM USABILIDADE .......................................................... 14</p><p>O QUE É A INTERFACE .................................................................... 16</p><p>PARA QUE SERVE A INTERFACE? ................................................. 17</p><p>COMPONENTES DE UMA INTERFACE ........................................... 18</p><p>FAMILIALIZAÇÃO DA INTERFACE ................................................... 19</p><p>INTERFACE VISUAL OU GRÁFICA .................................................. 20</p><p>INTERFACE CELULAR ..................................................................... 21</p><p>INTERFACE DE LINHA DE COMANDO ............................................ 23</p><p>INTERFACE DO USUÁRIO ............................................................... 24</p><p>REFERÊNCIAS ..................................................................................... 26</p><p>2</p><p>2</p><p>NOSSA HISTÓRIA</p><p>A nossa história inicia-se com a ideia visionária e da realização do sonho</p><p>de um grupo de empresários na busca de atender à crescente demanda de</p><p>cursos de Graduação e Pós-Graduação. E assim foi criado o Instituto, como uma</p><p>entidade capaz de oferecer serviços educacionais em nível superior.</p><p>O Instituto tem como objetivo formar cidadão nas diferentes áreas de</p><p>conhecimento, aptos para a inserção em diversos setores profissionais e para a</p><p>participação no desenvolvimento da sociedade brasileira, e assim, colaborar na</p><p>sua formação continuada. Também promover a divulgação de conhecimentos</p><p>científicos, técnicos e culturais, que constituem patrimônio da humanidade,</p><p>transmitindo e propagando os saberes através do ensino, utilizando-se de</p><p>publicações e/ou outras normas de comunicação.</p><p>Tem como missão oferecer qualidade de ensino, conhecimento e</p><p>cultura, de forma confiável e eficiente, para que o aluno tenha oportunidade de</p><p>construir uma base profissional e ética, primando sempre pela inovação</p><p>tecnológica, excelência no atendimento e valor do serviço oferecido. E dessa</p><p>forma, conquistar o espaço de uma das instituições modelo no país na oferta</p><p>de cursos de qualidade.</p><p>3</p><p>3</p><p>INTRODUÇÃO</p><p>Design, literalmente falando, é uma palavra da língua inglesa que tem um</p><p>significado bem amplo, mas via de regra é usada para designar um “projeto” ou</p><p>simplesmente “desenho”.</p><p>Curiosamente, cerca de 20 anos atrás todos os cursos de design no Brasil eram</p><p>chamados de “desenho industrial” (o que já seria uma boa tradução).</p><p>Quando falamos em design, estamos falando justamente de projetar, planejar e</p><p>executar algo que tenha um apelo ou função sensorial.</p><p>Comumente, logo que pensamos em design, pensamos em imagens, cores e</p><p>textos, ou seja, o que é ou pode ser visto, mas ele também pode usar os demais</p><p>sentidos (olfato, audição e tato) para criar soluções.</p><p>Logo, design é: criar soluções através de um projeto.</p><p>Sendo assim, para um bom design, precisamos desenvolver uma linha de</p><p>raciocínio acerca do “problema” que queremos resolver, desenvolver um</p><p>conceito, pensar em todas as hipóteses e probabilidades antes de executar um</p><p>trabalho.</p><p>Interface ou superfície de contato, em português, é o termo usado para</p><p>descrever o modo como ocorre a comunicação entre duas partes diferentes e</p><p>que não estão diretamente conectadas. Sejam essas partes mecânicas ou</p><p>humanas.</p><p>Normalmente, são softwares ou sistemas operacionais que, por exemplo, podem</p><p>ser controlados através de uma pessoa trabalhando em um dispositivo.</p><p>A tela de comandos disposta no aparelho é conhecida como a interface gráfica</p><p>do software e é apresentada no programa geralmente como a interface entre o</p><p>usuário e o sistema.</p><p>https://rockcontent.com/blog/bom-blog-design/</p><p>4</p><p>4</p><p>Nessa tela, encontram-se inúmeros ícones, imagens, campos de textos e outras</p><p>ferramentas que possibilitam ao usuário o comando ao desempenhar as suas</p><p>tarefas no sistema.</p><p>A interação entre o homem e a máquina, ou simplesmente o comando realizado</p><p>pelo usuário, é denominado de interface de usuário.</p><p>E o objetivo dessa relação é o controle e operação no âmbito do homem e</p><p>resposta e feedback por parte da máquina. Todos os sistemas fornecem, então,</p><p>a entrada, que é manipulada pelo usuário e a saída, que permite que a máquina</p><p>responda e produza os efeitos da ação do homem.</p><p>Muito se fala em usabilidade- ou na falta dela. Mas, por que isso é tão importante?</p><p>Será que todo mundo que fala em usabilidade sabe, realmente, qual é o real</p><p>significado dela? Nessa apostila, vamos falar sobre o que é essa tão sonhada</p><p>usabilidade e qual sua importância no mundo do design.</p><p>5</p><p>5</p><p>O QUE É O DESIGN GRÁFICO</p><p>Design Gráfico é a área de conhecimento e a prática profissional específicas</p><p>relativas ao ordenamento estético-formal de elementos textuais e não-textuais</p><p>que compõem peças gráficas destinadas à reprodução com objetivo</p><p>expressamente comunicacional. é uma forma de se comunicar visualmente</p><p>um conceito, uma ideia, através de técnicas formais. Podemos ainda considerá-</p><p>lo como um meio de estruturar e dar forma à comunicação impressa, em que,</p><p>no geral, se trabalha o relacionamento entre ‘imagem’ e texto. No início do século</p><p>XXI a participação do design gráfico expandiu para os meios digitais, sendo</p><p>utilizado na criação de sites, portais eletrónicos, softwares e diversas outras</p><p>áreas relacionadas ao design digital.</p><p>Trata-se de uma profissão levada a cabo pelo designer gráfico que estende a</p><p>sua área de ação aos diversos meios impressos e digitais de comunicação,</p><p>resultando, mais concretamente, nas seguintes aplicações:</p><p>• Identidade corporativa (branding);</p><p>• Design de embalagem (ou packaging design);</p><p>• Design editorial;</p><p>• Dig Design ital;</p><p>• Web Design;</p><p>• Design de interação;</p><p>• Design de jogos;</p><p>• Sinalética (ou sinalização);</p><p>• Tipografia;</p><p>https://pt.wikipedia.org/wiki/Conceito</p><p>https://pt.wikipedia.org/wiki/Ideia</p><p>https://pt.wikipedia.org/wiki/M%C3%ADdia_impressa</p><p>https://pt.wikipedia.org/wiki/Imagem</p><p>https://pt.wikipedia.org/wiki/Designer_gr%C3%A1fico</p><p>https://pt.wikipedia.org/wiki/Impressos</p><p>https://pt.wikipedia.org/wiki/Identidade_corporativa</p><p>https://pt.wikipedia.org/wiki/Design_de_embalagem</p><p>https://pt.wikipedia.org/w/index.php?title=Design_editorial&action=edit&redlink=1</p><p>https://pt.wikipedia.org/wiki/Design_Digital</p><p>https://pt.wikipedia.org/wiki/Web_Design</p><p>https://pt.wikipedia.org/wiki/Design_de_intera%C3%A7%C3%A3o</p><p>https://pt.wikipedia.org/wiki/Design_de_jogos</p><p>https://pt.wikipedia.org/wiki/Sinal%C3%A9tica</p><p>https://pt.wikipedia.org/wiki/Sinaliza%C3%A7%C3%A3o</p><p>https://pt.wikipedia.org/wiki/Tipografia</p><p>6</p><p>6</p><p>A função de um designer gráfico é atribuir significados ao artefato por meio de</p><p>sua aparência, ou seja, o profissional induz o usuário a ver o artefato de</p><p>determinada maneira, associando-lhe conceitos abstratos como estilo, status,</p><p>identidade.</p><p>O designer gráfico é, convenientemente, um conhecedor e utilizador das mais</p><p>variadas técnicas</p><p>e ferramentas de desenho, mas não só. Tem como principal</p><p>moeda de troca a habilidade para aliar a sua capacidade técnica à crítica e ao</p><p>repertório conceitual, sendo fornecedor de matéria-prima intelectual, baseada</p><p>numa cultura visual, social e psicológica.</p><p>Não é apenas um mero executante, mas sim um condutor criativo que tem em</p><p>vista um objetivo comunicacional alcançado quase sempre por meio de</p><p>metodologias projetuais que o auxiliam a projetar.</p><p>O estudo do design gráfico sempre esteve ligado a outras áreas do</p><p>conhecimento como a psicologia, teoria da arte, comunicação, ciência da</p><p>cognição, entre muitas outras. No entanto o design gráfico possui um</p><p>conhecimento próprio que se desenvolveu através da sua história, mas tem se</p><p>tornado mais evidente nos últimos anos. Algo que pode ser percebido pela</p><p>criação de cursos de doutorado e mestrado, específicos sobre design, no Brasil</p><p>e no resto do mundo.</p><p>Um exemplo desse tipo de conhecimento é o estudo da tipografia, sua história e</p><p>seu papel na estruturação do conhecimento humano.</p><p>https://pt.wikipedia.org/wiki/Intelectual</p><p>https://pt.wikipedia.org/wiki/Psicologia</p><p>https://pt.wikipedia.org/wiki/Teoria_da_arte</p><p>https://pt.wikipedia.org/wiki/Comunica%C3%A7%C3%A3o</p><p>https://pt.wikipedia.org/wiki/Ci%C3%AAncia_da_cogni%C3%A7%C3%A3o</p><p>https://pt.wikipedia.org/wiki/Ci%C3%AAncia_da_cogni%C3%A7%C3%A3o</p><p>7</p><p>7</p><p>DESIGN DE INTERFACE</p><p>O objetivo do design de interface de utilizador é tornar a interação do utilizador</p><p>o mais simples e eficiente possível, em termos de realização dos objetivos do</p><p>utilizador - o que normalmente é chamado de design centrado no utilizador. Um</p><p>bom design de interface de utilizador facilita a conclusão da tarefa manualmente</p><p>sem chamar atenção desnecessária para si. O design gráfico pode ser utilizado</p><p>para suportar sua usabilidade.</p><p>O processo de design deve equilibrar funcionalidade técnica e elementos visuais</p><p>(e.g., modelo mental) para criar um sistema que não é apenas operacional mas</p><p>também útil e adaptável para alterar as necessidades do utilizador.</p><p>O design de interface está envolvido em uma série ampla de projetos de</p><p>sistemas de computador, carros, até à aviação comercial; todos esses projetos</p><p>envolvem muitos das mesmas interações humanas básicas, mas também</p><p>exigem algumas habilidades e conhecimentos únicos.</p><p>Como resultado, os designers tendem a se especializar em determinados tipos</p><p>de projetos e possuir habilidades centradas em torno das suas experiências,</p><p>quer seja design de software, a pesquisa de utilizadores, design web ou design</p><p>industrial.</p><p>Há várias fases e processos no design de interface de usuário, algumas das</p><p>quais são mais exigentes que outras, dependendo do projeto.</p><p>https://pt.wikipedia.org/w/index.php?title=Design_centrado_no_utilizador&action=edit&redlink=1</p><p>https://pt.wikipedia.org/wiki/Design_gr%C3%A1fico</p><p>https://pt.wikipedia.org/wiki/Usabilidade</p><p>https://pt.wikipedia.org/wiki/Modelo_mental</p><p>https://pt.wikipedia.org/wiki/Projeto_de_software</p><p>https://pt.wikipedia.org/wiki/Web_design</p><p>https://pt.wikipedia.org/wiki/Design_de_produto</p><p>https://pt.wikipedia.org/wiki/Design_de_produto</p><p>8</p><p>8</p><p>DESIGN DE INTERAÇÃO</p><p>Os princípios e padrões de design de interação são aplicados durante o processo</p><p>de desenho da interface, ajudando os designers a traduzir os requisitos definidos</p><p>para o produto em estruturas e comportamentos na interface.</p><p>Os princípios de design de interação são guidelines ou regras, tipicamente</p><p>baseadas em um conjunto de valores e crenças que os designers têm, bem como</p><p>nas suas experiências em tentar corresponder a esses valores; que endereçam</p><p>questões de comportamento, forma e conteúdo de uma interface.</p><p>Já os padrões são considerados soluções recorrentes para problemas comuns,</p><p>soluções estas que se destacaram de práticas comuns e já bem testadas.</p><p>Padrões de design de interação não só se preocupam com a estrutura e</p><p>organização dos elementos da interface, mas também com o comportamento</p><p>dinâmico e mudanças nesses elementos em resposta às ações do usuário.</p><p>O esforço de formalizar os conhecimentos sobre design de interação e melhores</p><p>práticas permitem:</p><p>• Reduzir o tempo e esforço de design em novos projetos;</p><p>• Melhorar a qualidade das soluções de design;</p><p>• Facilitar a comunicação entre designers e programadores.</p><p>9</p><p>9</p><p>COMO O DESIGN PODE AJUDAR NO MARKETING?</p><p>De nada adianta oferecer um conteúdo matador no seu blog sem se preocupar</p><p>em como as pessoas vão ver isso.</p><p>A preocupação com o design nos materiais gráficos que você disponibiliza é</p><p>muito importante e muito abrangente, afinal, o design gráfico está presente na</p><p>sua página de facebook, no seu perfil do twitter, no seu site, no seu</p><p>ebook, landing pages, materiais promocionais, vídeos, apresentações, etc.</p><p>Ter um bom designer na sua equipe é imprescindível, uma vez que é</p><p>comprovado que conteúdo com boas imagens geram um engajamento muito</p><p>maior.</p><p>( Fonte: https://www.tuiuti.edu.br/blog-tuiuti/apaixonado-por-imagens-conheca-o-design-grafico )</p><p>https://rockcontent.com/blog/como-criar-um-blog/</p><p>https://rockcontent.com/blog/landing-page/</p><p>https://www.tuiuti.edu.br/blog-tuiuti/apaixonado-por-imagens-conheca-o-design-grafico</p><p>10</p><p>10</p><p>USABILIDADE</p><p>Usabilidade é o quão fácil de usar é uma interface ou sistema, na qual você</p><p>navega, sem nenhuma insegurança e, assim, consegue completar uma ação</p><p>desejada, como por exemplo, a compra de algum produto.</p><p>Quando falamos em “facilidade” também deve estar incluso o aspecto</p><p>funcional: não adianta ser fácil e possuir uma bela interface se não entregar</p><p>valor. E, ainda pior, se não permitir ao usuário completar o fluxo de determinada</p><p>tarefa que ele deseja.</p><p>Usabilidade é você:</p><p>• Acessar um site e ter facilidade de navegação;</p><p>• Fazer o download de um aplicativo e conseguir, sem ver instrução alguma,</p><p>ou seja, intuitivamente completar alguma atividade;</p><p>• Usar algo que parece que foi feito sob medida para você;</p><p>• Não sentir raiva de quem desenvolveu o que você está usando…</p><p>Pouco importa algo ser fácil, se não for aquilo que você deseja ou se você não</p><p>completou o seu objetivo final.</p><p>Assim, usabilidade se refere a facilidade para o usuário interagir com a</p><p>interface. E essa além de ser simples deve ser útil, ou seja, fazer aquilo que o</p><p>usuário deseja.</p><p>Portanto, usabilidade e utilidade são igualmente importantes e juntas</p><p>determinam se alguma coisa é eficiente. Já que não importa se algo é fácil de</p><p>usar (usabilidade), mas não é aquilo que você quer (faltar utilidade). E, da</p><p>mesma maneira, não adianta ter a capacidade de entregar aquilo que você</p><p>precisa e ser muito difícil de usar (faltar usabilidade).</p><p>Você não precisa, inicialmente, ser um Designer que domina todas as melhores</p><p>ferramentas para começar aplicar a usabilidade em seus projetos.</p><p>11</p><p>11</p><p>Mas, se você tem interesse em propor as melhores soluções e construí-las, de</p><p>fato, você precisa se aprofundar nos estudos sobre Usabilidade e Design</p><p>Centrado no Usuário e aplicá-los imediatamente aos seus projetos.</p><p>Para isso, comece conhecendo os 5 componentes da usabilidade que os</p><p>projetos devem possuir para garantir uma melhor experiência. São eles:</p><p>Aprendizagem: o quão fácil é para os usuários realizarem alguma tarefa no</p><p>primeiro contato com o Design? Eles sentem algum tipo de dificuldade ou</p><p>insegurança? Quais são as reações deles ao terem contato com a interface?</p><p>Eficiência: os usuários estão realizando as tarefas no tempo estimado? E esse</p><p>tempo estimado, de fato, condiz com o tempo justo para realização da tarefa?</p><p>Memorabilidade: seus usuários passaram um longo tempo sem interagir com a</p><p>interface. Com que facilidade eles conseguem retornar às atividades que haviam</p><p>aprendido?</p><p>Erros: Você sabe mensurar qual a gravidade dos erros cometidos pelos usuários</p><p>e com que facilidade eles se recuperam deles? Quantos erros são cometidos?</p><p>Satisfação: O quanto é agradável utilizar o design proposto?</p><p>Portanto, faltando algum ou todos esses componentes a usabilidade do seu</p><p>projeto estará prejudicada. Ou seja, o usuário não conseguirá de maneira fácil e</p><p>agradável atingir os resultados que pretende.</p><p>https://medium.com/aela/como-o-design-centrado-no-usu%C3%A1rio-beneficia-todo-mundo-68a512f9ae27</p><p>https://medium.com/aela/como-o-design-centrado-no-usu%C3%A1rio-beneficia-todo-mundo-68a512f9ae27</p><p>12</p><p>12</p><p>USABILIDADE – CONTEXTO HISTÓRICO</p><p>Desde sempre a Apple se propôs a criar as melhores experiências para seus</p><p>usuários. Ainda em 1985, quando os computadores eram algo bem distante da</p><p>gente, eles lançaram o manual de Diretrizes para Interfaces Humanas (Human</p><p>Interface Guidelines — HIG) para o Apple II.</p><p>Afinal, Apple não inventou os smartphones. Mas transformou a experiência da</p><p>telefonia móvel. Tão pouco não inventou nenhum aparelho para escutar MP3.</p><p>Porém, o design do Ipod era incrível e impecável.</p><p>Os anos se passaram, a tecnologia avançou e a ideia ainda é a</p><p>mesma: desenvolver coisas com foco no usuário. Além de aperfeiçoar cada vez</p><p>mais o que é oferecido. E essa tendência foi acompanhada por todo o mercado</p><p>de telefonia e computação.</p><p>https://medium.com/aela/o-que-%C3%A9-design-centrado-no-usu%C3%A1rio-11a9c13c3a2f</p><p>13</p><p>13</p><p>A USABILIDADE NO DESIGN</p><p>Experimente fazer o produto com o design perfeito sem aplicação dos conceitos</p><p>de usabilidade…aliás, não faça isso. Por favor!</p><p>Usabilidade hoje é questão de sobrevivência: se você não consegue acessar um</p><p>site ou aplicativo, quantas horas você fica tentando? E quanto tempo você leva</p><p>para clicar no botão voltar, fechar a tela ou até mesmo desinstalar um aplicativo?</p><p>Então, se você não insiste, por que outro usuário vai insistir? Não, ele NÃO vai</p><p>ficar tentando acessar um site até criar calos nos dedos. É mais fácil sair, não</p><p>usar mais ou desinstalar o app.</p><p>14</p><p>14</p><p>MÉTRICAS EM USABILIDADE</p><p>Já sabemos que para fazer análises de usabilidade precisamos:</p><p>• Ter conhecimento sobre o negócio;</p><p>• Conhecer os componentes da usabilidade.</p><p>Agora, é a hora de conhecer as métricas que nos permitem saber o quanto algo</p><p>é realmente útil e fácil de usar um produto. Porém, é preciso quantificar e traçar</p><p>metas de usabilidade, conforme sua disponibilidade de recursos.</p><p>Assim, consideramos como principais métricas de usabilidade:</p><p>A taxa de sucesso, que é a porcentagem de tarefas que os usuários conseguem</p><p>concluir corretamente;</p><p>A relação entre o tempo que uma tarefa exige para ser concluída, segundo</p><p>avaliação e estudo das personas, com o tempo que de fato os usuários concluem</p><p>essa tarefa;</p><p>A taxa de erro, que corresponde à porcentagem de usuários que “erraram” ao</p><p>realizar uma tarefa ou fluxo;</p><p>Satisfação subjetiva dos usuários. Você pode está se perguntando: como vou</p><p>quantificar algo subjetivo? Isso é possível sim: realize pesquisas com perguntas</p><p>abertas e estabeleça você mesmo quais daquelas respostas simbolizam algo</p><p>positivo ou não.</p><p>Perceba que são métricas simples, mas que dizem muito sobre algo que foi</p><p>planejado e pensado no usuário. Ou não.</p><p>Segundo pesquisa da Invision- The New Designer Frontier By InVision:</p><p>Quando o Design é o foco da organização, há um impacto direto e tangível nos</p><p>resultados da empresa: como sua receita, valor de mercado e no tempo de</p><p>comercialização.</p><p>15</p><p>15</p><p>Além disso, segundo a mesma pesquisa, podem ser notados os seguintes</p><p>impactos em empresas que estão comprometidas com o design centrado no</p><p>usuário:</p><p>• Fidelização de clientes, pois se um produto ou serviço é rico em</p><p>usabilidade, sim, o seu cliente volta;</p><p>• Redução de custos, já que para desenvolver algo completamente focado</p><p>em atender as necessidades dos usuários é feito um longo estudo antes,</p><p>o que evita o retrabalho e custos extras;</p><p>• Democratização da tecnologia: a forma como uma criança interage com</p><p>um celular não é da mesma forma que um adulto, por exemplo e, a forma</p><p>de oferecer um serviço de qualidade para ambos os públicos é se</p><p>atentando à usabilidade.</p><p>16</p><p>16</p><p>O QUE É A INTERFACE</p><p>Modo através do qual o usuário consegue, usando um computador, interagir com</p><p>um programa ou com um sistema operacional: interface do Windows. Seção</p><p>compartilhada por dois dispositivos, programas ou sistemas, em que eles</p><p>partilham ou trocam sinais e dados. Dispositivo que causa uma ligação entre dois</p><p>sistemas. Aquilo que ocasiona uma união física ou lógica entre dois sistemas</p><p>que, diretamente, não poderiam estar conectados.</p><p>Um software ou sistema operacional, por exemplo, pode ser controlado através</p><p>de uma pessoa usando um computador. A interface entre o software e o usuário</p><p>é a tela de comandos apresentada por este programa, ou seja, a interface gráfica</p><p>do software.</p><p>Normalmente, nesta tela, existem várias imagens, ícones, campos de texto e</p><p>demais ferramentas que auxiliam o utilizador a desempenhar suas tarefas</p><p>no software.</p><p>Ao iniciar o Windows, por exemplo, a área de trabalho que aparece no</p><p>computador pode ser considerada a interface do usuário deste sistema</p><p>operacional, pois apresenta ao utilizador todas as opções de ações que este</p><p>pode acionar com a ajuda dos hardwares instalados, como o mouse, o teclado e</p><p>etc.</p><p>17</p><p>17</p><p>PARA QUE SERVE A INTERFACE?</p><p>A interface serve para facilitar a relação entre dois sistemas ou entre o usuário e</p><p>o sistema a ser utilizado. O termo atualmente é designado com mais frequência</p><p>para falar a respeito da forma como o programa facilita a participação e o uso do</p><p>usuário / cliente, desenvolvedor.</p><p>Quanto mais fácil for a interface, melhor será para o usuário. A interface deve</p><p>ser simples e servir para realizar adequadamente todos os comandos exigidos</p><p>para o trabalho.</p><p>Antigamente, os computadores não possuíam um sistema operacional amigável,</p><p>sendo a relação entre o usuário e a máquina extremamente difícil. A tecnologia</p><p>evoluiu e a interface passou a ser muito mais convidativa e intuitiva, tornando</p><p>tudo muito mais inteligente para todos.</p><p>A interface deve ser competente o suficiente para habilitar usuários a focar o</p><p>seu esforço no desenvolvimento do produto final.</p><p>18</p><p>18</p><p>COMPONENTES DE UMA INTERFACE</p><p>Uma interface gráfica do utilizador usa uma combinação de tecnologias e</p><p>dispositivos para fornecer uma plataforma com a qual o utilizador pode interagir.</p><p>Em computadores pessoais, a combinação mais conhecida é o WIMP, que</p><p>consiste de janelas, ícones, menus e ponteiros. Nesse sistema, utiliza-se um</p><p>dispositivo de ponteiro como o rato para controlar a posição dum cursor e</p><p>apresentar informação organizada em janelas e representada por meio de</p><p>ícones. Os comandos disponíveis são compilados por menus e acionados</p><p>mediante dispositivo de ponteiro. Um gerenciador de janela facilita a interação</p><p>entre janelas, aplicações e o sistema de janelas, este, responsável por lidar com</p><p>os dispositivos de hardware como o dispositivo de ponteiro e o hardware gráfico.</p><p>A simulação proporcionada pelos gerenciadores de janelas, incluindo a interação</p><p>entre janelas e outros elementos gráficos, produz um ambiente de desktop.</p><p>Dispositivos móveis como PDAs e smartphones também usam elementos do</p><p>WIMP mas com outros tipos de metáforas, devido às limitações de recurso do</p><p>próprio dispositivo.</p><p>https://pt.wikipedia.org/wiki/Gerenciador_de_janela</p><p>https://pt.wikipedia.org/wiki/Ambiente_de_desktop</p><p>https://pt.wikipedia.org/wiki/PDA</p><p>https://pt.wikipedia.org/wiki/Smartphone</p><p>19</p><p>19</p><p>FAMILIALIZAÇÃO DA INTERFACE</p><p>A grande capacidade e o grande legado de Steve Jobs relacionam-se ao papel</p><p>de humanizar cada vez mais a máquina, observando o alcance desse tipo de</p><p>tecnologia para o grande público. Facilitar e democratizar o uso de celulares e</p><p>pequenos computadores mostra a capacidade que uma interface de usuário</p><p>verdadeira possui.</p><p>O sucesso do famoso responsável pela Apple estava em desenvolver cada vez</p><p>mais interfaces que pudessem fazer a máquina e a tecnologia permitir ao usuário</p><p>agir de maneira livre e inteligente, intuitivamente.</p><p>Graças a pessoas como Steve Jobs, hoje temos interfaces que permitem</p><p>múltiplas vantagens, como acessar uma câmera em um celular com um mero</p><p>aperto de botão, dentre outros.</p><p>O mérito, evidentemente, não é apenas de Steve Jobs. Todos os conceitos que</p><p>procuram facilitar estão relacionados com interfaces amigáveis, com interfaces</p><p>que possibilitam o foco na atividade fim de qualquer pessoa que se envolve com</p><p>um computador.</p><p>Por este motivo, um web designer, por exemplo, está focado em ver,</p><p>graficamente, qual o desenho que será utilizado em seu site ou em sua produção</p><p>gráfica, como uma logomarca, por exemplo. É a partir de um trabalho de</p><p>qualidade realizado por um desenvolvedor interessado em garantir interfaces</p><p>acessíveis que se torna bem melhor realizar a atividade, ganhando tempo e</p><p>dinheiro.</p><p>20</p><p>20</p><p>INTERFACE VISUAL OU GRÁFICA</p><p>Uma interface com utilizadores que recorre ao mouse e imagens de mapa</p><p>de bits para simplificar grandemente as operações básicas do computador para</p><p>os usuários iniciantes. Os recursos típicos da interface visual são os quadros de</p><p>advertência, clipboard ou áreas de transferência, os acessórios, de mesa, a</p><p>metáfora do desktop, os quadros de diálogo, as setas de paginação, a</p><p>possibilidade de utilização de diversas fontes na tela, a equivalência entre</p><p>conteúdo da tela e a página impressa e a abertura de várias janelas na tela.</p><p>A interface visual é o conjunto de elementos gráficos formadores de uma</p><p>identidade visual de um conceito, produto ou serviço possibilitando que a</p><p>comunicação seja feita de forma equilibrada e esteticamente agradável.</p><p>O conceito de interface visual vai além da simples aparência gráfica:</p><p>compreende aspectos estruturais e interativos, os quais, visam facilitar o diálogo</p><p>entre usuário e máquina.</p><p>Convenciona que certas zonas, representadas por ícones, correspondem às</p><p>funções a serem utilizadas.</p><p>As palavras-chave que lhe emprestam sentido são acessibilidade, usabilidade,</p><p>interatividade, manipulação e virtualidade, responsáveis pelo nível de percepção</p><p>dos signos visuais e sonoros ou código escrito: quanto mais objetiva for a</p><p>interface, mais imediata a comunicação se realizará, gerando uma primazia ao</p><p>produto.</p><p>Raramente limita-se a um único menu, sendo constituído geralmente pela soma</p><p>de diferentes interfaces, dependendo da função e do contexto em que estarão</p><p>representados.</p><p>https://pt.wikipedia.org/wiki/Bit</p><p>https://pt.wikipedia.org/wiki/Clipboard</p><p>https://pt.wikipedia.org/wiki/Janelas</p><p>21</p><p>21</p><p>INTERFACE CELULAR</p><p>Este é um dispositivo capaz de converter as chamadas de telefones fixo para</p><p>sinais de redes móveis. É um sistema bastante utilizado principalmente em</p><p>companhias que têm uma central telefônica.</p><p>A grande vantagem de um smartphone, atualmente, é a capacidade de oferecer</p><p>facilidades para um usuário, com uma maneira de obter informações de uma</p><p>forma rápida, inteligente e humana. Steve Jobs teve essa capacidade de</p><p>compreender a necessidade da evolução da tecnologia e da inteligência ao criar</p><p>uma interface amigável e tranquila para o usuário comum.</p><p>Esse aparelho apresenta diversas vantagens, principalmente para empresas</p><p>que contam com uma central telefônica e precisam ter as comunicações internas</p><p>e externas facilitadas.</p><p>( Fonte : http://www.cenetel.com.br/perguntas-frequentes/151-o-que-e-interface-</p><p>celular )</p><p>Um dos maiores benefícios em contar com uma interface celular é</p><p>a economia que esse aparelho representa aos seus usuários, já que ele permite</p><p>utilizar os planos de tarifas especiais oferecidos pelas empresas de telefonia</p><p>http://www.cenetel.com.br/perguntas-frequentes/151-o-que-e-interface-celular</p><p>http://www.cenetel.com.br/perguntas-frequentes/151-o-que-e-interface-celular</p><p>22</p><p>22</p><p>celular, sem perder, no entanto, a qualidade de uma ligação feita por um telefone</p><p>fixo.</p><p>Outra vantagem da interface celular é que, com alguns modelos desse aparelho,</p><p>é possível suportar até quatro operadoras diferentes e fazer duas chamadas</p><p>simultaneamente. Além disso, a integração entre a linha fixa e celular é feita sem</p><p>precisar de transferências e conversões dos sistemas de comunicação já</p><p>utilizados. Assim, a interface celular representa uma solução rápida, econômica,</p><p>eficiente e com ótima qualidade de áudio.</p><p>23</p><p>23</p><p>INTERFACE DE LINHA DE COMANDO</p><p>Ele é um programa que permite que os usuários digitem comandos de texto</p><p>dando instruções a um computador para fazer funções específicas.</p><p>Tirando o fato de que é uma ferramenta muito poderosa, o uso do CLI nem</p><p>sempre é bem recebido. Isso porque os iniciantes costumam ser um pouco</p><p>relutantes em usá-la, pensando que ela é apenas para usuários mais avançados.</p><p>Mas isso não é verdade.</p><p>A invenção de um mouse marcou o início de um método conhecido como point-</p><p>and-click (apontar e clicar), que acabou se tornando um novo jeito de interagir</p><p>com um computador.</p><p>Esse método era muito mais seguro para os usuários, por isso, eles deixaram o</p><p>CLI de lado muito rapidamente. Mas, logo mais, vamos discutir por que usar o</p><p>CLI ainda é uma opção melhor. Fique com a gente.</p><p>Fora isso, os sistemas operacionais começaram a desenvolver uma maneira</p><p>mais atraente de fazer computação, usando uma GUI (Graphical User</p><p>Interface ou Interface Gráfica de Usuário). O GUI logo se tornou um fenômeno</p><p>pelo uso de botões e menus, que representavam comandos específicos. Esse</p><p>modelo provou ser muito intuitivo.</p><p>Hoje em dia, o GUI se tornou algo muito comum na computação. Porém, a</p><p>maioria dos sistemas operacionais ainda oferecem uma combinação entre CLI e</p><p>GUI. Por exemplo, os usuários de MAC podem tanto digital “cal” no Terminal ou</p><p>clicar na aplicação Calendário para terem o mesmo resultado.</p><p>24</p><p>24</p><p>INTERFACE DO USUÁRIO</p><p>Refere-se a todos os gráficos, informações e ferramentas que aparecem na tela</p><p>ao abrir uma página web. Ainda que estes elementos funcionam de uma forma</p><p>muito semelhante aos outros programas de computador, tem que ser muito mais</p><p>intuitivos e fáceis de serem usados, pois seria pouco prático que os internautas</p><p>tivessem que investir tempo aprendendo a usar todos os comandos de cada site</p><p>que fossem visitar.</p><p>Por isso, na web design é tão importante criar uma interface de usuário que</p><p>facilite ao máximo a transmissão de informação, a navegabilidade e a interação.</p><p>Mesmo que a maioria das pessoas já estejam acostumadas com interfaces</p><p>gráficas, existem outras formas de comunicação entre um software é um usuário:</p><p>Interface de voz (VUI): Trata-se de programas capazes de identificar e</p><p>interpretar a fala. O exemplo mais claro que temos é o recente auge das</p><p>inteligências artificiais como a Siri, que pode ser comandada através da voz</p><p>Interface de texto: É utilizado principalmente no âmbito da programação de</p><p>sistemas operacionais e é a evolução da interface online de comando primitivo</p><p>que usavam os primeiros programas de computador.</p><p>Interface natural: É chamada assim o tipo de interface que identificam e</p><p>interpretam ações naturais do ser humano, como</p><p>movimentos e expressões</p><p>faciais. Um exemplo disso são os jogos de videogame com interface Kinética.</p><p>Interface cérebro-computador: É o tipo de interface mais inovadora que existe</p><p>até o momento e ainda que não conte com muitos aplicativos para o dia a dia,</p><p>está sendo utilizada para controlar próteses biônicas e dar instruções simples a</p><p>um software por meio das ondas cerebrais.</p><p>Muito a respeito da tecnologia que nos rodeia, como os aplicativos móveis e os</p><p>consoles de videogame combinam vários tipos de interface para oferecer</p><p>uma experiência ao usuário mais intuitiva e prazerosa.</p><p>https://www.workana.com/i/guias/experiencia-do-usuario/?utm_source=glosario&utm_source=glosario</p><p>25</p><p>25</p><p>Uma boa interface do usuário em seu site te ajuda a criar um melhor</p><p>relacionamento com seus clientes e inclusive pode representar uma vantagem</p><p>em termos de posicionamento ou SEO, pois incrementa o tempo de</p><p>permanência.</p><p>As interfaces baseadas em menus evitam que o utilizador tenha necessidade de</p><p>memorizar os comandos e a sintaxe de escrita. Os comandos podem ser</p><p>selecionados com o auxílio das teclas de seta e em seguida pressionando Enter,</p><p>ou com o rato.</p><p>26</p><p>26</p><p>REFERÊNCIAS</p><p>https://pt.wikipedia.org/wiki/Design_gr%C3%A1fico</p><p>https://www.chiefofdesign.com.br/design-grafico/</p><p>https://rockcontent.com/blog/design-grafico/</p><p>https://medium.com/aela/o-que-%C3%A9-usabilidade-e-porque-%C3%A9-</p><p>t%C3%A3o-essencial-para-projetos-de-ux-design-4ea04ca6269</p><p>https://www.meusdicionarios.com.br/interface</p><p>https://pt.wikipedia.org/wiki/Design_de_interface_de_usu%C3%A1rio</p><p>https://www.caelum.com.br/apostila-ux-usabilidade-mobile-web/principios/</p><p>https://www.dicio.com.br/interface/</p><p>https://www.significados.com.br/interface/</p><p>https://definicao.net/interface/</p><p>https://www.hostinger.com.br/tutoriais/o-que-e-cli/</p><p>https://www.workana.com/i/guias/o-que-e-interface-do-usuario/</p><p>https://skygforcesite.page.tl/Interface.htm#:~:text=linha%20de%20comandos-</p><p>,Interface%20baseada%20em%20menus,Enter%2C%20ou%20com%20o%20r</p><p>ato.</p><p>https://pt.wikipedia.org/wiki/Design_gr%C3%A1fico</p><p>https://www.chiefofdesign.com.br/design-grafico/</p><p>https://rockcontent.com/blog/design-grafico/</p><p>https://medium.com/aela/o-que-%C3%A9-usabilidade-e-porque-%C3%A9-t%C3%A3o-essencial-para-projetos-de-ux-design-4ea04ca6269</p><p>https://medium.com/aela/o-que-%C3%A9-usabilidade-e-porque-%C3%A9-t%C3%A3o-essencial-para-projetos-de-ux-design-4ea04ca6269</p><p>https://www.meusdicionarios.com.br/interface</p><p>https://pt.wikipedia.org/wiki/Design_de_interface_de_usu%C3%A1rio</p><p>https://www.caelum.com.br/apostila-ux-usabilidade-mobile-web/principios/</p><p>https://www.dicio.com.br/interface/</p><p>https://www.significados.com.br/interface/</p><p>https://definicao.net/interface/</p><p>https://www.hostinger.com.br/tutoriais/o-que-e-cli/</p><p>https://www.workana.com/i/guias/o-que-e-interface-do-usuario/</p><p>https://skygforcesite.page.tl/Interface.htm#:~:text=linha%20de%20comandos-,Interface%20baseada%20em%20menus,Enter%2C%20ou%20com%20o%20rato.</p><p>https://skygforcesite.page.tl/Interface.htm#:~:text=linha%20de%20comandos-,Interface%20baseada%20em%20menus,Enter%2C%20ou%20com%20o%20rato.</p><p>https://skygforcesite.page.tl/Interface.htm#:~:text=linha%20de%20comandos-,Interface%20baseada%20em%20menus,Enter%2C%20ou%20com%20o%20rato.</p>