Workshop - Design de Interfaces para Dispositivos Móveis
-
Upload
daniel-lugondi -
Category
Design
-
view
494 -
download
1
description
Transcript of Workshop - Design de Interfaces para Dispositivos Móveis
![Page 1: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/1.jpg)
workshop de design de
interação
Design de Interface para dispositivos móveis
![Page 2: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/2.jpg)
Tema da atividade:
TUrismo durante a copa do mundo
Workshop:Daniel Lugondi - Felipe Cumaru - Helio Souza - Jonathas Silva
![Page 3: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/3.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
Para ENTENDER o universo dos dispositivos móveis é preciso entender primeiro os USUÁRIOS
![Page 4: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/4.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
...e o que eles buscam
Facilidade?
Agilidade?
Entretenimento?
Inovação?
![Page 5: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/5.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
![Page 6: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/6.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
![Page 7: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/7.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
você tem que ser o usuário!
![Page 8: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/8.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
você tem que ser o usuário!
A day in the life
![Page 9: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/9.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
você tem que ser o usuário!
● como funciona?● pesado ou leve?● confortável?● ergonômico?● como acesso as
funções?● quais botões ele
possui?● quais aplicativos são
legais?
A day in the life
![Page 10: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/10.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
Não é um computador tradicional!
![Page 11: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/11.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
A interface tem que ser repensada
![Page 12: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/12.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
somente os elementos
chave continuam!
![Page 13: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/13.jpg)
Atividade vs. tempo
workshop de design de interação Design de Interface para dispositivos móveis
![Page 14: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/14.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
Atividade vs. tempo
![Page 15: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/15.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
Como fazemos?
![Page 16: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/16.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
necessidades vs. funcionalidades
![Page 17: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/17.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
necessidades vs. funcionalidades
● Pessoas de negócios ou usuários finais?
● jovens ou idosos?● mulheres? crianças?● uso diário? ocasional?
![Page 18: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/18.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
necessidades vs. funcionalidades
● consumir ou produzir conteúdo?
● Serviços acoplados?● resolver um problema
ou apenas entretenimento?
● Pessoas de negócios ou usuários finais?
● jovens ou idosos?● mulheres? crianças?● uso diário? ocasional?
![Page 19: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/19.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
necessidades vs. funcionalidades
● consumir ou produzir conteúdo?
● Serviços acoplados?● resolver um problema
ou apenas entretenimento?
● Pessoas de negócios ou usuários finais?
● jovens ou idosos?● mulheres? crianças?● uso diário? ocasional?
O que o usuário realmente quer?
![Page 20: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/20.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
necessidades vs. funcionalidades
● consumir ou produzir conteúdo?
● Serviços acoplados?● resolver um problema
ou apenas entretenimento?
● Pessoas de negócios ou usuários finais?
● jovens ou idosos?● mulheres? crianças?● uso diário? ocasional?
O que o usuário realmente quer?
O que o usuário realmente precisa?
![Page 21: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/21.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
design deve ser pensado como
diferencial
![Page 22: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/22.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
![Page 23: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/23.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
atividade
1. Utilizar o painel para composição das principais necessidades (percebidas ou que se julgue verdadeiras) dos usuários.
2. Utilizar uma coluna análoga para sugerir as funcionalidade compatíveis para a resolução dos problemas/necessidades elencados.
:)
![Page 24: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/24.jpg)
Fluxos
workshop de design de interação Design de Interface para dispositivos móveis
![Page 25: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/25.jpg)
mapas do site
workshop de design de interação Design de Interface para dispositivos móveis
![Page 26: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/26.jpg)
FLUXOS DE TAREFA
workshop de design de interação Design de Interface para dispositivos móveis
![Page 27: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/27.jpg)
FLUXOS HÍBRIDOS
workshop de design de interação Design de Interface para dispositivos móveis
![Page 28: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/28.jpg)
Fluxos - por onde começar?
workshop de design de interação Design de Interface para dispositivos móveis
De cima para baixo:> Recomendado se quando está no plano estratégico com entendimento dos objetivos do produto e necessidades dos usuários.
FONTE: GARRET, Jesse James.The Elements of User Experience: User-Centered Design for the Web and Beyond, Second Edition. NewRiders, 2011.
De baixo para cima:> Recomendado para análise do conteúdo e requisitos funcionais, começando com material já existente, objetiva refletir as necessidades dos usuários.
![Page 29: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/29.jpg)
Fluxos - recomendações de apresentação
workshop de design de interação Design de Interface para dispositivos móveis
![Page 30: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/30.jpg)
Fluxos, vamos fazer!
>> Com os requisitos é hora de começar o fluxo…
> Podemos ter algumas etapas:
REQUISITOS
LISTADE
CAMINHOS
FLUXO
workshop de design de interação Design de Interface para dispositivos móveis
![Page 31: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/31.jpg)
Prototipação
Teste rápido, erre rápido, e acerte rápido.
Para seguir este caminho, que é a chave do sucesso na
inovação, saber prototipar e modelar um projeto evita que se
gaste com ideias que talvez não estejam prontas para o
mercado.
workshop de design de interação Design de Interface para dispositivos móveis
![Page 32: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/32.jpg)
Prototipação em papel
Modelo básico, de baixo custo, que auxilia o teste de
usabilidade, validando fluxos e a interface de aplicações e
websites.
workshop de design de interação Design de Interface para dispositivos móveis
![Page 33: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/33.jpg)
![Page 34: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/34.jpg)
Sem desculpas de que não sabem desenhar!
![Page 35: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/35.jpg)
![Page 36: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/36.jpg)
![Page 37: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/37.jpg)
![Page 38: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/38.jpg)
MAS ASSIM, TÃO FÁCIL?
O protótipo é a melhor forma de testar se uma ideia funciona
ou não antes de investir em seu desenvolvimento. Mas dar
corpo a uma ideia e tirá-la do papel não é uma tarefa fácil.
workshop de design de interação Design de Interface para dispositivos móveis
![Page 39: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/39.jpg)
![Page 40: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/40.jpg)
![Page 41: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/41.jpg)
1. Alinhamento e espaçamento
![Page 42: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/42.jpg)
2. Consistência
![Page 43: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/43.jpg)
3. Ecossistemas
![Page 44: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/44.jpg)
![Page 45: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/45.jpg)
4. LEGIBILIDADE
![Page 46: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/46.jpg)
5. "AFFORDANCE"
![Page 47: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/47.jpg)
6. CORES E FORMAS
![Page 48: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/48.jpg)
7. HIERARQUIA VISUAL
![Page 49: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/49.jpg)
8. TIPOGRAFIA
![Page 50: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/50.jpg)
9. TESTES
![Page 51: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/51.jpg)
10. ORGANIZAÇÃO
![Page 52: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/52.jpg)
VAMOS PROTOTIPAR?
workshop de design de interação Design de Interface para dispositivos móveis
![Page 53: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/53.jpg)
![Page 54: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/54.jpg)
![Page 55: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/55.jpg)
Ícones
launcher
workshop de design de interação Design de Interface para dispositivos móveis
![Page 56: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/56.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
![Page 57: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/57.jpg)
Significante x Significado
workshop de design de interação Design de Interface para dispositivos móveis
![Page 58: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/58.jpg)
Metodologia
● Problema
● Briefing
● Pesquisa
● Conceituação
● Desenvolvimento
● Produto finalCaos Ordem
● Resolução do Problema
workshop de design de interação Design de Interface para dispositivos móveis
![Page 59: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/59.jpg)
Skeumorphismo x Flat
● Texturas● 3D● Degradês● Sombras● Simula elementos reais
● Uniforme● 2D● Preenchimento Sólido● Sombra chapada● Simplificação de elementos● Tipografia● Favorece a pregnância
workshop de design de interação Design de Interface para dispositivos móveis
![Page 60: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/60.jpg)
onde o Flat começou?
Windows Phone??? Windows 8???
workshop de design de interação Design de Interface para dispositivos móveis
![Page 61: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/61.jpg)
O que é isso?
composição em vermelho, amarelo e azulPiet Mondrian
workshop de design de interação Design de Interface para dispositivos móveis
![Page 62: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/62.jpg)
A revista "De Stijl" foi uma publicação iniciada em 1917 por Theo van Doesburg e alguns colegas que viriam a compor o movimento artístico conhecido por Neoplasticismo.
● Van Doesburg
● Piet Mondrian
● Gerrit Rietvield
O estilo
o Neoplasticismo...
workshop de design de interação Design de Interface para dispositivos móveis
... defendia uma total limpeza espacial para a pintura, reduzindo-a a seus elementos mais puros e buscando suas características mais próprias.
![Page 63: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/63.jpg)
Skeumorphismo x Flat
Piet Mondrian
workshop de design de interação Design de Interface para dispositivos móveis
![Page 64: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/64.jpg)
interface metro
workshop de design de interação Design de Interface para dispositivos móveis
![Page 65: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/65.jpg)
vamos ao q interessa!!!
quadrado triângulo círculo
workshop de design de interação Design de Interface para dispositivos móveis
![Page 66: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/66.jpg)
Grid
iOS grid
workshop de design de interação Design de Interface para dispositivos móveis
![Page 67: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/67.jpg)
onde começa tudo isso?
workshop de design de interação Design de Interface para dispositivos móveis
![Page 68: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/68.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
Conceito
![Page 69: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/69.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
referências
![Page 70: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/70.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
rafes manuais
![Page 71: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/71.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
rafes digitais
![Page 72: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/72.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
produto final
![Page 73: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/73.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
aplicação em fundo colorido
![Page 74: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/74.jpg)
workshop de design de interação Design de Interface para dispositivos móveis
aplicações
![Page 75: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/75.jpg)
Referências e links
Referências:>> UNGER, Russ & CHANDLER, Carolyn.O Guia para projetar UX: a experiência do usuário (UX) para projetistas de conteúdo digital, aplicações e web sites. Rio de Janeiro: Alta Com. Com. Ltda., 2009.
Links:>> http://iainstitute.org/pt/translations/000332.html>> Android DevSite: http://developer.android.com/design/index.html>> I Phone DevSite: https://developer.apple.com/devcenter/ios/index.action>> Windows Phone DevSite: http://developer.windowsphone.com/en-us>> Alessandra Mess: http://www.behance.net/gallery/Processo-criativo-marca-pessoal/6292423
Ferramentas:Microsoft Visio - http://office.microsoft.com/visioAxure RP Pro - http://www.axure.comOmniGraffle - http://www.omnigroup.com/omniGraffle/POP - https://popapp.in/Fluid UI - https://fluidui.com/
workshop de design de interação Design de Interface para dispositivos móveis
![Page 76: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/76.jpg)
Contatos
Daniel Lugondi - UX e interação>> [email protected]
Jonathas Silva - UX e fluxos>> [email protected]
Felipe Cumaru - UI e wireframes>> [email protected]
Hélio Souza - UI e ícones>> [email protected]
workshop de design de interação Design de Interface para dispositivos móveis
![Page 77: Workshop - Design de Interfaces para Dispositivos Móveis](https://reader036.fdocuments.us/reader036/viewer/2022081400/5539431d550346b4378b4991/html5/thumbnails/77.jpg)
Obrigado!
workshop de design de interação Design de Interface para dispositivos móveis