A interface de usuário nos aplicativos mobile

UI e UX

Quando falamos de tecnologia, um dos fatores primordiais, senão o mais importante, na criação de uma boa experiência para o usuário é a interface de utilização daquele produto. Em outras palavras: para um aplicativo, site ou software cativar o usuário ele precisa ser atraente, intuitivo e fácil de usar. Aí estão inseridos os conceitos de UXUser experience – e UIUser interface.

User Interface, como o nome já sugere, é a interface que o usuário utiliza para controlar uma máquina ou uma aplicação digital e que é usada pela aplicação para informar o usuário sobre o que está sendo realizado. Dentre vários outros fatores, uma boa interface precisa ser clara, ágil, bastante interativa e dar bons feedback para o usuário.

Mas afinal, o que seria tudo isso na prática? Pois bem, imagine uma situação em que você clica em um botão para recarregar um feed, por exemplo, e a página simplesmente fica parada por alguns segundos. O que você faz? Quase que instintivamente você aperta o botão outra vez, achando que ele não teria funcionado, não? Porém, na verdade ele já estava recarregando a página, apenas não tinha informado isso pra você ainda. Esse é um problema de interface do usuário que poderia ser resolvido com uma simples animação de “load” após você clicar 🙂

Botões, loads, menus drop-down, slides, listas suspensas, efeitos de animações… esses são alguns dos recursos utilizados nos projetos de UI para tornar toda a interface mais atraente ao usuário a ponto de ele não ter que pensar muito na hora de usá-la, e ao usar sentir-se satisfeito. Basta uma transição animada entre duas telas pra dar uma graça a mais a um aplicativo, ou um efeito divertido ao clicar em um botão, só pra você entender que ele funcionou.

Abaixo dois exemplos de interface do usuário que achei pelo Behance que podem ajudar melhor a entender a concepção e os conceitos de UI e UX. Além disse, indico três sites como galerias de inspiração de UI: Inspired UI, UI Parade e Pttrns 🙂

Ramotion Inc.

4da8dee915a043b41fff104efaffed42
06fa314c839f7fc2fa0df1b0d7f5d1de
66a2276331394546282aaf2b332ea8a1
673ca4278c9ab5df6daee845ae498451
354401419ce6bef30a1b4a6177e8be64
abd97781a03f684faec0c4b54e5dc17a
bc22f5773feb407647a3ec7ca5066654
c7fa421e39c2bf303f946c9e4b25794a
ce03ac1a49676e6263442ef6625b9373
fef5101ed3f98ecb4776be6b15011590

Yalantis Mobile

82c876345d6f33efba66da7a1d72b09c
84072f7489a43324db655aaab908d9e5
b815bddc6ee3b97623a50f8b8c3dcb45
cef016216798384d0f6b3f449d64c230
e2bf710e6d7ea621c62d5e504186a768
e00184e3186b0a525d7e8bb8257f088d
tags:
Mobile User Experience User Interface
Daniel Fabricio
escrito por

Daniel Fabricio

Administrador

Daniel Fabricio já escreveu

725 artigos

Ver mais de Daniel