{"id":1814,"date":"2021-06-27T12:58:15","date_gmt":"2021-06-27T03:58:15","guid":{"rendered":"https:\/\/tijp.net\/?p=1814"},"modified":"2021-06-27T13:13:40","modified_gmt":"2021-06-27T04:13:40","slug":"tijp-53-front-end-2-0-um-pouco-sobre-ui-ux","status":"publish","type":"post","link":"https:\/\/tijp.net\/2021\/06\/tijp-53-front-end-2-0-um-pouco-sobre-ui-ux\/","title":{"rendered":"TIJP 53 - Front End 2.0, um pouco sobre UI\/UX"},"content":{"rendered":"\n

Ol\u00e1 pessoal! Bom dia, boa tarde, boa noite<\/em>!!<\/strong><\/p>\n\n\n\n

Infelizmente n\u00e3o pude estar presente nesta live<\/em>, mas quero contribuir um pouco sobre este tema t\u00e3o importante.<\/p>\n\n\n\n

Nessa live<\/em> o Clayton trouxe um assunto interessante, hoje em dia muitas pessoas utilizam constantemente smartphones<\/em>, tablets<\/em> ou computadores. Mesmo quando n\u00e3o estamos utilizando nenhum destes dispositivos que mencionei, em algum momento teremos que utilizar um sistema de algum servi\u00e7o como, por exemplo, um caixa eletr\u00f4nico.<\/p>\n\n\n\n

At\u00e9 ai tudo bem, isso \u00e9 bem comum. <\/p>\n\n\n\n

Mas imagine por um minuto.<\/p>\n\n\n\n

Se de repente as telas gr\u00e1ficas sumissem e surgisse somente uma tela preta com um menu<\/em> de linhas pedindo que voc\u00ea digite a op\u00e7\u00e3o desejada!<\/p>\n\n\n\n

Sem \u00edcone, bot\u00e3o, sem toque na tela! Imaginou?<\/p>\n\n\n\n

Realmente ficaria dif\u00edcil n\u00e9! Hehehe.<\/p>\n\n\n\n

Dentro desse pequeno exemplo podemos perceber a import\u00e2ncia da UI (User Interface<\/em>) e da UX (User Experience<\/em>).<\/p>\n\n\n\n

A inten\u00e7\u00e3o n\u00e3o \u00e9 de aprofundar nesses temas, mas abordar de uma forma simples do que se trata cada \u00e1rea e sua import\u00e2ncia.<\/p>\n\n\n\n

UI (User Interface<\/em>)<\/h2>\n\n\n\n

Primeiramente o Clayton falou sobre a Interface de Usu\u00e1rio (UI), basicamente \u00e9 como o exemplo que citei acima. A Interface de Usu\u00e1rio em softwares nada mais \u00e9 do que o design da tela em que o usu\u00e1rio poder\u00e1 interagir com o sistema computacional.<\/p>\n\n\n\n

As cores, imagens, disposi\u00e7\u00f5es dos bot\u00f5es e seus tamanhos, as letras utilizadas entre outros.<\/p>\n\n\n\n

Nesse contexto fica claro que o design da tela \u00e9 o que faz a diferen\u00e7a. Uma interface agrad\u00e1vel com cores e tipografia dentro do contexto do que o sistema ou site oferece nos deixa mais tranquilos para interagir com ele.<\/p>\n\n\n\n

Isso parece simples, mas n\u00e3o \u00e9! \u00c9 preciso um estudo sobre design, verificar se a interface cont\u00e9m o que \u00e9 necess\u00e1rio para a utiliza\u00e7\u00e3o, se \u00e9 intuitivo ou n\u00e3o.<\/p>\n\n\n\n

Quando o usu\u00e1rio acessa pela primeira vez o sistema ou aplicativo, na interface deve ser f\u00e1cil de perceber onde est\u00e1 o que ele precisa.<\/p>\n\n\n\n

UX (User Experience<\/em>)<\/h2>\n\n\n\n

A UI e a UX em alguns momentos podem causar alguma confus\u00e3o a primeira vista, pois a tela pode ser muito bonita, mas quando o usu\u00e1rio utiliza a interface pode n\u00e3o ficar satisfeito com algumas coisas e, pode perder o interesse em usar o sistema ou aplicativo.<\/p>\n\n\n\n

Pois bem, em rela\u00e7\u00e3o a ter uma tela bonita e o usu\u00e1rio se interessar em utilizar o sistema, dai sim os conceitos de UX entram em a\u00e7\u00e3o.<\/p>\n\n\n\n

De que adianta ter um bom visual, mas \u00e9 dif\u00edcil de usar! Por exemplo: os bot\u00f5es s\u00e3o pequenos para um smartphone, voc\u00ea toca em um link e aciona o outro link abaixo!<\/p>\n\n\n\n

S\u00e3o pequenas coisas que nos deixam em alguns casos irritados, hehehe.<\/p>\n\n\n\n

Devido a estas e outras situa\u00e7\u00f5es, a UX procura atender as expectativas do usu\u00e1rio proporcionando uma experi\u00eancia de utiliza\u00e7\u00e3o agrad\u00e1vel.<\/p>\n\n\n\n

O termo User Experienc<\/em>e foi utilizado primeiramente por Don Norman1<\/sup> na d\u00e9cada de 1990 quando atuava como vice-diretor da empresa Apple.<\/p>\n\n\n\n

Entretanto, as ra\u00edzes do UX se originam da Ci\u00eancia Cognitiva, que foram utilizadas na d\u00e9cada de 1980 pelas \u00e1reas da Psicologia e Ergonomia, quando houve um aumento de pesquisadores interessados no desenvolvimento de sistemas f\u00e1ceis de usar.<\/p>\n\n\n\n

Para que o usu\u00e1rio tenha uma boa experi\u00eancia ao interagir com um aplicativo ou sistema, o mesmo deve atender alguns requisitos. De acordo com UX, o sistema deve ser:<\/p>\n\n\n\n

  • \u00datil (useful);<\/li>
  • Utiliz\u00e1vel (usable);<\/li>
  • Desej\u00e1vel (desirable);<\/li>
  • Encontr\u00e1vel (findable);<\/li>
  • Cred\u00edvel (credible);<\/li>
  • Valioso (valuable);<\/li><\/ul>\n\n\n\n

    No Jap\u00e3o como o pr\u00f3prio Clayton disse na live<\/em>, existem v\u00e1rios sites que possuem uma preocupa\u00e7\u00e3o com UI\/UX, mas uma grande quantidade dos sites n\u00e3o \u00e9, por exemplo, responsivo. Ele mesmo mostra alguns exemplos desta realidade aqui, vale a pena conferir.<\/p>\n\n\n\n

    Outro fator importante a se considerar \u00e9 sobre a escrita japonesa, eles se preocupam muito com a disposi\u00e7\u00e3o dos ideogramas, tomando o cuidado de sempre terminar a linha sem a quebra de palavras. Isso dificulta em algumas situa\u00e7\u00f5es de criar um design mais agrad\u00e1vel.<\/p>\n\n\n\n

    Apesar de que n\u00f3s tamb\u00e9m nos preocupamos com a tipografia, mas para os japoneses, o ideograma kanji<\/em> tem um significado que vai al\u00e9m de uma simples forma de escrita.<\/p>\n\n\n\n

    Um bom exemplo de uma boa interface no Jap\u00e3o \u00e9 o sistema da JR (Japan Railway), \u00e9 um grupo de empresas que opera a maior parte das linhas de trem no Jap\u00e3o, incluindo o Shinkansen<\/em>, tamb\u00e9m conhecido como trem-bala.<\/p>\n\n\n\n

    Devido a grande quantidade de sites n\u00e3o responsivos e de usabilidade question\u00e1vel, surgem muitas oportunidades para desenvolvedores com estas habilidades em UI\/UX. Claro que entrar na \u00e1rea n\u00e3o \u00e9 t\u00e3o f\u00e1cil, mas tamb\u00e9m n\u00e3o \u00e9 imposs\u00edvel!<\/p>\n\n\n\n

    Mas como sempre falamos, \u00e9 necess\u00e1rio saber o idioma japon\u00eas tanto na fala quanto na leitura\/escrita.<\/p>\n\n\n\n

    Bom pessoal, fico por aqui e esperamos ter contribu\u00eddo de alguma forma para sanar algumas d\u00favidas sobre o mercado de TI no Jap\u00e3o.<\/p>\n\n\n\n

    At\u00e9 a pr\u00f3xima!<\/p>\n\n\n\n

    \n