O documento discute a importância do design de interfaces para desenvolvedores WordPress. Apresenta a evolução das interfaces de usuário de CLI para GUI e NUI, enfatizando que estas últimas exploram habilidades humanas naturais como toque e gestos. Também recomenda plugins que adicionam temas móveis e interfaces naturais para WordPress.
2. • Mestre em Design pela PUC-Rio
• Especialista em Web Design pela PUC-Rio
• Graduado no Curso Tecn. em Informática pela UniverCidade
• Técnico em Proc. de Dados pela FAETEC
Ciccarelli
Leandro Duarte
3. Foi se o tempo em que o Web
Designer era responsável somente pelo
desenvolvimento criativo de uma
interface, pela produção das páginas e por
fim, pela codificação (ROSSETTO, 2015).
Web Designer
Relembrando
4. Atingir o máximo
Do Potencial de um site
[É preciso] entender a harmonia
dos objetos [...] Quanto mais humano
o canal de comunicação, melhor será o
resultado [pois], percebemos o mundo
por meio dos nossos sentidos
(ROSSETTO, 2015).
5. CLI
Command Line Interface
• Inserção de comandos por texto
• Comandos numerosos e
compostos
• Curva de aprendizagem e
adaptação maior
6. GUI
Graphic User Interface
• Janelas, botões, menus, caixas de
opção, caixas de seleção e ícones
• Controle artificial
• Operações devem ser aprendidas
por meio de botões
7. NUI
Natural User Interface
Interfaces Gráficas de Usuário normalmente
utilizam periféricos – como teclado e
mouse – para mediar às interações com a
interface (EDU AGNI, 2015).
8. NUI
Natural User Interface
As interfaces naturais (como as touchscreen)
permitem a interação direta do usuário
com a interface e os conteúdos, de modo que
não se percebe a tecnologia (EDU AGNI, 2015).
9. As Interface Naturais [...] que é efetivamente
invisível, e permanece invisível conforme o
usuário aprende [...] suas interações cada vez mais
NUI
Natural User Interface
10. A Naturalidade
Das Interfaces
[...] se refere à maneira como elas exploram as
habilidades cotidianas que aprendemos, como
falar, escrever, gesticular, andar e pegar objetos
(PREECE et al., 2011).
11. Inovação
Em Interface
Window to the World: imagine o tédio que os passageiros de
carros sentem em viagens longas?
Assista ao vídeo
12. Plugins
Voltados para Interfaces Naturais
É um controle deslizante amigável, ágil e que funciona
perfeitamente nos principais dispositivos móveis.
13. Plugins
Voltados para Interfaces Naturais
WPtouch é um plugin para WordPress que adiciona
automaticamente um simples tema móvel e elegante.
Recomendado pelo Google!
14. Para
Refletir
"Quinze anos atrás, as empresas
competiam em preço. Hoje em
qualidade. Amanhã será no
design“
Robert Hayes
Harvard Business School
16. Bibliografia
Para Referência
EDU AGNI. Princípios Básicos do NUI
(Natural User Interface) Design. Disponível
em:<http://www.uxdesign.blog.br/design-de-
interfaces/natural-user-interface/>, acessado
em: 25/08/2015.
17. Bibliografia
Para Referência
ROGERS, Y, SHARP, H e PREECE, J. Design de
interação: além da interação humano-
computador, 3a. edição, Bookman, 2013
(Tradução Isabela Gasparini, Revisão Técnicas
Marcelo S. Pimenta).
18. Bibliografia
Para Referência
ROSSETTO, F. Design e experiência – parte
1. Disponível em: <http://design.blog.br/web-
design/design-e-experiencia-parte-1>, acessado
em: 28/08/2015.