Skip to Content.
Sympa Menu

aifia-pt - Re: [AI] Workshop Design Mobile (Rio dia 7 e São Paulo dia 21 de julho)

aifia-pt AT lists.ibiblio.org

Subject: Arquitetura da Informao (em Portugus)

List archive

Chronological Thread  
  • From: Horacio Soares <horacio AT digitalacesso.com>
  • To: Arquitetura da Informação (em Português) <aifia-pt AT lists.ibiblio.org>, acessodigital AT googlegroups.com
  • Subject: Re: [AI] Workshop Design Mobile (Rio dia 7 e São Paulo dia 21 de julho)
  • Date: Fri, 22 Jun 2012 16:48:23 -0300

Pessoal,

Quem tiver interesse no Workshop Design Mobile no Rio (dia 7 de julho) poderá pagar com 15% (pessoa física) até 25 de junho, segunda-feira. Em São Paulo, o Workshop será dia 21 de julho e o pagamento com desconto vai até o dia 29 de junho.

Abraços,

Horácio

2012/6/12 Horacio Soares <horacio AT digitalacesso.com>
Pessoal,
Faremos uma nova turma do Workshop Design Mobile no Rio (dia 7 de julho) e uma em São Paulo (dia 21 de julho). Seguem mais informações sobre o curso:

Workshop DESIGN MOBILE 

Web Mobile: a qualquer hora, em qualquer lugar e nos contextos mais variados e improváveis...

Como projetar sites e aplicativos mobile que satisfaçam as necessidades das pessoas dentro de um universo tão variado de dispositivos, recursos, sistemas, padrões e navegadores?

Este curso não só fornecerá detalhes sobre como a web para mobile difere-se do desktop, como também serão apresentadas as técnicas, ferramentas, dicas e práticas sobre os elementos mobile, seus padrões, exemplos de interfaces e estudos de caso, além de exercícios práticos de como projetar, prototipar, montar e testar sites/aplicativos mobile em Smartphones e Tablets.

1) Professores

O Workshop será ministrado por:

Horacio Soares – palestrante, pesquisador e consultor em experiência do usuário, acessibilidade, usabilidade e Web Standards.

Thais Souza – Designer e Front-End Web e Mobile na M4U, é especialista em Design Mobile, usabilidade e experiência do usuário.

2) Informações:

2.1) Rio de Janeiro

Data: 07/07/2012 - sábado
Duração: 8h (das 8h30m às 17h30m)
Local: RJ - BQ Centro de Treinamento - Rua São José, 40 - Centro do Rio - 350 metros da estação da Carioca.
Investimento: R$ 350,00 (trezentos e cinquenta reais)

* Desconto para pagamento à vista: de 15% até o dia 22/06 (apenas para pessoa física).

2.2) São Paulo

Data: 21/07/2012 - sábado
Duração: 8h (das 8h30m às 17h30m)
Local: SP - Impacta, rua Arabé, 71 - próximo ao metrô Santa Cruz.
Investimento: R$ 400,00 (quatrocentos reais)

* Desconto para pagamento à vista: de 15% até o dia 29/06 (apenas para pessoa física).

3) Público-alvo:

Designers, desenvolvedores, arquitetos de informação, profissionais de usabilidade e experiência do usuário e gerentes de projeto web.

4) Material Didático e Infraestrutura:

- Pen drive com as apresentações, vídeos e exercícios.
- Datashow.
- Wifi.
- Coffee Break.
- Grupo exclusivo no Facebook.
- Certificado.

5) Inscrições

Para inscrições e informações, envie e-mail para:

workshopmobile AT internativa.com.br

Informando nome completo do(s) aluno(s), telefone, cidade e se a inscrição é de pessoa física ou jurídica.

Telefone de contato: (21) 9925-5404

6) Conteúdo programático:

6.1) Introdução:

- Estatísticas de uso de Smartphones e Tablets
- Como os usuários utilizam Mobile?
- Capacidades e limitações do Mobile
- Mitos

6.2) Projeto UX Mobile

- Estratégia: desenvolvendo uma estratégia para Mobile.
- Design centrado no usuário.
- A importância da identificação do ALVO certo: definição dos objetivos da empresa com o projeto e das necessidades do público alvo.
- O que é Experiência do usuário e por que ela é estratégica para o Mobile?
- Metodologia de projeto mobile

EXERCÍCIO 01 - projeto XYZ1
Modelagem participativa: avalie e valide::

- lista com os objetivos e metas da empresa apresentados para o projeto XYZ1 e públicos-alvo e suas necessidades para o site/aplicativo mobile (Strategy - Elements of UX).

- lista com as funcionalidades e requisitos de conteúdo 
(Scope - Elements of UX). 

6.3) Caminhos para o desenvolvimento Mobile

- Qual caminho o meu site/sistema deve seguir: 
Uma versão Web para desktop e outra para mobile?
Uma versão para cada dispositivo/ambiente?
Uma versão web única servindo diferentes dispositivos/contextos?
- Estudo de caso CIELO: projetando interfaces de um mesmo aplicativo para diferentes ambientes/dispositivos (IOS, Android e Blackberry).
- Mobile First Responsive Web Design
- Progressive Enhancement: diferente dispositivos, diferentes características. 

6.4) Mobile Design

- Boas práticas em Design para Mobile.
- Projetos de Design para telas pequenas.
- Dedo gordo.
- Modelos/elementos de navegação e Menus. 
- Responsive Design Navigation Patterns.
- Entrada de dados (via teclado e/ou Touch). 
- Estrutura de formulários.
- Busca.
- Feedback, tratamento de erros, ajuda.

6.5) UI Guidelines - Elementos e padrões (patterns)

- Arquitetura de Informação para Mobile.
- Design para plataformas: iPhone, iPad, BlackBerry, Android & Windows Mobile. 
- Criando padrões para Mobile.
- Ícones - como fazer um ícone e seus padrões.
- Gestos.

6.6) Práticas recomendadas e não recomendadas para Mobile.

Estudos de caso:
- portais de notícias.
- sites de comércio eletrônico.
- sites corporativos.

EXERCÍCIO 02 - Sitemap

Diagramas: a partir das listas (exercício 1), construa coletivamente um Sitemap com os diagramas de fluxo das telas com os principais passos dos usuários no projeto.

6.7) Protótipo

- Por que prototipar?
- Fluxograma
- Protótipo Papel
- Ferramentas para prototipação.
- Usando ferramentas para prototipar e testes com iPhones, iPads e Smartphones e Tablets com Android.

EXERCÍCIO 3 - protótipo em papel

Construa coletivamente protótipos em papel a partir dos fluxos do Sitemap utilizando Stencils para Web, iPhone, iPad e Android.

EXERCÍCIO 4 - wireframe

Construa coletivamente um Wireframe a partir da prototipação em papel.

6.8) Avaliação e validação.

- Testes com usuários
- Validação automática
- Simuladores
- Performance
- Contraste

EXERCÍCIO 5: Teste em dispositivos

Teste o protótipo em seu Smartphone e/ou Tablet.

EXERCÍCIO 6: Validação automática e manual.

6.9) MOBILE e:

- Conteúdo multimídia
- SEO
- Acessibilidade

Abraços,

Horácio Pastor Soares
Digital Acesso - Soluções Web para todos
http://digitalacesso.com
e-mail: horacio AT digitalacesso.com
5521 9925-5404
@horaciosoares




Archive powered by MHonArc 2.6.24.

Top of Page