Na palestra de Silverlight 5 que apresentei este ano com Rodrigo Kono no TechEd Brasil, mostramos a nova versão do PivotViewer que vem no SDK do Silverlight 5.

Esta nova versão tem diversas melhorias, principalmente no que diz respeito ? forma de montar e utilizar a coleção de dados. Nesta nova versão não é mais necessário pré-processar a coleção usando Excel ou DeepZoom Composer e praticamente tudo pode ser feito usando Binding.

Abaixo tem um link para fazer download do código fonte do exemplo que apresentamos. Para usar este exemplo é necessário ter instalado o Tools do Silverlight 5 RC. Em breve vou publicar novos posts com mais detalhes sobre esta e outras novidades do Silverlight 5, mas por enquanto, aproveitem este exemplo.

PivotViewerSample.zip

Saiu a lista de palestras do TechEd Brasil 2011. Para o evento deste ano eu tenho 2 palestras confirmadas, ambas em parceria com o amigo Rodrigo Kono. As palestras serão:

WEB303 – Novidades do Silverlight 5

Venha ver o que há de novo e emocionante no Silverlight 5. Aprenda sobre os recursos para o desenvolvimento de aplicações de negócios, visualização e jogos. Nesta sessão iremos apresentar os principais recursos do Silverlight 5 assim como as atividades futuras desta tecnologia. Esteja preparado para ser produtivo com a última versão do Silverlight.
Palestrantes : Kelps Leite de Sousa e Rodrigo Kono

WPH305 – XAML Avançado para Windows Phone 7

Entenda o que é e como funciona o XAML e aprenda a aproveitar suas capacidades ao máximo, criando aplicações de alta padrão para Windows Phone 7. Nessa palestra serão abordados temas como Binding, Templates, Styles, Value Converters, Dependency e Attached Properties. Também será demonstrado como utilizar ferramentas como Visual Studio e Expression Blend para trabalhar com XAML de forma eficiente e como trabalhar em uma equipe composta de designers e desenvolvedores.
Palestrantes : Kelps Leite de Sousa e Rodrigo Kono

Assim que eu tiver mais detalhes sobre as palestas (como dias e horários) publicarei aqui. Espero vocês lá!

Twitter!

Esse texto não visa explicar o que é UX, já temos um texto que trata do assunto, este artigo abaixo é a visão de Shane Morris sobre o processo de UX em si.

Entenda do artigo a palavra produto como o aplicativo em si construído pelo desenvolvedor e designer.

Shane Morris, um ex-UX Evangelista da Microsoft e que atualmente é um UX Arquiteto independente, realizou uma palestra chamada “Pimp My App” no TechEd Brasil 2010, apresentando cinco coisas para se saber antes de começar a criar uma UX (como já comentei,  no texto What the hell is UX?, é comum arquitetos se apoderarem do termo UX a fim de definir a matéria de usabilidade com um algo a mais, porém aqui no texto vale o nome, só acho que um pouco mal colocado), e 6 dicas de como desenvolver um produto com uma aparência maravilhosa.

Morris considera que o desenvolvimento de uma UX (como já havia citado, UX não é algo concreto mas vamos lá), deve seguir as seguintes etapas:

1. Projeto Conceitual

2. Design de Informação

3. Design de Interação

4. Apresentação do Design

.

Ele fala de cinco coisas que deve-se saber antes de começar a “UX”:

.

1.  A primeira função de um projeto de UX não é estabelecer as cores e as fontes, mas classificar as informações a serem exibidas e estabelecer o fluxo de informações, ajudando o usuário  a encontrar o seu caminho, fazendo com que o mesmo consiga realizar a tarefa predisposta. Em seguida vem a questão “emocional” do produto.

2. Definição dos objetivos do usuário, dos negócios, da usabilidade, da experiência e perspectiva, porque tudo isso irá afetar o design.
O que acontece com o olhar do usuário quando este acessa um produto e uma página? Qual objetivo da organização do produto? O que torna um produto útil? Ele é fácil de usar? Flexível? Adaptável?
Qual é a experiência de se usar o produto desejado?
Esta é a melhor forma de expor as informações aos usuáros potenciais do produto, caso contrário o designer deve se perguntar o que ele gostaria de ver se ele fosse um cliente.

3. “Você não é o usuário”. Enquanto o designer deve tentar imaginar o que o usuário gostaria de ver ao utilizar o produto, ele deve lembrar que ele não entende realmente os gostos do usuário e o que realmente gosta ou sente, então ele não deve assumir que todos os usuários vão gostar de tudo que ele gostaria de ver.

4. Realizar testes de usabilidade a cada dois ou três sprints para certificar-se de que as novas implementações no projeto serão bem recebidas.

5.  Adquirir uma boa compreensão do fluxo de informação em todo o produto, pois ele ajuda a imaginar maneiras melhores de apresentar essa informação. Então só depois disso podemos passar a pensar na concepção da Interface para o usuário (UI – User Interface).

.

Morris continua com 4 etapas desse esquema:

.

1. Mapear o fluxo de trabalho, determinar a sequencia das ações que o usuário pode vir a realizar, a fim de conseguir fazer as atividades.

2. Liste os seus conteúdos, determine os widgets necessários para tonar o fluxo de trabalho possível. Apropriadamente escolha os check boxes, radio buttons, spin buttons, etc. Escolha a terminologia utilizada, ou seja, palavras que aparecem nos botões (text label), check boxes, etc.

3. Organização dos elementos da página, essa organização visual deve ser considerado a partir do fluxo normal de uma página (visão ocidental), que é na maioria dos países, da esquerda para a direita e de cima para baixo. Essa é o padrão a ser levado em consideração.

4. Verifique o agrupamento. Alguns elementos estão fortemente relacionados entre si, e por isso é natural agrupá-los por página, isso pode exigir alguma reorganização dos elementos (e até mesmo da proposta inicial).

.

Em seguida, ele apresenta 6 dicas para melhorar a forma como o produto se apresenta:

.

1. Remova todos os elementos desnecessários, uma abordagem minimalista seria recomendada.Toda a “decoração” deve ser feita com um propósito em mente. Caso se trate de um produto previamente projetado, deve-se remover qualquer elemento que não é relamente necessário ou que tumultua a vista, enganando o usuário em relação ao seu real propósito. Por exemplo, se dois elementos são relacionados, devem estar juntos dentro  do mesmo box, em vez de em boxes separados.

2. Minimize as variações. Deve-se ser coerente com as fontes, layout e cores utilizadas. Isso não significa que deve ser usar as mesmas características por toda a página, mas a variação é que deve ser limitada. As pessoas são mais atraídas  por GUIs (Guidelines) consistentes e previsíveis.
Por exemplo, a área de compra de um site deve ter um destaque diferente, porém a tal área além de ter um visual mais próprio, mantem um padrão entre si.

3. Alinhamento. É importante que os vários elementos de uma pagina estejam alinhados tanto quanto possíveis, para que isso de fato crie um fluxo visual, tornando mais fácil para o usuário entender a página.

4. Uniformidade e Proporção.  Tem de haver equilíbrio na forma como os elementos estão dimensionados e espaçados entre si. O olho prefere elementos do mesmo tamanho e com espaçamento proporcional, fazendo com que pareça natural.

5. Indique agrupamento através de boxes, com similaridade, proximidade, alinhamento, e espaçamentos.

6. Ajuste o peso visual. Atribua diferentes pesos aos elementos visuais, usando cores, tamanho, forma, desalinhamento, contraste, animação, isso ajuda o usuário a navegar em uma página pela ordem correta projetada. Por exemplo, o olho vai notar rapidamente os elementos que são maiores, ou com maior contraste, com cor de funda, ou mesmo com cor quente.

.

Morris também ofereceu conselhos sobre o uso de cores:

.

“O vermelho e o verde não deve serem vistos sem uma cor entre eles” – Tendo cuidado na combinação de cores. Na verdade o Morris foi simplista, já que poderia ter citado que vermelho e verde, ou vermelho e azul são cores opostas, essas cores se não tiverem uma linha branca entre elas (só exemplo) causará confusão no cérebro vulgo ilusão de optica.

Utilizando uma abordagem minimalista para o o número de cores. Ou seja, não faça do seu produto um arco-íris a menos que você saiba o que está fazendo.

Morris pede aos designers escolherem uma escala de 1 a 5, 1 correspondente a não ter uma experiência em UX e 5 se refere a quem já tem uma experiência basta e sabe como utilizar as cores. Assim se um desenvolvedor acha que não tem talento para a arte, mas que ele necessita tomar uma decisão sobre uma determinada interface, que utilize então apenas uma cor. Se alguém pensa que é um bom designer então ele merece usar escala de 3 cores, mas se ele é um especialista já pode usar 5 horas e bem, ele já sabe que pode fazer isso.

A cor de fundo deve ser neutra, branco, cinza, marinho, preto, marrom escuro, porque essas cores trabalham muito bem com a maioria das demais que estarão na página.

Se o indivíduo não sabe quais cores usar deve-se usar tons de uma mesma cor.

Utilize um desses sites para tirar boas combinações para uma aplicação.
http://kuler.adobe.com/

http://colourlovers.com

Ambos possuem boas aplicações em Air para utilizar no seu desktop.

Preste anteção aos problemas de visão, mais precisamente dautonismo que afeta 10% dos homens, segundo Morris.  O site  vischeck.com é útil para garantir que o design é apropriado a esse respeito, e não deve se confiar somente na cor para transmitir informações.

Cores frias, azul, verde – tendem a diminuir quando usadas em relação ao espectador, da mesma forma, cores quentes, o inverso, tal como vermelho, laranja,. Então utilize apropriadamente as cores para o que deseja, como no caso de algo que queira estar próximo do espectador utilize cores quentes.

Bom, essa é a visão do Morris, não há nada novo aí, mas espero que ajudem a agregar mais conhecimento sobre o tema, acontece que, novamente isso não é UX, isso é os passos para se garantir uma boa UX, lembrando que UX é de fato a experiência do usuário, para se atingir a mesma é necessário técnicas e essas são as mais básicas que devem ser respeitadas para o mínimo de sucesso.

_________________________________________

Eduardo Horvath é UX Specialist e Designer na DClick.
Formado pela Faculdade Impacta de Tecnologia no curso Design de Mídia Digital ele atua na área de Design a mais de 15 anos.
@eduardohorvath

Sensacional!

É o melhor adjetivo para descrever como foi o 1º DevDay Curitiba, neste último sábado (25/09), tivemos um dia intenso de imersão em tecnologia Microsoft com palestrantes de altíssimo nível. Quase todos os palestrantes são MVP’s e palestraram esse ano no TechEd, maior evento organizado pela Microsoft na América Latina.

O auditório estava cheio de desenvolvedores ávidos pelo conteúdo das palestras.

O Thiago Zavaschi começou a maratona de palestras falando sobre Business Inteligence com dados Geoespaciais. Uma excelente palestra, com várias demos claras e simples!

Depois foi a minha vez de dar continuidade à imersão, contei como comecei a minha caminhada na plataforma Flex, e como aconteceu o meu primeiro contato com o WPF e Silverlight e principalmente como foi que eu abri os olhos para o Silverlight como uma plataforma realmente interessante para aplicações ricas de internet. Ao final da palestra fiz a demo de um aplicativo CRUD em Silverlight com WCF RIA Services do zero, incluindo a criação do banco de dados que você.

Tivemos uma pausa para o Coffee-break e o bate-papo.

Depois foi a vez do Djonatas Tenfen explicar para todos o que é o MVVM e quais os benefícios de se utilizar esse padrão de arquitetura em aplicações Silverlight.

Pausa para o almoço! no Mexicano!

Na volta do almoço o Rodolpho Carmo mostrou para todos como será a plataforma do Windows Phone 7 e como desenvolver um aplicativo em pouquíssimo tempo para o WP7. No final da palestra o Windows Phone 7 dançou o Ah! Muleque…

Victor Cavalcante subiu no palco logo após a palestra do Rodo e quebrou cada um dos conceitos por trás do ASP.NET WebForms comparando-o com a Matrix, pois os conceitos do WebForms simplesmente não são conceitos de Web, como por exemplo, Web não tem Estado, Web não tem Server Side Controls, etc. E nos apresentou a pílula Vermelha para conhecermos a verdade através do ASP.NET MVC + CSS + JQuery em uma palestra muito dinâmica e divertida.

E para fechar com chave de ouro o DevDay, não tinha ninguém melhor que o Giovanni Bassi. Com uma palestra extremamente provocadora, apresentando a verdade nua e crua que mexeu com vários desenvolvedores presentes fazendo-os cair na real sobre o que realmente é ser um Desenvolvedor de Software Profissional, quais as responsabilidades e obrigações de se desenvolver software! Sem dúvida foi uma palestra para a reflexão de todos.

Ao final do DevDay fizemos vários sorteios de mouse sem-fio, pen drives e uma mochila para Notebook.

Sem dúvida foi um dia sensacional!

Aguarde, pois mais DevDays virão por aí! Até o próximo…

A lista de palestras do TechEd Brasil 2010 foi alterada ontem devido à ajustes na grade e 2 das minhas palestras mudaram de dia e de horário. Se você já havia montado a sua agenda, vá ao site e atualize.

Segue abaixo a grade que montei para mim com as minhas 3 palestras destacadas (as minhas que mudaram de horário estão marcadas abaixo com um * )

segunda-feira, 13/09/2010

• 13:45 – 15:00 – Dicas, truques do visual Studio 2010 e novas funcionalidades do Visual Basic e C# – João Paulo Clementi, Renato Haddad
• 15:30 – 16:45 – Desenvolvimento com C# no mundo moderno – Alfred Myers
• 17:15 – 18:30 – Tudo o que você precisa saber sobre Scrum e Visual Studio ALM em 150 min – Parte 1 – André Dias, Giovanni Bassi
• 18:45 – 20:00 – Scrum Process Template para TFS 2010: Seja ágil de verdade – Parte 2 – André Dias, Giovanni Bassi

terça-feira, 14/09/2010

• 09:00 – 10:15 – Novidades e razões para migrar para o Microsoft .Net Framework 4 – Diego Blanco, João Paulo Clementi
• 10:45 – 12:00 – Meu site anda meio lento… e eu não sei mais o que fazer! – Vinicius Canto Xavier
• 13:45 – 15:00 – WPF Data-Binding de A à Z – Kelps Leite de Sousa *
• 15:30 – 16:45 – Implementando Serviços RESTful usando o Microsoft .NET Framework – Israel Aece
• 17:15 – 18:30 – Aplicações WEB com Silverlight 4 fora do Browser – Djonatas Tenfen, Rogerio Cordeiro
• ASK the Experts – Mesa de Silverlight (não aparece na grade)

quarta-feira, 15/09/2010

• 09:00 – 10:15 – Silverlight 4 e Expression Blend 4: Tecnologia e Ferramenta em suas Mãos – Rodrigo Kono
• 10:45 – 12:00 – Como e onde devo utilizar o Managed Extensibility Framework (MEF) – Rogério Moraes de Carvalho
• 13:45 – 15:00 – Criando Rich Internet Applications (RIA) com Silverlight 4 e WCF RIA Services – Kelps Leite de Sousa
• 15:30 – 16:45 – Entendendo a Plataforma de Aplicações do Windows Phone 7 – Galileu Vieira, Luciano Condé
• 17:15 – 18:30 – Aproveitando ao máximo as ferramentas do Visual Studio 2010 para Silverlight e WPF – Kelps Leite de Sousa *

Infelizmente não será possível assistir a todas a palestras que eu gostaria. Espero que as palestras sejam gravadas esse ano para que possamos assistir depois as palestras que perdermos ao vivo.

Vejo vocês lá!

A lista de palestras do TechEd Brasil 2010 já está disponível no site. Ainda não foi divulgada a agenda com data e hora de cada palestra, então ainda não dá pra saber quais palestras vou conseguir assistir, mas já é possível ter uma idéia do conteúdo desse evento. Como eu já disse em um post anterior, estarei palestrando esse ano sobre 3 assuntos. para saber mais sobre minhas palestras (ou de qualquer outra pessoa) basta acessar a página de palestras e filtrar por palestrante.

Vejos vocês lá!

Este ano eu tive a honra de ser convidado pela Microsoft para apresentar 3 palestras no TechEd Brasil 2010, todas relacionadas com XAML de alguma forma. Eu já participei do TechEd antes, em 2007, fazendo demonstrações de uma aplicação feita em Silverlight 1.1 em uma palestra do João Cabral e outra do René de Paula/Cezar Guimarães, mas esta será a primeira vez que terei minhas próprias palestras.

Abaixo estão os códigos, títulos e descrição provisórios mas minhas palestras:

• DEV 307 – Aproveitando ao máximo as ferramentas do Visual Studio 2010 para Silverlight e WPF: Construir aplicações em Silverlight ou WPF ficou muito mais simples com o Visual Studio 2010, seja você um novato ou veterano. Nessa sessão serão demonstradas várias novidades das ferramentas para Silverlight e WFP do Visual Studio 2010, assim como dicas e truques para aumentar sua produtividade e diminuir o seu esforço.
• WEB207 – Criando Rich Internet Applications (RIA) com Silverlight 4 e WCF RIA Services: Facilidade de manutenção, testabilidade, desempenho e segurança podem ser melhorados, entendendo os componentes e as ferramentas, desde que sejam seguidas algumas orientações básicas. Esta sessão utiliza o Windows Communication Foundation (WCF) RIA Services e o Microsoft Silverlight como principais ferramentas para abranger a separação de conceitos entre acesso a dados, camadas de lógica e apresentação, melhores práticas para testes e dicas e truques para obter melhor desempenho através do design.
• CLI302 – WPF Data-Binding de A à Z: Existem várias maneiras de exibir dados nas suas aplicações com Windows Presentation Foundation (WPF), esta palestra irá demonstrar as melhores práticas de Data-binding e como exibir seus dados em combo boxes, list views e em grids.

O TechEd é o evento técnico de desenvovimento para Windows mais importante do Brasil. Foi lá que, em 2007, conheci o Rodrigo Kono, o Roberto Sonnino e seu XAMLCast, do qual faço parte hoje. O Kono também apresentará no TechEd desse ano, então teremos 2/3 do XAMLCast palestrando no TechEd este ano.

Ainda não saíram as datas e horários das palestras, mas eu divulgarei aqui assim que forem definidas.

Espero vocês lá!

O Road Show é um evento presencial diferenciado e parte integrante da campanha Copa de Talentos da Microsoft Brasil.

Todas as sessões são focadas em demonstrações e explicações feitas ao vivo, utilizando um ambiente de demonstração com os últimos lançamentos da Microsoft.

Há apenas uma breve introdução teórica, para entendimento do cenário e depois, o time de Especialistas da Microsoft apresentam ao vivo, na prática, toda a solução sendo implementada passo a passo.

Neste evento será apresentado um caso fictício de uma empresa que possui vários desafios de TI (desenvolvimento de software e infraestrutura de TI), e como os novos produtos e tecnologias da Microsoft podem torna-la mais competitiva, com gerenciamento, segurança, escalabilidade e performance.

Serão abordados novos produtos como Windows Server 2008 R2, Windows 7, Exchange 2010, Visual Studio 2010, SQL Server 2008 R2, Office 2010, Sharepoint 2010, System Center, Forefront, Silverlight, etc.

Você aprenderá como virtualizar seu ambiente, criar ambientes de testes de desenvolvimento, utilizar da melhor forma as soluções de comunicação unificadas, tornar suas aplicações mais ricas além de muitas outras capacidades.

Ao termino do evento você aprenderá como tirar melhor proveito de tais tecnologias, tornando-se um diferencial competitivo.

O Road Show será tanto para desenvolvedores quanto para infra-estrutura.

Inscrição para Desenvolvedores

Inscrição para Infra-Estrutura

Nos encontramos lá!

Fala pessoal!

Depois de um longo período em OFF com o XAMLCast estamos de volta!

Agora com um terceiro apresentador: Kelps Leite. Kelps é desenvolvedor Web ha 10 anos e desenvolve com Silverlight há mais de dois anos, sendo hoje um Blend Insider. Ele já participou com a gente de um XAMLCast quando foi entrevistado no TechEd 2007. Bem vindo Kelps!

No primeiro episódio dessa segunda temporada falamos das novidades do PDC 2009, Surface, Bing, SL4 e mais.

Para assinar:

• Feed RSS: http://www.xamlcast.net
• iTunes/iPod: pcast://www.xamlcast.net
• Zune: zune://subscribe/?XAMLCast=http://www.xamlcast.net

O XAMLCast também está no Twitter!

- Twitter oficial: @xamlcast (e hashtag #xamlcast)

- Siga os XAMLCasters:

O que você achou da volta do XAMLCast? Aguardamos seus comentários!

A equipe do XAMLCast te deseja um Feliz Natal e um Ótimo Ano Novo com muito XAML! E até a próxima!

Abraços,

Kelps, Roberto Sonnino e Rodrigo Kono

Galera,

Já estão abertas as inscrições para o Remix Brasil 2009. O evento será no Campos da UNIP Paraíso, no dia 26/Agosto (segundo dia do TechEd).

Este ano o ReMIX acontecerá em paralelo ao TechEd Brasil 2009. Há 3 opções de inscrição: Somente ReMIX, somente TechEd e ReMIX + TechEd.

No ReMIX deste ano será mostrado o processo completo de desenvolvimento de uma aplicação utilizando Silverlight 3, desde a concepção, escolha das tecnologias (Silverlight 3, Live, Azure…), wireframes com sketchflow, aplicação de design com Blend 3, Desenvolvimento com Visual Studio e deploy na nuvem utilizando Windows Azure.

Serão 5 palestras, cada uma com um foco e mostrando uma parte do processo. Entrem no site e vejam mais detalhes. Eu participarei de algumas das palestras mostrando como essa aplicação foi desenvolvida e os recursos que foram utilizados em cada estágio.

Vejos vocês lá.