Valeu Steve!

Palestra sobre Design de Interação e Novas Tecnologias [Gratuito]

Nó próximo dia 29/09 estará acontecendo na Unifacs uma Palestra sobre Design de Interação e Novas Tecnologias, que será ministrada pelo Laert Yamazaki (@laert). O Evento marca o Circuito Unifacs e será gratuito.

Boa oportunidade para aprender mais sobre Design de Interação e Experiência do Usuário.

A palestra visa promover a conscientização do valor do Design de Interação e das Novas Tecnologias; Apresentar  o UXClub Salvador, um clube de leitura e discussão voltado inicialmente para User Experience mas também Pesquisa em Design, HCI,  negócios relacionados à disciplina do Design, metodologia, usabilidade, ética profissional.

Local:

Sala 204 do PA-9

Data:

29/09/11

Horário:

15:00

Wireframe, qu’est-ce que c’est?

Por Design in a Box

Wireframes, no caso de web design, são desenhos simplificados que representam elementos de uma página web, interface, etc.

Você pode poupar um monte de tempo e trabalho criando wireframes bem simples antes de designs mais complexos. Outro fator importante é que você mantém seu cliente focado no que interessa, o layout, e não em detalhes como cores, tipos e outros elementos de design. Ou seja, é a maneira mais fácil e rápida de identificar as necessidades do seu cliente, poupando retrabalho.

Acima temos dois exemplos de wireframe. Se me perguntarem qual o melhor deles? Responderia: “O que explica mais com menos esforço”. Não importa se feito no computador ou num pedaço de guardanapo (por favor, não apresente guardanapos para seu cliente e fale que O Design in a Box que aconselhou), ele precisa dar o recado e NÃO dar trabalho para ser feito. O trabalho deve ser pensando como o usuário pode se beneficiar com isso, não criando wires bonitinhos.

 

Dois cenários. Qual o seu caso?

O primeiro cenário é o de grandes agências, onde temos a figura importantíssima do Arquiteto de Informação [Recomendo ler este artigo sobre Arquitetura de Informação no Wikipedia], que tem a missão de preparar de pensar na navegabilidade e experiência do usuário, e gerar um wireframe para que Diretores de Arte e designers possam ter um rumo na hora da criação.

Nesse caso, tenha em mente que você tem um parceiro valioso para fazer melhor seu trabalho e dai sim você poderá gastar um dia inteiro enfeitando aquele botãozinho lá no final do layout que ninguém vai dar importância, enquanto seu parceiro pensa na usabilidade toda da coisa.

O segundo caso é o de agências pequenas e de freelas que tem orçamentos mais modestos e que normalmente correm desesperadamente para finalizar o primeiro layout para mostrar serviço para o cliente. Este é o cara que vai depois reclamar que todo cliente não vale nada, que sempre muda tudo e que fez você varar a noite em claro a toa já que vai ter que refazer tudo.

Não se iluda, faça um wireframe antes. Veja referências, pesquise os concorrentes, veja o que eles tem de bom e de ruim. Informe-se sobre usabilidade e navegabilidade. Temos o Google ai para isso. Gaste um período criando seu wireframe e tenha menos dor de cabeça depois.

 

Wireframe maldito! wireframe maldito!

Para muitos designers, basta ouvir a palavra wireframe para torcer o nariz.
Muitos acham que o wire “amarra” o layout e que tira toda sua liberdade criativa.
Há caso em que de fato o layout precisa ser do jeito que deve ser.
Mas há vezes em que ele é um guia, mas temos uma certa liberdade de alterá-lo na hora de criar uma interface.

Converse com sua equipe e veja em qual caso você está trabalhando.

 

O pena vence a espada. As ferramentas mais poderosas.

Vou falar de novo uma palavra importante: rapidez. Para mim, não há ferramenta melhor do que um bom papel A4 e um lápis. É lápis, prefiro lápis que caneta.

No caso do seu cliente ser interno, por exemplo, um Diretor de Criação, ou até mesmo um atendimento, você pode e deve conversar sobre a possibilidade de apresentar as idéias no bom e velho papel e caneta. Isso pode sanar um monte de dúvidas. Uma frase importante, que ouvi do meu mestre de artes, Zibgniew Campioni foi:

“Você prefere que te apresente um layout pronto, ou que te apresente uma dúzia de idéias?”

O que vale no primeiro momento, acredite, são as grandes idéias.

 

Ferramentas digitais que vão te auxiliar.

OK. Não teve jeito e você precisa fazer um wire mais “bonitinho” para já, agora.
Quando isso acontece, recorro as ferramentas que conheço. Não há tempo para aquela famosa curva de aprendizado.

Nesses momentos difíceis, recorro ao Illustrator. Você poderia utilizar o Photoshop, Fireworks, ou qualquer outro software que seja familiarizado. Minha opção pelo Illustrator é pela facilidade de edição, e de troca de símbolos no stage, além de haver uma série de bibliotecas para criação de wireframes que são vetoriais e feitas sobre medida para este software.

 

 

UX EDUCATION em Salvador

A Allgures UX Education é um espaço em Salvador, voltado para o aperfeiçoamento de profissionais da área de design, comunicação e TI com ênfase nas competências para o desenvolvimento de projetos que relevem a experiência do usuário (user experience-UX).

Focada na visão do desenvolvimento de produtos e serviços centrados na pessoa, a Allgures UX Education começa suas atividades com um Curso Introdutório ao Design de Interação.

Para mais informações, acesso http://www.allgures.com/auxe e se inscreva em uma das primeiras turmas.

Livros Eletrônicos marcam forte presença na XV Bienal do Livro Rio

por Leonardo Copello, cofundador da uTouchLabs

 

A XV Bienal do Livro Rio começou este ano com o pé direito, lançando um aplicativo oficial para iPhones/iPods touch. O MacMagazine já destacou por aqui dois ótimos trabalhos envolvendo o Ziraldo [1, 2], mas estive ontem por lá e pude observar que o evento está com uma presença fortíssima de Apple, Steve Jobs e iPads.

As principais editoras brasileiras todas estão com espaços para ebooks hoje em dia. Apesar de a maioria ainda publicar em PDF e ePub, já existe conteúdo desenvolvido especificamente para tablets — principalmente revistas como VEJA, ISTOÉ, Superinteressante, etc.

Steve Jobs teve presença forte no estande da Universo dos Livros, com um painel bastante grande:

Na carona, o livro iPad – O Manual que Faltava:

A editora Saraiva lançou um aplicativo gestor de finanças baseado nos livros da coleção Meninas Iradas (o Finanças Iradas), um livro infantil (Se criança governasse o mundo) e uma coletânea de ePubs:

A Leya Brasil também trouxe alguns livros para o iPad, dentre eles o clássico Faça como Steve Jobs, de Carmine Gallo:

A Editora Melhoramentos apresentou os apps-livros interativos para iPad Os Dez Amigos e O Menino da Terra de Ziraldo, além de um teaser promocional do clássico O Menino Maluquinho, com lançamento previsto para 2012:

A Petrobras montou um estande para apresentar o projeto “Muita história pra contar”. Lá, além de um mini-estúdio para fazer vídeos em stop motion e publicá-los no YouTube, várias tablets foram espalhadas para as crianças conhecerem livros apoiados pela Petrobras, como Cidade de Deus, Guia Afetivo da Periferia, Vigário Geral e Meu Destino Era o Nós do Morro (um grupo de teatro do Vidigal).

Senti falta da Publifolha presente no mundo digital. Não havia absolutamente nada!

Por fim, o Submarino lançou o Digital Club, uma rede social de leitores e admiradores de música e cinema:

É, pessoal, há uma concreta mudança ocorrendo no mercado editorial. Imaginem como a coisa estará daqui a um, dois… três anos!

Leia mais: Apple, Steve Jobs e iPads marcam forte presença na XV Bienal do Livro Rio | MacMagazine

Revoluções na forma de se pensar a interface

Via MacMagazine

Enquanto a tecnologia se torna mais e mais complexa, a Maçã parece ser a única empresa preocupada em manter os maiores avanços técnicos ao alcance de qualquer um — e é de “qualquer um” mesmo, como mostra o vídeo acima. Um iPad é tão fácil de usar que até uma criança pode brincar com desenvoltura, sem assistência [1, 2], e isso gera efeitos tanto para os infantes quanto para a própria Apple.

O que podemos esperar que aconteça com um bebê que cresce tendo contato com um iPad? Alguns pais e educadores mencionam um desenvolvimento mais rápido, com estimulação abundante e atividades educativas, mas o óbvio muitas vezes passa despercebido: essas crianças vão crescer pensando que tudo funciona como um iPad (simples, rápido, com toques). Não se espante, se seu filho ou sobrinho que tiver brincado com um iGadget quiser tocar na tela da TV pra acessar um menu e ficar frustrado quando descobrir que é preciso apertar um botão no controle remoto, enquanto ele está apontado para um canto arbitrário do televisor, para que um dado efeito seja alcançado.

Enquanto todos nós (eu e você) crescemos com barreiras nas interfaces que nos cercam, estas crianças estão interagindo diretamente com o software, isso graças à Apple (seja direta ou indiretamente). Não lembro onde eu li que a diferença entre um mouse e uma touchscreen é a mesma de apertar um botão diretamente e usar um cabo de vassoura para apertar o mesmo botão. Nós vivemos até hoje usando um cabo de vassoura chamado “cursor”, mas a próxima geração vai ter contato direto, íntimo e pessoal com o software.

O Technologizer se pergunta o quanto a tecnologia de hoje pode ajudar ou atrapalhar o desenvolvimento infantil. Acredito que, como disse Walt Mossberg, “É o software, estúpido!” Está nas mãos dos desenvolvedores, tirando proveito do hardware disponível no mercado, criar experiências amigáveis a crianças e que as façam crescer de forma saudável.

A Apple fez a parte dela e lançou um produto fácil de usar e com possibilidades inéditas para se criarem ferramentas educativas e lúdicas que mudem a vida de crianças de todas as idades. Os concorrentes, procurando seduzir um tipo específico de criança (os geeks, categoria na qual me incluo), acabam esquecendo que, antes de ter um processador dual-core de 1GHz e câmeras de 5 megapixels, um gadget precisa ser gostoso de usar. Especificações técnicas devem ser um meio para a experiência de uso, e não um fim.

Veja também: Gartner diz que a maioria das crianças usará computadores com touchscreens até 2015

Profissões digitais: designer de interação

O site Olhar Digital fez uma matéria bem interessante mostrando como é o trabalho de um designer de interação.

A designer brasileira Juliana Ferreira faz parte da equipe de desenvolvimento da Nokia e ensina os principais focos de produção da profissão.

Se hoje você tem um celular touch screen, ou um computador do tamanho de um caderno, ou uma TV que exibe imagens em 3 dimensões, é porque uma série de profissionais passam os dias literalmente viajando nas idéias para que novos produtos até então inimagináveis

Confira a matéria completa.

 

Como ser um UX Designer

O blog The design decision tem um post que trata das principais características que um Designer de Experiência do Usuário (UX Designer) precisa ter. A principal característica abordada é de que não é imprescindível formação em Design

Good UX Designers don’t need Design School

Para necessita de algumas habilidades e competências genéricas, tais como:

• Curiosidade

Ser curioso é muito importante para uma área onde são projetados novos serviços e produtos. Teste, use e observe tudo que está ao seu redor.  Mesmo que seja só para tomar conhecimento.

• Interesse no comportamento humano

Sempre se coloque no lugar do outro. Procure entender melhor o que as pessoas podem precisar. Dominar um pouco de psicologia humana é um grande diferencial. Ouvir e interagir pessoas é importante. Projetamos para seres humanos e não para máquinas. Cada indivíduo como o seu modelo mental e necessidades específicas.

• Criatividade

A criatividade é uma característica importante para um profissional de UX Design. Leia, estude e sempre busque referências em qualquer coisa. Criatividade é inovar em cima daquilo que já existe e dar um salto qualitativo. É usar o que funciona pensando nas melhorias que podem ser feitas e mudar aquilo que não está dando muito certo. Alguém duvida que testes são importantes?

Gestão Estratégica do Design: para quem?

(via IxDA Salvador)

“Você precisa ir além da usabilidade para um design ótimo. Ele também precisa ser desejável”

A frase acima é a maior lição contida no livro “Gestão Estratégica do Design” para especialistas em design, estudiosos e profissionais. Um lembrete para aqueles que trabalham com experiência do usuário, ou que estão seguindo por este caminho.
Além dela, o que resta para aquele público é um enorme exemplo de como pulverizar casos de sucesso inquestionáveis na adoção do design de experiência como conceito total.

Consumi o livro de 208 páginas rapidamente, lançado pela m.Books em 2009, após uma visita de fim de semana à livraria.
O livro tem um bom projeto gráfico, bem resolvido com uma paleta de duas cores, e um projeto tipográfico simples, e que cumpre bem seu papel.

Ele não foca “o como” implementar efetivamente, nos mínimos detalhes, uma gestão voltada ao design. Mas revela claramente como grandes empresas inovadoras fazem da visão global do design seu grande diferencial. Mas o autores ( Robert Brunner e Stewart Emery – com Russ Hall) vão além sendo radicais: ou temos a implantação de um design de experiência global na empresa, ou temos a morte.

Definitivamente adorei isso!

O grande valor da obra – voltada para um público empreendedor, de empresários, e coorporativos – está na visão de uma ruptura de paradigma que deve ser adotada para o sucesso como empresa de referência em inovação e qualidade, espelhada em outras grandes empresas de referência na experiência do consumidor/usuário, como BMW, Whole Foods, IKEA e, logicamente, a Apple. No livro, a Apple é tratada, com méritos ( por ser já alguns há anos a mais inovadora empresa do mundo), como a maior referência no processo de adoção do design como um conceito total.

A forma como mostra a percepção geral dos consumidores sobre a Apple, sua história, seus processos de construção e geração dos produtos clássicos como o iPOD dão ao livro o tempero de uma leitura ainda mais interessante.

Por outro lado, sem medo de ser contudente, o autor abre fogo contra outras empresas, inclusive “supostas concorrentes da Apple” como Motorola e Dell, mostrando o quanto suas marcas perdem, mesmo sendo grandes empresas, por não terem internalizado a consciência do design pleno, construindo assim porcarias que fortalecem a ideia de que o design é algo pontual, uma disciplina de capacidades pontuais; e não algo que precisa estar internalizando na cabeça de todos os funcionários e impregnado em todos os processos.

Apesar de não ser um livro técnico, que ensina como introduzir o design na cadeia produtiva da empresa, cumpre seu papel de maneira magistral ao ensinar como inserir o design de maneira definitiva na cadeia de valores de uma empresa. Um livro para multiplicar o valor do design; um excelente presente para clientes.

–

Após esse parenthesis decidi que essa será minha próxima aquisição. Nesse mês de dezembro será trabalho e mais trabalho, mas assim que estiver mais tranquilo vou devorar essa obra.

Quais livros vocês sugerem?

Um toque a mais ao novo NANO

O queridinho dos iPods perdeu o Click Wheel e ganhou uma tela sensível ao toque após 5 gerações. Agora também vem com um clipe em sua traseira e é 46% menor e 42% mais leve que a sua versão anterior.

Possui botões de volume independentes, Voice Over, rádio FM, Nike+, pedômetro e sua bateria dura 24 horas. Com a nova tela, ele tem ícones de playlists, podcasts, fotos, configurações e destaca capas de álbuns.

Ele vem nas mesmas cores do novo shuffle, além de vermelho, do (PRODUCT RED) e grafite. Sobre os preços: US$149 para a versão de 8GB e US$179 para a de 16GB.

Particularmente, não sou muito fã da filosofia da Apple, mas esse eu confesso que tenho vontade de comprar, não é tão grande quanto o iPod Touch, e sem dúvidas muito melhor que meu Shuffle de 2ª Geração