FrontIn Londrina acontece neste fim de semana, 10 e 11 de dezembro!

Para quem ainda não sabe, estarei em Londrina neste sábado, 10/12, como palestrante do evento FrontIn Londrina, franquia do evento FrontIn que já ocorreu em Belo Horizonte e Rio de Janeiro. O FrontInLondrina será uma oportunidade para desenvolvedores Front-end de Londrina e região buscarem aprimoramento, maior valorização e profissionalização do mercado. Um espaço para a troca de experiências e a interação em benefício de todos nós, desenvolvedores Front-end. Você pode se inscrever em todas as palestras pelo preço promocional de R$ 39,90 até esta quarta, 07/12, então corram! Aproveite e faça também um mini-curso por apenas mais R$ 29,00. Haverá emissão de certificado e sorteio de brindes! Confiram abaixo a programação: Palestras (Sábado...

Leia mais sobre FrontIn Londrina acontece neste fim de semana, 10 e 11 de dezembro! »

Assessoria: Talita Pagani na @revistaWIDE

A notícia não é nova, mas apenas agora tive acesso ao material. Em novembro de 2010 fui convidada pela Revista WIDE, da Arteccom, a participar da seção Opinião sobre o tema "Todos devem pensar em Usabilidade?". Foi uma ótima experiência poder redigir sobre um assunto interessante para uma revista como a WIDE ("merchan" mode on). O meu texto foi publicado na edição de Janeiro/Fevereiro deste ano junto à opinião de profissionais de peso como Fred Van Amstel e Felipe Memória. O feedback de amigos, leitores e seguidores no Twitter foi muito bom também. Mas, entre todos que já haviam lido, eu creio que acabei sendo a última, rs. Comprei a revista diretamente com a Arteccom, fui super bem atendida, mas os Correios possivelmente extraviaram duas vezes...

Leia mais sobre Assessoria: Talita Pagani na @revistaWIDE »

15% de desconto para os leitores do blog na @chicorei, VEM GENTE!

Quer um super desconto de 15% em compras na ChicoRei e ainda ajudar a autora deste blog que aqui vos escreve a ganhar um iPad ou XBox 360? Então basta informar o código WDXP em suas compras no site! Afinal, o que é a Chico Rei? A Chico Rei é um estúdio de criação que investe em design e moda para fazer camisetas únicas e que permitem uma infinidade de interpretações, mas que têm valor especial para quem veste. Lá você sempre vai encontrar algo que é a sua cara, então fique a vontade. Quer saber mais sobre a Chico Rei? Você pode encontrá-los passeando pelas redes sociais: Facebook Twitter YouTube Conheça alguns dos produtosO mais legal da ChicoRei que ela apresenta produtos super exclusivos, com estampas divertidas e sacadas inteligentes...

Leia mais sobre 15% de desconto para os leitores do blog na @chicorei, VEM GENTE! »

9 técnicas para tabelas mais usáveis no HTML

Este artigo foi originalmente publicado no site UXMovement em 9 Useful Techniques for User-Friendly Table e traduzido livremente. Tabelas são excelentes para disponibilizar informações. Mas torná-las mais usáveis é um desafio. Uma das razões pela qual é tão desafiador deve-se ao fato de que a grid de uma tabela limita a quantidade informação que você pode disponibilizar em uma célula. Isto significa que você tem que descobrir como exibir as informações que o usuário precisa sem exibir muitas informações (paradoxo, não?). Além disso, quando os usuários leem tabelas, elas precisam mover os olhos na vertical e na horizontal para fazer a varredura da informação. Se na sua tabela não é fácil de fazer a varredura, os usuários...

Leia mais sobre 9 técnicas para tabelas mais usáveis no HTML »

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...

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

Tutorial de HTML5

No dia 01/09 eu ministrei um minicurso prático de HTML5 na 1ª JEAUSC - Jornada das Engenharias-Arquitetura-Urbanismo da USC. A atividade prática, ao final do minicurso, abordava os conceitos de Local Storage, Drag and Drop e formulários. Confira abaixo os slides da atividade e baixe os materiais: Visualizar o Live Demo | Baixar o template para fazer a atividade HTML5 Hands On View more presentations from Talita Pagani...

Leia mais sobre Tutorial de HTML5 »

Kinect e Natural User Interfaces - Trilha .NET - TDC 2011

O Maurício Alegretti é Microsoft Xbox Most Valuable Professional (MVP), consultor de arquitetura de sistemas com mais de 15 anos de experiência e empresário nas áreas de desenvolvimento de software. Ele ministra regularmente palestras em eventos técnicos e de comunidade sobre Kinect, Natural User Interface, Xbox e Windows Phone 7 no mercado brasileiro, tanto que nestes últimos meses já passou por Bauru, São Paulo (TDC2011) e volta a Bauru agora em setembro para uma palestra na Jornada de Informática da Unesp, onde também darei um minicurso (info em breve) e terei a oportunidade de conhecê-lo pessoalmente. Para quem quiser conhecer um pouco sobre os tópicos que ele aborda em suas palestras, confira abaixo o vídeo da palestra que ele fez no TDC2011, disponibilizada pela GoNow...

Leia mais sobre Kinect e Natural User Interfaces - Trilha .NET - TDC 2011 »

1ª JEAU - Jornada das Engenharias-Arquitetura-Urbanismo da USC

A Universidade Sagrado Coração (USC-Bauru) realiza do dia 01 a 03 de Setembro a 1ª JEAU - Jornada das Engenharias-Arquitetura-Urbanismo, com palestras e minicursos voltadas para as seguintes áreas de formação: Arquitetura e Urbanismo Engenharia Ambiental Engenharia Agronômica Engenharia Civil Engenharia de Computação Engenharia de Produção Engenharia Química A Elaine Cecília Gatto, coordenadora do curso de Engenharia da Computação da USC, líder do grupo GarotasCPBr e minha amiga é uma das organizadoras do evento. Eu participarei do JEAU ministrando um minicurso prático de HTML5 quinta-feira, dia 01/09/2011, das 14:00 às 18:00. VEM GEN...

Leia mais sobre 1ª JEAU - Jornada das Engenharias-Arquitetura-Urbanismo da USC »

Apresentação: Construindo Layout de Sites com CSS

...

Leia mais sobre Apresentação: Construindo Layout de Sites com CSS »

Apresentação: HTML5 e as novas tecnologias de desenvolvimento web

HTML5 e as novas tecnologias de desenvolvimento web View more presentations from Talita Pagani...

Leia mais sobre Apresentação: HTML5 e as novas tecnologias de desenvolvimento web »

O que é IHC? - parte III

Nas partes I e II, foram delineadas as definições, princípios e critérios da IHC. A identificação destes critérios deve ser realizada nas etapas de modelagem da interface, que veremos nesta última parte da série. Modelagem de IHC A modelagem de IHC compreende os processos para o projeto das interfaces, visando especificar os requisitos e descrever a interface através de um protótipo (OLIVEIRA NETTO, 2004). Modelo de Tarefa Fonte: http://www.foviance.com/what-we-do/usability-services/usability/ O modelo de tarefa propõe-se a formalizar e mapear as tarefas na interface a serem realizadas pelos usuários de acordo com a visão deles (OLIVEIRA NETTO, 2004). Este mapeamento geralmente envolve: A identificação das metas do usuário...

Leia mais sobre O que é IHC? - parte III »

O que é IHC? - parte II

Na primeira parte desta série de artigos, abordei as definições da Interação Humano-Computador. Neste artigo, apresento um pouco mais sobre os princípios da IHC. Princípios da Interação Humano-Computador Fonte: http://taylandiaalmeida.blogspot.com/ Os princípios de IHC focam principalmente na facilidade de uso dos sistemas computacionais interativos. A diversidade destes princípios definidos por Nielsen e Loranger (2007), Nielsen (2005) e Cybis, Betiol e Faust (2007) podem ser resumidas nos seguintes critérios estabelecidos pela ISO 9241 (HITOSHI, 2005), que, não coincidentemente, são os mesmos da usabilidade: Facilidade de aprendizado: a utilização requer pouco treinamento; Fácil de memorizar: o usuário deve lembrar como utilizar...

Leia mais sobre O que é IHC? - parte II »

O que é IHC? - parte I

A Interação Humano-Computador (IHC) é uma disciplina que diz respeito ao design, avaliação e implementação de sistemas de computação interativos para uso humano em um contexto social e com os estudos dos principais fenômenos que os cercam (HEWETT et al, 1992). A IHC atualmente é uma ciência multidisciplinar, que engloba diversas áreas como: Ciência da Computação, Psicologia Cognitiva, Psicologia Organizacional e Social, Ergonomia e Fatores Humanos, Engenharia, Design, Antropologia, Sociologia, Filosofia, Linguística e Inteligência Artificial (PREECE, 1994 apud OLIVEIRA NETTO, 2004). O conjunto de todas estas áreas visa apoiar de forma sistemática diversas etapas e procedimentos das metodologias de Interação Humano-Computador, uma vez que esta...

Leia mais sobre O que é IHC? - parte I »

Livros sobre Design de Interfaces Web

Frequentemente alguém me pede dicas de livros sobre Design de Interfaces e eu, que tenho/leio vários, nunca consigo listar de imediato, sempre me pegam de surpresa. Por isso, resolvi vascular com calma a minha "mini biblioteca pessoal" (bom, a maioria dos livros deste post estão lá) e indicar boas opções de livros sobre design de interface e usabilidade, desde o básico até o avançado. Design para Quem Não é Designer Robin Williams, 2005, Editora Callis Review do Submarino: O livro introduz ao design e a diagramação, através dos 4 princípios básicos do design: proximidade, alinhamento, repetição e contraste. Usando exemplos de "antes" e "depois", estimula o leitor a fazer suas próprias experiências. Traz também o básico sobre: tipologia,...

Leia mais sobre Livros sobre Design de Interfaces Web »

5 Ferramentas gratuitas para a criação de mapas mentais

Mind map ou mapa mental é um diagrama usado para representar palavras, idéias, tarefas ou outros itens ligados e dispostos em torno de uma palavra chave ou idéia central. Os mapas mentais são usados para gerar, visualizar, estruturar e classificar idéias e ajudam a estudar e organizar informações e textos, resolver problemas e tomar decisões. Quantas vezes precisamos escrever um texto, organizar as tarefas que temos a fazer ou mesmo fazer um brainstorming sobre um projeto e não sabemos por onde começar? Para isso, o mapa mental é uma excelente forma de colocar tudo isso em ordem. Sempre utilizo mapas mentais, seja para escrever um post ou fazer algum trabalho da faculdade. 1. FreeMind O FreeMind é uma ferramenta desktop desenvolvida em...

Leia mais sobre 5 Ferramentas gratuitas para a criação de mapas mentais »

Resenha: Linguagens do Web Design

Livro: Linguagens do Web DesignAutor: Fátima Aparecida dos SantosAno: 2008Editora: Blucher Acadêmico As resenhas apresentadas neste blog até o momento são de livre e espontânea vontade e não foram patrocinadas nem possuem vínculo com a editora ou os autores da publicação. A intenção é apenas trazer uma descrição minuciosa de títulos da área que sejam de interesse da comunidade de web design. O livro "Linguagens do Web Design" é resultado da dissertação de mestrado de Santos, defendida em 2002 pela Pontifícia Universidade Católica (PUC-SP). É um título diferenciado sobre web design pois resulta de uma produção científica e deve ser analisado como tal.No livro, a autora traduz o web design de outra forma, quase como um acerto...

Leia mais sobre Resenha: Linguagens do Web Design »

Mag+: uma interface conceitual de revista eletrônica baseada em tablets

Hoje em dia, com tablets como o iPad, não é difícil imaginar como seria ler e folhear uma revista em um dispositivo touch screen. Mas nem por isso a ideia do Mag+, desenvolvida há cerca de 2 anos deixa de ser interessante por trazer um conceito de design de interação focado em uma experiência natural entre usuário e interface. O Mag+ (mag plus) é uma plataforma flexível para a criação de mídia editorial para dispositivos tablet touch screen. Ele foi desenvolvido como um projeto de pesquisa corporativa iniciada pela Bonnier R&D em colaboração com a Berg. O projeto visava elaborar e verificar a experiência de ler revistas em dispositivos portáteis digitais. A plataforma foi pensada para capturar e reproduzir a interação natural que...

Leia mais sobre Mag+: uma interface conceitual de revista eletrônica baseada em tablets »

5 Ferramentas gratuitas para a criação de wireframes

Os wireframes são artefatos da etapa inicial de Arquitetura de Informação e definição da interface, sendo um componente importante para apresentar a disposição do conteúdo e os links para as principais páginas de um website. Eles provêem uma visão da organização do conteúdo na interface do website. É possível notar através deles o comportamento do menu de navegação e a distribuição dos principais conteúdos que compõem a interface, porém, sem muito detalhe a nível gráfico. As ferramentas mais conhecidas para a construção de wireframes são proprietárias: Microsoft Office Visio, Omnigraffle e Axure. Mas nos último anos têm surgido ótimas alternativas gratuitas e, inclusive, online. Selecionei 5 (versões de) ferramentas gratuitas e profissionais...

Leia mais sobre 5 Ferramentas gratuitas para a criação de wireframes »

Assessoria: "talitapagani.com" em galerias de web design

Já havia visto o meu portfólio como destaque em alguns sites que listam designs interessantes de websites. Mas, ao realizar uma pesquisa no Google e receber algumas mentions via Twitter, me surpreendi por ver que meu site aparece em mais galerias e blogs do que eu imaginava. Confiram abaixo a seleção de galerias e posts (clique na imagem para acessar o site). CSS Mania 101 Best HTML5 Sites .CSS{Mayo} HTML5 Gallery One Extra Pixel Web3Mantra Land of Web Reencoded DesignDim Most Inspire...

Leia mais sobre Assessoria: "talitapagani.com" em galerias de web design »