WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de WordPress

A importância do Design/UXPara os desenvolvedores de WordPress

• 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

CiccarelliLeandro Duarte

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 DesignerRelembrando

Atingir o máximoDo 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).

CLICommand Line Interface

• Inserção de comandos por texto

• Comandos numerosos e

compostos

• Curva de aprendizagem e

adaptação maior

GUIGraphic 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

NUINatural 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).

NUINatural 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).

As Interface Naturais [...] que é efetivamente

invisível, e permanece invisível conforme o

usuário aprende [...] suas interações cada vez mais

complexas.

NUINatural User Interface

A NaturalidadeDas Interfaces

[...] se refere à maneira como elas exploram as habilidades cotidianas que aprendemos, como

falar, escrever, gesticular, andar e pegar objetos (PREECE et al., 2011).

InovaçãoEm Interface

Window to the World: imagine o tédio que os passageiros de carros sentem em viagens longas?

Assista ao vídeo

PluginsVoltados para Interfaces Naturais

É um controle deslizante amigável, ágil e que funciona perfeitamente nos principais dispositivos móveis.

PluginsVoltados para Interfaces Naturais

WPtouch é um plugin para WordPress que adiciona automaticamente um simples tema móvel e elegante. Recomendado pelo Google!

ParaRefletir

"Quinze anos atrás, as empresas

competiam em preço. Hoje em

qualidade. Amanhã será no

design“

Robert Hayes

Harvard Business School

Obrigado!Leandro D. Ciccarelli

/leandrociccarelli

/leandrociccarelli

Navegar é preciso senão a rotina te cansa... O Rappa

BibliografiaPara 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.

BibliografiaPara 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).

BibliografiaPara 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.