Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

02 Compreendendo e Conceitualizando a Interação

Projeto de Interface com o Usuário, disciplina do curso de Análise e Desenvolvimento de Sistemas.

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of 02 Compreendendo e Conceitualizando a Interação

Compreendendo e Conceitualizando a Interação
Projeto de Interface com o Usuário
José Cassiano Grassi Gunji
cassiano@unip.br

Como começar a projetar uma interface de um leitor de e-mails?
Entendendo o espaço do problema
Modelos conceituais
Metáforas de interface
Paradigmas de interação
Exercícios
Obrigado!
Baixe a apresentação:
http://goo.gl/9YpXPJ
Esquematizando o layout da interface
Avaliando como seria a arquitetura do sistema
Iniciando a codificação
Conversaria com os usuários sobre suas experiências com e-mails
Baseado nisso começaria a pensar sobre por que e como faria o design da aplicação
Observaria outras ferramentas existentes
É tentador iniciar o processo de criação pelo nível mais prático do design
Menus
Formulários
Voz
Icones
Comandos
etc.
Mas com isso podemos esquecer de aspectos importantes de metas de usabilidade e necessidade do usuário
Exemplo: Você foi contratado para melhorar a interface de um navegador
Observando como os usuários utilizam o navegador atual, você nota que eles não utilizam o recurso "favoritos", considerando-o muito restrito e, portanto, subutilizando-o.
Por que?
A organização em pastas não é eficiente pois leva tempo e é propensa a erros
É fácil perder endereços colocando-os em pastas erradas
Não é fácil mover endereços de uma pasta para outra
Não é óbvio saber como reordenar endereços que já foram colocados em pastas
Exemplo: Painel de "infotenimento" de veículos Tesla
Modelo conceitual é uma descrição do sistema proposto - em termos de um conjunto de idéias e conceitos integrados a respeito do que ele deve fazer, de como deve se comportar e com o que deve se parecer - que seja compreendida pelos usuários da maneira pretendida
Definição:
Modelos conceituais
Modelos conceituais baseados em atividades
Modelos conceituais baseados em objetos
Instrução
Conversação
Manipulação e navegação
Exploração e pesquisa (browsing)
http://www.inbot.com.br/sete/
CD-ROMs
Páginas WEB
Portais
Sites de comércio eletrônico
Deve-se combinar e misturar modelos para se adequar a cada tipo de sistema e cada uso que o sistema pode ter.
Metáforas de Interface
São uma outra forma de se descrever modelos conceituais.

Uma metáfora de interface é um modelo conceitual desenvolvido para ser semelhante a aspectos de uma entidade física, mas que também pode ter seu próprio comportamento e suas propriedades.
Vantagens
São naturais
São familiares
Têm affordance elevada
Críticas ao uso de metáforas de interface
Uma lixeira no mundo real não fica em cima da escrivaninha
Quebram as regras
São muito restritas
Tentar encontrar um arquivo entre milhares pode ser bastante difícil
Entram em conflito com os princípios do design
Ejete a cópia de segurança!
Destrua isso!
Não entendem a funcionalidade do sistema para além da metáfora
São traduções literais de designs ruins já existentes
Limitam a imaginação do designer para a criação de novos paradigmas e modelos
Computador de mesa
Paradigma baseado no uso de monitor, teclado e mouse
Predomínio do uso de GUI ou WIMP
G
U
I
nterface
ser
raphic
(Interface Gráfica do Usuário)
W
I
M
P
indows
ull-down menus
cons
ouse
ou
W
I
M
P
indows
cons
enus
ointers
Computação ubíqua
A tecnologia torna-se tão presente que deixa de ser percebida. Ela passa a se mesclar ao ambiente
Computação pervasiva
Os indivíduos podem interagir com a informação a qualquer hora, em qualquer lugar e utilizando diferentes tecnologias integradas
www
Computação vestível
Bits tangíveis, realidade aumentada e integração física-virtual
Procura integrar o ambiente físico com informações virtuais
Ambientes atentos e computação transparente
O computador antecipa as necessidades do usuário, oferecendo serviços na hora e no lugar certo sem que o usuário precise executar qualquer ação
Considere um smartphone de sua preferência (iOS, Android, Windows Phone, etc.).

Como você define seu modelo conceitual?

Há metáforas de interface? Se sim, quais suas vantagens e desvantagens?
Você consegue identificar quais paradigmas de computação estão sendo empregados?
Full transcript