Concepção Avaliando os conceitos

Concepção Cria os Conceitos Avalia os Conceitos Documenta Conceitos 1. 2. 4. Refina os Conceitos 3. Processo Iterativo

Depois de criados os conceitos, é hora de verificar se estes são apropriados ao projeto. O modelo criado será fácil de usar e atende às necessidades do usuário? Atende às necessidades do negócio? É possível de ser implementado? 2. Avaliando os Conceitos Concepção

Depois de criados os conceitos, é hora de verificar se estes são apropriados ao projeto. O modelo criado será fácil de usar e atende às necessidades do usuário? Atende às necessidades do negócio? É possível de ser implementado? 2. Avaliando os Conceitos Concepção Planejamento

Depois de criados os conceitos, é hora de verificar se estes são apropriados ao projeto. O modelo criado será fácil de usar e atende às necessidades do usuário? Atende às necessidades do negócio? É possível de ser implementado? 2. Avaliando os Conceitos Concepção Análise de Requisitos

Análise de Requisitos Requisitos Técnicos: Determinam as tecnologias que podem ser utilizadas. Deve-se compreender e respeitar esses requisitos para garantir a viabilidade técnica do projeto. Ambientes Tecnológicos (internet, intranet, dispositivos móveis, TV digital...) • Linguagens de programação (HTML, Javascript, Flash, etc.) • Especificações dos computadores dos usuários (sistema operacional, browser, resolução do monitor, etc.) • Ferramentas de desenvolvimento e operação do website (editores de HTML, banco de dados, software de gerenciamento de conteúdos, etc.) • Integração com sistemas legados (ERP, CRM, etc.)   Requisitos Operacionais: Determinam os profissionais e máquinas que atuarão na operação do website. Servem para avaliar a capacidade da empresa em manter o website operando após sua implantação. • Criação ou revisão processos internos (resposta de e-mails, manutenção de conteúdos, entrega de pedidos, etc.)

Análise de Requisitos Ambientes Tecnológicos

Ambientes Tecnológicos Em quais situações e aparelhos as pessoas utilizam a tecnologia e as interfaces? http://www.flickr.com/photos/yohann-aberkane/2836258475/sizes/l/ Análise de Requisitos

Internet Intranet Computadores Pessoais Dispositivos Móveis TV Digital Ambientes Tecnológicos

O design de sistemas interativos centrados nos usuários requer a análise de tarefas, papéis e necessidades dos utilizadores em cada contexto de interação e dos padrões de mudança entre estes contextos. baseado em: Paulo Jorge Souza EBAI 2008 http://paginas.fe.up.pt/%7Epjsousa/index.php Ambientes Tecnológicos

Será que a necessidade de informação do usuário é a mesma no horário de trabalho e no horário de lazer? Os sites levam em consideração o que você está fazendo ou como você está se sentindo no momento em que os acessa? A forma como você utiliza o computador é a mesma quando você está em uma mesa e quando está com o notebook no colchão da sala vendo TV? Ambientes Tecnológicos

E se o Jornal Nacional transmitisse somente notícias boas para relaxar e tranqüilizar as pessoas que trabalharam o dia todo e estão estressadas? Ambientes Tecnológicos

Weekend News Today Site que só publica notícias “boas”. Ambientes Tecnológicos

http://www.youlicense.com/ http://www.musicovery.com/ Ambientes Tecnológicos

Intranet Como falar com TODOS seus colaboradores Ambientes Tecnológicos

Por muito tempo não foram levadas a sério Motivos: Alto investimento para manter profissionais qualificados cuidando de sua manutenção Teoricamente, “não alavancava vendas”, pois não é um meio de comunicação com os clientes Era tratado como um SISTEMA interno (leia-se SOFTWARE) http://www.flickr.com/photos/danielstarrason/342516062/ Intranet

Intranet Esta imagem da Intranet começou a mudar quando as empresas perceberam a importância da comunicação com seus funcionários As empresas estavam cada vez maiores, espalhadas por vários países ao redor do planeta. Ainda assim Somente 25% das empresas têm um funcionário dedicado totalmente à Intranet – Jakob Nielsen - 2007 http://www.flickr.com/photos/thashiguro/2028892808/ Funcionário do Mês

Intranet http://www.flickr.com/photos/davidgking/3039039317/ A Intranet serve basicamente para: Informar Estimular Automatizar Processos Padronizar

Intranet Características da Intranet Os usuários são diferentes Diferentes departamentos, cargos, níveis de conhecimento, necessidades especiais... As tarefas são diferentes O tipo de informação necessária é diferente A capacidade das máquinas são diferentes No caso das intranets, essa capacidade é conhecida, portanto os recursos devem ser adequados.

Intranet Os 4 SUPER elementos da Arquitetura de Informação para Intranets: Organização Rotulação Navegação Busca

1. Organização Diretório de Conteúdo (antigo Yahoo!) Mais comuns: Departamentos Tarefas Reduz a curva de aprendizagem Muitos departamentos com tarefas semelhantes. http://www.flickr.com/photos/atelieordenar/3447630220/ Intranet

Intranet 2. Rotulação Focar sempre no usuário Pesquisa Entrevista com Colaboradores Card Sortings Testes de Usabilidade Análise de Métricas Manutenção Pesquisa Termos de Busca

3. Navegação Menor nº de cliques possível Trabalhos repetitivos Ganho de tempo ($$$$$$) Solução: Links para acesso rápido - home Personalização Links Cruzados Intranet http://www.flickr.com/photos/paulhurst/197965942/

Intranet 4. Busca Alternativa rápida à navegação por seções Notícias Normas e Procedimentos Execução de tarefa Análise constante para descobrir novos rumos para a arquitetura de informação. SEARCH http://www.flickr.com/photos/mlemos/405949783/

Intranet Para uma intranet REALMENTE funcionar: Centralize as decisões a um pessoa dedicada em tempo integral ao desenho da intranet; Não deixe que o dono/diretor da empresa dite os rumos da a.i. Prever o crescimento da intranet Mudanças drásticas necessitam de tempo para aprendizagem do novo sistema. Evitar essa mudanças. PESQUISA, PESQUISA, PESQUISA... TESTE, TESTE, TESTE, TESTE, TESTE...

Ambientes Tecnológicos Dispositivos Móveis

Dispositivos Móveis Mobile Phones (celulares e smarthphones) PDA (Palmtops, PocketPCs, Netbooks) Consoles Portáteis (vídeo-games)

Mobile Phones Como desenvolver mobilesites e aplicativos Dispositivos Móveis

Mobilesites O celular está presente em praticamente todas as classes sociais; 159 milhões de assinantes em junho, segundo a Anatel; 11 milhões de usuários de mobile web no Brasil (Nielsen) 18 milhões de usuários, segundo as operadoras; 3 milhões utilizando a tecnologia 3G Centenas de aparelhos diferentes Dezenas de navegadores utilizados

Mobilesites Navegadores mais comuns para celular: Symbian (Nokia), RIM (Blackberry), Apple (iPhone), Windows Mobile (vários celulares), Android (Google), Palm e Linux (vários celulares).

Crescimento da rede Wi-Fi; Popularização da Tecnologia; Acesso ao crédito; Chegada do Iphone; Mobilesites

Mobilesites Brasil - 50% dos acessos à web via mobile são feito pelo iPhone. (Segundo a própria Apple)

Mobilesites 1. Utilização em diferentes situações e objetivos:  Negócios;  Entretenimento;  Busca por informações rápidas.

Mobilesites 2. Tela extremamente reduzida, se comparada aos computadores comuns.

3. Baixa velocidade de conexão na maioria dos acessos.  Usuário paga por byte transferido. Mobilesites

? Como tratar a Arquitetura de Informação em mobilesites? Mobilesites #comofaz

“Pretinho básico” PRIORIZAR conteúdos e interações: O que o usuário mais procura dentre os serviços da empresa? O que a empresa mais deseja vender? Mobilesites

Mobilesites Back to the Basics? Não necessariamente. Menos é Mais. Clichê.

Home Navegação “Rasa”  Poucos Sub-níveis  Menor nº de cliques possível Mobilesites

Minimizar ao máximo a necessidade de digitação. Sempre que possível, utilizar:  Droplists  Radio Buttons  Check boxes Mobilesites

Aproveitar ao máximo cada clique. Aproveitar a rolagem da página.

Pop-Ups Mobilesites Flash Scripts Evitar:

Mobilesites Dar preferência a Links curtos: m.flickr.com m.globo.com m.yahoo.com m.uol.com.br m.google.com www.rossiresidencial.com.br/mobile

Mobilesites Sempre deixar a opção do usuário acessar o site na versão web.

Prever interface E L Á S T I C A

explorar recursos  “Click to Call” e/ou  “Click to SMS” Mobilesites

Sugestão: Três modelos de Site: Modelo “grade” para modelos mais novos: Modelo especial para “touchs”: Modelo “lista” para modelos mais básicos: 1. 2. 3. Mobilesites WAP Smarthphones iPhone e similares

Mobile Phone 240 x 320 Mobile Phone 320 x 240 Mobile Phone 240 x 240 Mobile Phone 240 x 176 iPhone Full 320 x 480 iPhone Web 320 x 416 iPhone Full 480 x 320 iPhone Web 480 x 268 Tamanhos mais comuns de tela: http://developer.yahoo.com/ypatterns/about/stencils/ Mobilesites

Modelo Lista: Navegação por setas Mínimo de Recursos gráficos possível Indicação de links ativos com mouseover A Digitação dificultada (teclado numérico) Mobilesites Imagens com baixíssima qualidade

Modelo Grade: Navegação por setas ou esfera (BlackBerry) Recursos gráficos moderados Indicação de links ativos com mouseover A Digitação facilitada no caso do BlackBerry Mobilesites

Modelo Touch: Navegação por toque Permite explorar mais recursos gráficos Não existe mouseover Evidenciar o que são botões e/ou links Mobilesites

Modelo Touch: Permite maior interação por interação com:  GPS Sensor de movimento (acelerômetro) Visualização de vídeos etc. Evitar a necessidade de zoom Evitar links ou botões pequenos Mobilesites

Mobilesites IMPORTANTE: são miniaturas dos websites. NÃO Mobilesites

Mobilephones Mobilesites ou aplicativos Qual escolher?

Mobilephones Vantagens dos Mobilesites: Mais barato; Mais empresas capacitadas; Desenvolvimento mais rápido; Facilidade de manutenção e atualização; Garante que o usuário veja sempre a última versão do site; Distribuição facilitada; São indexados pelo Google; Não depende da aprovação da Apple; Conteúdo não fica perdido em meio a 30 mil aplicativos; Não se restringe somente ao iPhone.

Mobilephones Vantagens dos Aplicativos: Roda Offline e não implica em custos para o usuário; Experiência mais rica de navegação; Recursos Gráficos (3D e animação), Integração com câmera, GPS e Google Maps, Acelerômetro, Agenda, Mobile Games, etc. Fica instalado no hardware do celular; Mantém um ícone para fácil acesso; Possibilidade de monetização. As vantagens do aplicativo tendem a diminuir cada vez mais, devido à evolução das conexões e dos browsers.

Mobilephones Qual a melhor opção? ? #comofaz Depende dos objetivos do site. Planejamento é essencial.

Ambientes Tecnológicos Televisão Digital

Televisão Digital Televisão tem 97% de presença nos lares brasileiros; 2 de dezembro de 2007: Rede Globo, Band, SBT, Record e TV Gazeta iniciaram juntas as transmissões digitais; Modelo japonês de TV Digital. TV no Brasil

Televisão Digital Características básicas: Maior qualidade de Imagem e Som  Maior Experiência do Usuário Visualização de outras informações da tela  (saldo bancário, resultados esportivos, notícias no rodapé, previsão meteorológica, redes sociais, etc.) Possibilidade de programação alternativa Integração com dispositivos móveis. “A dona Maria vai poder assistir novela, ver o resumo do capítulo anterior, comentar sobre este capítulo, entre outras interações... somente apertando um botão do controle remoto”.

Televisão Digital Redes Sociais: A Verizon lançou nos Estados Unidos o aplicativo que possibilita acessar as redes sociais Twiiter e Facebook pela TV digital.

Televisão Digital Ginga - openginga.org Sistema Operacional desenvolvido pela Universidade Federal da Paraíba. Baseado em Linux, livre e de código aberto; Desenvolvedores do país todo podem aperfeiçoa-lo Permite a criação de aplicativos para TV Digital;  Novo ramo de negócios – criação de aplicativos. Suporte a: T-Commerce T-Learning T-Health T-Gov

Televisão Digital T-Commerce Compras pelo controle remoto A TV é mais amigável ao público do que o computador; Credibilidade; A TV transmite maior segurança; Compra dentro do contexto da programação.

Televisão Digital T-Learning Educação à distância pela TV; O modelo deixa de ser uma comunicação em massa e passa a ser personalizada; Não possibilita tanta interação quanto o computador, mas é uma ferramenta mais próxima do cotidiano brasileiro; Aprendizado dentro do contexto da programação.

Televisão Digital T-Health Educação e dicas sobre saúde para a população. T-Gov Serviços aos cidadãos.

Televisão Digital O que pode ocorrer e que devemos evitar: Excesso de controles-remotos ou controle-remoto com excesso de botões; Simplificar as interfaces para que possam ser controladas com poucos comandos; Caso contrário, a TV ficará tão complexa quanto o computador.

Arquitetos de Informação Jeferson Jess Luis Felipe Fernandes Vinicius Krause