Mostrando postagens com marcador prototipação. Mostrar todas as postagens
Mostrando postagens com marcador prototipação. Mostrar todas as postagens

Minicurso de prototipação em papel na Jornada de Informática da UNESP-Bauru

A Faculdade de Ciências da Unesp, campus de Bauru, por meio do Departamento de Computação, promoverá a XII Jornada de Informática. O evento será realizado entre nos dias 21, 22, 23 de setembro na FunDeB (Fundação para o Desenvolvimento de Bauru) e no LEPEC (Laboratório de Ensino, Pesquisa e Extensão em Computação) situados no campus da Unesp de Bauru.

O objetivo da jornada é apresentar por meio de palestras e minicursos novas técnicas e metodologias desenvolvidas atualmente proporcionando a todos contato com novas tecnologias e a integração com o mercado de trabalho.

Eu estarei participando da Jornada juntamente com a Livia Gabos ministrando um minicurso de prototipação em papel no dia 23/09 das 19h às 22h40.

Entre os demais destaques da programação, haverá palestras e minicursos com a Cissa Gatto (GarotasCPBr), Junia Anacleto (minha orientadora de mestrado da UFSCar), Bruno Penteado (MSTech), Maurício Alegretti e outros.

Fique atento à abertura das inscrições e participem ;)

Divulgação: Minicursos sobre HTML5 e Prototipação de Interfaces

Caros leitores,
Tenho abandonado estado ausente do blog, pois o mestrado tem tomado todo o meu tempo, pelo menos neste primeiro semestre onde há mais créditos de disciplinas.
Mas volto brevemente com boas notícias. Entre os dias 18 e 20 de maio estarei ministrando 2 minicursos. Será um na UNESP de São José do Rio Preto e outro na USC em Bauru (minha terrinha querida, da qual sinto saudades imensas durante a semana #emofeelings). Confiram mais detalhes abaixo.

Avaliação interfaces com o usuário através de prototipação




Evento: XXI Semana da Computação
Onde: UNESP - São José do Rio Preto
Data: 18 de Maio de 2011 (quarta-feira), das 18h30 às 22h30
Site do evento: http://www.semac.sjrp.unesp.br/
Sobre o minicurso: Protótipos são esquematizações ou desenhos de um produto que serverm para avaliarmos, antes de ir para a produção,se existe algum problema ou mudança a ser feita. Economizando tempo e dinheiro de qualquer tipo de projeto. A construção de protótipos permite avaliar se a interface atende aos requisitos do projeto e se ela é de fácil utilização pelos usuários, sendo um artefato de grande importância para testes de usabilidade. Neste minicurso serão abordados conceitos de usabilidade, prototipação de interfaces e como avaliar o protótipo com moderação de testes através de uma atividade prática. A idéia é que, ao final, os participantes saibam construir um protótipo e verificar a qualidade do projeto com usuários finais, através dos teste de usabilidade.
Este minicurso é uma parceria entre eu e Livia Gabos, analista de testes na MSTech e amiga de longa data, desde os tempos de estágio nos Correios.


HTML 5 e as novas tecnologias de desenvolvimento web


Evento: Jornada de Informática
Onde: USC (Universidade do Sagrado Coração) - Bauru
Data: 20 de Maio de 2011 (sexta-feira), das 19h às 22h15, Laboratório F15
Sobre o minicurso: O HTML 5 é a nova especificação do HTML em desenvolvimento pelo W3C e propõe melhorias à semântica, uso de hipermídia, usabilidade e acessibilidade de páginas web, juntamente com outras linguagens como CSS e JavaScript. Neste minicurso serão abordadas as principais mudanças semânticas de elementos e atributos, o que muda com o HTML 5 em termos de padrões web, as tecnologias adjacentes que atuam em conjunto com a linguagem e alguns exemplos de aplicações e jogos desenvolvidos em HTML 5, além de um exercício prático.

Os dois eventos têm palestras e minicursos muito interessantes, é uma grande oportunidade de aprendizado e networking!

Até a próxima pessoAll!

Tutorial de Prototipagem em Papel

Para quem ficou interessado em saber mais sobre como fazer prototipagem em papel, depois de ler sobre a Oficina de Design de Interação na CPBr, dêem uma olhada no vídeo abaixo, preparado pelo pessoal do LTIA-Unesp (Laboratório de Tecnologia da Informação Aplicada), aqui de Bauru. É um tutorial muito interessante, rápido e divertido. Dá para ter uma boa noção de como fazer e aplicar testes em protótipo de papel.



Recebi esse vídeo pelo Henrique Perticarati, estudante da Unesp-Bauru e membro do LTIA. Até o tio Jakob Nielsen (ou Jakozão, como diria o designer Felipe Memória) assistiu a este vídeo, que foi enviado a ele pelos estudantes.

Direto da Campus Party 2011 - Oficina "Design de Interação - além do lápis e papel"

A melhor oficina que participei na Campus Party foi, sem dúvida, "Design de Interação - além do lápis e papel", ministrada por Tássia Spinelli e Rafaela Rei, ambas arquitetas de informação no iG.


Para chamar a atenção do público, primeiro elas mostraram um slide com imagem do iPhone, clichê em muitas apresentações, mas logo elas explicaram porque. o iPhone é característico pela sua facilidade de uso e, por este e outros motivos, é desejo de consumo de muitas pessoas. Isto porque ele foi planejado, projetado, desenhado e prototipado.

A importância do protótipo em papel, segundo Spinelli e Rei, é que ele se apresenta uma forma simples, rápida e barata para testar e garantir bons resultados, além de ser uma das melhores ferramentas para desenhar ótimas experiências de uso. Os principais benefícios são: fácil execução; forma rápida de incorporar feedback no momento de produção; os participantes dos testes se sentem mais à vontade criticando um protótipo em papel; há economia de tempo e dinheiro. E tem a grande vantagem de que você não precisa se preocupar com a fidelidade do design. Isso acaba tirando o foco do usuário durante o teste, ele acaba se preocupando em apontar mais questões de design do que problemas de funcionalidade. O foco do protótipo é analisar o fluxo de interação e a dificuldade de realização de tarefas, permitindo maior abstração destes quesitos.

O protótipo em papel é um ambiente simples para testar usabilidade, mas também deve ter uma planejamento. É preciso definir o público, as interfaces a serem testadas e as atividades a serem realizadas. Depois, os protótipos são desenhados e os testes são aplicados sob a supervisão do moderador e do observador. Para ter uma noção mais clara, as oficineiras exibiram o vídeo Paper Prototyping at Work.

Elas também deixaram claro o que não é protótipo:
  • Quadro branco: é mais utilizado pra brainstorming, não é interativo e apenas apresenta um rascunho de ideias. Protótipo não é um rascunho, não é a primeira ideia que vem em mente, é um refinamento destas ideias sob um planejamento;
  • Storyboard: apenas narra a ideia de interação. Mesmo que seja feito em papel, protótipo é funcional apenas é testado com o usuário e a intenção do storyboard não é essa;
  • Prancha;
  • Wireframe: são mais demorados e mais elaborados, geralmente não servem muito bem em outras etapas, pois há grande preocupação com detalhes de estrutura e fonte. Se for impresso, pode até servir como um protótipo funcional.

Os seguintes mitos também foram derrubados durante a oficina:
  1. Protótipo deve ser bonito: não. Antes de tudo, um protótipo é uma simulação de interface, tem que ser vivo, não tem que ser bonito;
  2. "Só sei desenhar direto no layout";
  3. "Não parece profissional": profissional é envolver as pessoas desde o início do projeto, não fazer um protótipo de alta fidelidade;
  4. "Meu chefe não irá entender";
  5. "Prototipar depende da plataforma";
  6. "Impossível simular interatividade com papel": é possível sim e muito bem :)

E para começar a fazer o protótipo é preciso pensar que a proposta da prototipação é propor ideias e trazer feedback mais rapidamente. Respondendo à algumas dúvidas da plateia, Spinelli e Rei esclareceram que o protótipo e seu benefício não são mensuráveis como um produto entregável. Elas também responderam que a responsabilidade sobre do protótipo ou wireframe é de toda a equipe, deve envolver todos os profissionais, não há "quem fale mais alto" nesse momento, é um processo de negociação com designers, arquitetos de informação e programadores.

Ao final da oficina foi proposta uma atividade prática pra prototipar um aplicativo do iG para iPhone. Ninguém se manifestou na plateia, acredito que todo mundo tenha ficado um pouco receoso de não conseguir dar conta, pois eu também fiquei assim. Conforme o pessoal foi saindo, eu continuei na plateia e fui chamada, junto com um pessoal para fazer a atividade. Estávamos em 6 pessoas e dividimos em 2 grupos de 3. Cada grupo teria que prototipar o aplicativo do canal Zoom para o iPhone e depois cada grupo elegeria o moderador e o observador para testar até 2 atividades do aplicativo com um "usuário" do outro grupo.


Quebramos muito a cabeça para definir uma interface simples e que pudesse refletir as principais ações desejadas pelos usuários no aplicativo. É interessante como o trabalho de prototipação é mais complexo, pois você precisa desenhar todo o fluxo de interação, por exemplo, "se o usuário clicar aqui, mostro a tela X, se na tela X ele clicar no botão Y, vai para Z, se clicar no W, vai para o K" e assim por diante. Spinelli e Rei foram super atenciosas e nos orientaram muito bem durante o teste com usuário, dando dicas do que não pode ser falado durante o teste com moderação, como apresentar o protótipo para o usuário, como incentivá-lo a narrar a interação, etc.


O mais surpreendente foi ver como cada equipe pensou a interface de forma completamente diferente. E, pra completar, eu e os colegas de oficina, novos amigos, fomos rachar uma pizza depois da oficina e no sábado também.

Postagens no blog

Twitter Delicious Facebook Digg Stumbleupon Favorites More