Upload
internet
View
105
Download
0
Embed Size (px)
Citation preview
Engenharia de Software
User Interface DesignDocente responsável: Isabel Sofia Brito
Grupo de Trabalho:-Luis Franco nº 3508-Nuno Silva nº 2633
Introdução
Pretende-se dar a conhecer o que é aUser Interface Design, a sua evolução,quais as suas características e qual o seurelacionamento com Engenharia deSoftware
User Interface
O que é? User Interface refere-se aos métodos e
dispositivos que são utilizados na interacção entre maquinas e seres humanos.
Pode tomar várias formas, mas sempre cumprindo dois pontos fundamentais: comunicação ou troca de informação entre a máquina e o ser humano e vice versa.
User Interface A sua evolução
Os primeiros computadores tinham umas interfaces muito rudimentares, bem como eles próprios.
O computador enviava informação ao utilizador, através de luzes e, o utilizador introduzia informação ao computador, através de interruptores.
Apenas técnicos altamente especializados eram capazes de trabalhar com estas máquinas.
User Interface A sua evolução(2)
O próximo passo da evolução trouxe consigo os monitores.
O computador utilizava o monitor para imprimir a sua informação e o utilizador, através de um teclado escrevia para o monitor a informação que iria ser tratada.
Utilizadores comuns já podiam utilizar computador, mas tinham que ter uma formação especializada e eram obrigados a memorizar uma série de comandos.
User Interface A sua evolução(3)
Aparecimento das GUI - Graphic User Interfaces.
A informação apresentada ao utilizador já não era só texto mas também gráficos (imagens).
Era apresentada uma série de opções (botões, etc..) para facilitar a interacção do utilizador com a máquina.
A partir daqui as interfaces foram-se focando nas necessidades dos humanos.
O utilizador já não necessita de formação técnica para poder utilizar o computador
"Qualidade" das User Interfaces O objectivo de qualquer criador (developer) deve
ser criar e implementar uma interface de qualidade.
Algumas funcionam melhor que outras, mas nunca existe uma solução perfeita.
Por isso uma quality user Interface, deve ser uma interface intuitiva, fácil de utilizar e eficiente.
A melhor maneira de assegurar uma quality user interface design, é, seguindo um processo bem definido de design process, que é especificamente seguido para criar interfaces de qualidade.
Processo de desenho (Design Process)
Design Process overview
Fase de requisitos
Antes de se dar inicio à fase de design há que se fazer algum trabalho de casa primeiro. :)
Se a aplicação é para ser aceite pelos utilizadores, há que trabalhar com eles desde o inicio (stakeholders)
Fase de Requisitos
Alguns passos para levar ao sucesso a
fase de requisitos: Equipa de design
Identificar todos os grupos de utilizadores (stakeholders).
Seleccionar representantes para participar na equipa de design.
Fase de Requisitos
Recolha de requisitos Entervistar tantos stackholders,
quantos forem necessários O problema (negócio, etc..) onde se
insere esta aplicação Que proveitos a aplicação pode
disponibilizar Quais são os factores críticos para o
sucesso
Fase de Requisitos
Definir o escopo (alcance) do projecto Rever os requisitos recolhidos Tomar decisões sobre o que ira ser
necessário e o que não Se o escopo se tornar demasiado
grande, dividi-lo em etapas
Fase de Requisitos A fase de requisitos é muito
importante para o sucesso de qualquer projecto.
Qualquer User Interface, não importa o bem desenhada que possa estar, não será bem recebida se os seus utilizadores sentirem que foram parte integrante do mesmo
A fase do desenho conceptual (Conceptual Design)
Modelação da aplicação
A fase do desenho conceptual (Conceptual Design)
O desenho Conceptual é dividido em três fases:
Modelo de dados (Data Model) Identifica as entidades e o relacionamento entre elas
Modelo de função de Negócio (Business function model) Define o escopo (alcance) do negocio, no que diz respeito
á aplicação
O Modelo de Comunicação (Data Flow Diagram) Traça as interacções entre as componentes da Business
Function model e as entidades de dados (Data Model).
Desenho Lógico (Logical Design )
Determinar quais os eventos que o utilizador pode fazer
Determinar a tecnologia (hardware e software) em que a aplicação irá ser desenvolvida
Determinar a configuração mínima de hardware que a aplicação deverá suportar
Desenho Físico(Physical Design)
A fase do Desenho físico corresponde à determinação de como o desenho lógico irá ser implementado numa plataforma especifica
A tecnologia na qual a aplicação irá ser desenvolvida deve ser determinada antes da fase do desenho físico começar.
Construção É nesta fase que se dá inicio à programação da
aplicação. Não quer dizer que o processo de desenho tenha
sido concluído (processo iterativo) Disponibilizar ao utilizador uma parte funcional da
aplicação. Este irá querer proceder a alterações para esta funcionar da maneira que ele quer.
Quanto mais cedo o utilizador tiver um protótipo funcional nas suas mãos, mais cedo se poderá fazer as alterações que este deseja e menos re-desenhamento da mesma será necessário efectuar
Teste de Usabilidade(Usability Testing)
Técnica que permite validar o desenho da interface e revelar áreas que necessitem de ser refinadas
Consiste apenas em observar os utilizadores a operar a aplicação
Os utilizadores devem ser instruídos de forma a verbalizarem todo o seu pensamento durante a interacção
Ex: "Quero encontrar o botão de sair. Vejo um botão que diz exit, mas não sei se é este...!". :-)
Teste de Usabilidade(Usability Testing)
Este teste é mais uma exercício de quão fácil é a aprendizagem de utilização da aplicação, do que propriamente a facilidade de utilização (learnability).
Quantos mais utilizadores testarem a
aplicação melhor. Se um ou dois utilizadores sentirem dificuldades nalguma situação, esta poderá não ser propriamente um problema, mas se por contrario, uma maioria sentir dificuldades, essa situação vai requerer uma maior atenção e provavelmente uma melhoria.
Usability Engineering Métodos de usabilidade na construção de
um produto útil e utilizável
Interacção com o utilizador Todo o processo de desenvolvimento
da aplicação gira em torno do utilizador
ConclusãoPodemos concluir que a User Interface design é um
processoiterativo.Este processo é sempre acompanhado de perto pelos
utilizadoresfinais, que irão “ajudar” durante todo o processo dedesenvolvimento da aplicação.Quanto mais cedo os utilizadores finais tiverem contacto
com aaplicação mais depressa se podem fazer as alterações
necessárias.Se se seguir um processo bem definido de desenho DesignProcess, temos assegurado um produto final de excelentequalidade.
Referencias
http://cfg.cit.cornell.edu/cfg/design
http://www.afadesign.com/
http://www.uidesign.de/uidweb.php?content=10&lang=en
FIM
QUESTÕES?