Como você sabe, o objetivo desses artigos é traduzir parcialmente (as partes mais importantes) a Guideline do Android e fazer comentários a respeito da mesma, a fim de auxiliá-lo na criação de uma interface realmente proveitosa.

A documentação tem por propósito oferecer informações que permitam que você construa uma interface limpa e unificada, ou seja, algo que seja agradável ao seu usuário, e para isso você deve seguir os padrões.

Para criar seus ícones você pode usar de base o pacote oferecido pela própria Android, segue ele abaixo.

icon_templates-v2.0

Tamanho correto do seu ícone

O Android foi concebido para funcionar em uma variedade de dispositivos que oferecem uma gama de tamanhos de tela e resoluções, o que pode ser um problema, por isso você deve ficar atento. Quando você cria os ícones para sua aplicação, é importante ter em mente que seu aplicativo pode ser instalado em qualquer desses dispositivos. Segundo documentação no site da Android a plataforma Android faz com que seja fácil para você fornecer ícones de tal maneira que eles serão exibidos corretamente em qualquer dispositivo, independentemente do tamanho do dispositivo de tela ou resolução.

Em geral, a abordagem recomendada é criar um conjunto de ícones distintos para cada uma das três resoluções de tela existentes listadas na Tabela 1, abaixo, em seguida, armazená-los em diretórios com o tamanho específico de sua aplicação. Quando o aplicativo é executado, a plataforma Android irá verificar as características dos ícones da tela do dispositivo e carregar os recursos apropriados referente a resolução correta. Para maiores informações sobre esse tema de “densidade” como é citado no site oficial Android Developers, ou seja, sobre a resolução, confira esse link (em inglês): Resource directory qualifiers for screen size and density

O padrão de resolução do Android é médio, chamado de mdpi, Por essa razão é recomendado criar diferentes ícones em resolução que atendam essa necessidade:

Uma vez desenvolvido ícones para as diversas resoluções, você deve inserí-los na pasta correta, apesar deste ser o trabalho do desenvolvedor conheça esses diretórios, pois será mais fácil enviar ao dev os arquivos zipados com seus respectivos diretórios.

Resolução média (Medium-density assets) no diretório res/drawable-mdpi/ (ou por default no diretório res/drawable/ ), como citado, a resolução média é a resolução padrão.Alta resolução (High-density assets) no diretório res/drawable-hdpi/Baixa resolução (Low-density assets) no diretório res/drawable-ldpi/

Espero com esse artigo ter solucionado as primeiras dúvidas básicas na construção dos ícones, que é os padrões de tamanhos para as diversas resoluções existentes nos vários devices que temos para esse sistema operacional, acompanhe o blog para conferir novos artigos.

_________________________________________

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

What the hell is UX, e IxD – Design de Interação, abordagem direta uma galera tem me perguntado sobre a carreira de UX Specialist, o que é, o que deixa de ser, onde encontra-se material, etc.

Vou resumir, ou tentar.

UX Specialist é o indivíduo especializado em User Experience, a essa altura você deve dizer “você está de brincadeira comigo…”, mas não poderia deixar de enfatizar isso, já que, quando falo especialista, é especialista mesmo, é alguém que entende o assunto, não é apenas um termo.
Portanto, sem entrar no mérito da profissão, já que não existe faculdade para formar especialistas em UX, e muito menos cursos sobre o assunto. Os profissionais vem de diversas áreas do design, mas quando falamos em usuário temos que pensar em algo muito peculiar, INTERFACES, a maioria esmagadora vem do segmento de design de interfaces e do estudo em IxD.

Se em um futuro próximo eu ver de acordo com a perguntas dos leitores que há ainda falta de entendimento em relação a esse tema eu posso postar o que é essa carreira em alguns dos seus detalhes, por hora vou municiar vocês com material, muito material, links e mais links para você encontrar o que quiser a respeito de User Experience, mas já aviso, em português não tem coisa boa, não significativa, mas com esforço você encontra, portanto terá que ser em inglês, e se, teu inglês não está lá aquelas coisas faz um esforcinho e pede ajuda ao titio Google, garanto que vai valer a pena.

De quebra, vou dar um Help com um vídeo de introdução muito interessante… do Don Norman, (@becknovaes gosta muito dos conceitos desse especialista), acho o velhinho simpático e com uma bagagem invejável, o vídeo tem legenda em português, vale a pena.

Don Norman: 3 maneiras pelas quais o design te faz feliz

.

Você vai perceber nos links abaixo que haverá temas relacionados a IxD, IA, etc, entender todos esses assuntos fazem parte do papel de UX Specialist.

Isso não significa que eu concordo com todos os pontos de vistas de todo esse conteúdo, isso é material de investigação, de estudo. Eu tenho minhas próprias convicções sobre essa matéria User Experience, devido a meus anos de trabalho na área, pelas milhares de tentativas de erros e acertos.

Espero que com esse material você encontre o que precisa para largar de vez esse tema ou amar.

.

UX BOOKS

.

UX Primer

.

• The Design of Everyday Things by Don Norman
• Don’t Make Me Think by Steve Krug
• Não me faça pensar, Steve Krug  o mesmo de cima só que em português

.

Design Thinking

.

• Sketching User Experiences by Bill Buxton
• Emotional Design: Why We Love (or Hate) Everyday Things by Don Norman
• The Inmates Are Running the Asylum by Alan Cooper

.

Strategy

.

• Subject To Change by Peter Merholz, Todd Wilkens, Brandon Schauer, and David Verba

.

Process

.

• The Elements of User Experience by Jesse James Garrett
• About Face 3 by Alan Cooper, Robert Reimann, and David Cronin
• A Project Guide to UX Design by Russ Unger and Carolyn Chandler

.

Principles

.

• Designing for the Social Web by Joshua Porter
• Designing Interfaces by Jenifer Tidwell
• Designing Visual Interfaces by Kevin Mullet
• Information Architecture for the World Wide Web (the Polar Bear book) by Louis Rosenfeld and Peter Morville
• Information Architecture: Blueprints for the Web by Christina Wodtke and Austin Govella
• Designing Web Navigation by James Kalbach
• Web Form Design by Luke Wroblewski

.

Activities

.

• Usability Engineering by Jakob Nielsen
• Handbook of Usability Testing by Jeffrey Rubin and Dana Chisnell
• Observing the User Experience by Mike Kuniavsky

.

Documentation

.

• Communicating Design by Dan Brown

.

Extra Credit

.

• Set Phasers on Stun: And Other True Tales of Design, Technology, and Human Error by S. M. Casey

.

UX BLOGS

.

• Konigi by Michael AngelesTips, tools and techniques for being a better user experience designer
• Disambiguity by Leisa ReicheltThe ins and outs of designing a product with an existing, and passionate, community
• EverydayUX by Alex RainertA fresh look at the world around us through UX-tinted glasses
• Graphpaper by Christopher FaheyCritical analysis of some of the toughest issues facing UX designers today
• inspireUX by Catriona CornettCubical-wall worthy quotations from a variety of practitioners on how and why to create positive user experiences
• Bokardo – Social Design by Joshua PorterFor everything you need to consider when designing socially-focused stuff
• Logic + Emotion by David ArmanoReusable visualizations and valuable synthesis at the intersection of user experience design, marketing and business
• Putting People First by ExperientiaA great resource for all things UX from around the globe
• Brain Sparks by User Interface Engineering (UIE)Inside the brilliant minds of user research pioneer Jared Spool and his team
• Design for Service by Jeff HowardInsights into all the ways companies need to be communicating with their customers, outside of their websites
• UX Booth by Redd Horrocks, Matthew Kammerer, David Leggett, and Andrew Maier

.

UX PUBLICATIONS

.

• Boxes and ArrowsJournal dedicated to discussing, improving and promoting the work of the information architecture community
• interactionsMagazine including timely articles, stories, and content related to the interactions between experiences, people, and technology, published by the Association for Computing Machinery
• UXmattersInsights and inspiration for the user experience community written by many distinguished practitioners
• Core77Industrial Design content and community site – articles, discussions, interviews and resources

.

LOCAL EVENTS

.

• UX Book Club
• IxDA chapters
• UPA chapters
• IAI Local Groups
• SIGCHI chapters
• User Experience Meetups
• Information Architecture Meetups
• Lots more events listed at UXnet.org

.

ORGANIZATIONS

.

• Information Architecture Institute (IAI)
• Interaction Design Association (IxDA)
• Usability Professionals Association (UPA)
• User Experience Network (UXnet)
• Special Interest Group – Computer Human Interaction (ACM/SIGCHI)

.

MAILING LISTS

.

• IxDA mailing list
• IAI mailing list
• NYCCHI mailing list
• SIGCHI in other cities

.

WEBINARS

.

• UIE’s Virtual SeminarsA monthly series of online seminars giving you the chance to hear the latest perspectives in the world of design from the field’s premier experts.
  $129 each. 90 minutes.
• Rosenfeld Media’s Future Practice WebinarsThe cutting edge of contemporary user experience research and design methods and practices.
  $99 each. 60 minutes.
• Adaptive Path’s Virtual Seminars$129 each. 75 minutes.
• Smart Experience online material

.

WORKSHOPS

.

• UIE RoadshowIn this full-day, in-depth seminar you’ll discover the key experience-design factors, analyze your team’s strengths and weaknesses, create an experience vision, and learn the role of delight.
• AdaptivePath’s UX IntensiveThis four-day workshop series is for experienced professionals wanting to take their practice to the next level.
• Cooper U A practical collection of courses that help product team members improve their effectiveness from early planning all the way through implementation.

.

CONFERENCES

.

Inspirational

.

• Good Experience Live (GEL)A conference and community exploring good experience in all its forms — in business, art, society, technology, and life.
• IDEA ConferenceThe world’s foremost thinkers and practitioners sharing the big ideas that inspire, along with practical solutions for the ways people’s lives and systems are converging to affect society.
• Adaptive Path’s Managing Experience (Mx)Thought leaders from major corporations show you how smart and visionary management will help you successfully compete in a difficult economy.

.

Practical

.

• UIE’s User Interface Conference Examining the biggest issues in the world of web design, information architecture, and usability.
• NN/g’s Usability Week A three-day usability camp, a three-day intensive session on interaction design, and several specialized, day-long tutorials on core usability topics. Come for as few or as many days as you want.
• UPA Tutorials, workshops, Experienced Practitioners program, then two and a half days packed with presentations, Idea Markets, and opportunities to network with other user experience professionals.

.

Mixed

.

• IxDA Interaction Conference Three days of inspirational and tactical sessions geared at anyone who practices Interaction Design, as well as a day of pre-conference workshops.
• IA Summit The premier gathering place for information architects and other user experience professionals. Two days of pre-conference sessions, two keynotes and over 50 presentations.
• Adaptive Path’s UX Week A mix of inspiring talks from recognized thought leaders and hands-on workshops delivering takeaway skills, this event delivers for user experience professionals at all levels — directors, managers, and practitioners.
• UIE’s Web App Summit The four-day Summit includes two days of intensive full-day workshops and two more days of featured presentations from world-renown experts, to give you fresh perspectives and new insights on today’s web app design challenges.
• UX Australia 3-day user experience design conference, with inspiring and practical presentations, covering a range of topics about how to design great experiences for people.
• UX London A unique three-day event combining inspirational talks with in-depth workshops presented by some of the industry’s biggest names.

.

Academic

.

• ACM’s CHI The premier international conference for the field of human-computer interaction.

.

SCHOOLING

.

Human Computer Interaction

.

• Human Computer Interaction Institute at Carnegie Mellon University
  (where I received a bachelor’s and master’s degree)
• Master of Science in Information – HCI Specialization at University of Michigan
• Full list of HCI degree programs

.

Interaction Design

.

• Master of Design in Interaction Design at Carnegie Mellon University
• Master of Fine Arts in Interaction Design at School of Visual Arts
  (starting fall 2009)
• Undergraduate minor in Interaction Design at Savannah College of Art and Design
• http://www.designdeinteracao.com.br/ Puc de Minas
• Pós na FIT de Design de Interação Curso recente criado na Faculdade Impacta de Tecnologia – SP capital

.

Misc

.

• Interactive Telecommunications Program at NYU’s Tisch School of the Arts
• Institute of Design at Illinois Institute of Technology

_________________________________________

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

Está disponível a nova edição da easy .net Magazine, a edição 6 contém cinco artigos:
• AJAX, CSS e JavaScript
• Silverlight
• Introdução ao GridView – Parte 1
• Delegates
• Introdução ao desenvolvimento em .NET

Nesta edição colaborei com o artigo sobre silverlight, será apresentado um poderoso recurso do silverlight que é chamado de Storyboard, que possibilita criar animações em Silverlight. Durante o artigo vamos conhecer os tipos de animações disponíveis. O artigo irá também fazer uma breve introdução a ferramenta Expression Blend 4.

link: http://www.devmedia.com.br/post-18470-Silverlight.html

Twitter: @atsh2

Não fui só eu: devia ter umas 600 pessoas na Universidade Anhembi-Morumbi, no primeiro dia das sessões técnicas. A EDU (Escola de Design da Unisinos) e o Design UFRGS (minha futura morada, em breve) estavam em peso :0)

A mesa que eu assisti (metodologia) estava bem legal. Uma pena que a Janet Murray não foi… Não entendi que “complicações políticas” ela citou como justificativa para não ter aparecido… Deve ter sido uma piada, porque muita gete riu

Fora isso, espero que nas próximas edições sejam apresentados mais artigos que saiam do feijão com arroz em que a pesquisa em design se transformou: gráfico, tipografia, ergonomia, produto, digital, história, gestão. Sério gente, ainda tem o que falar sobre isso? Deixa isso pros TCCs, huahuahua. E ainda por cima ergonomia/digital têm seus próprios congressos (ergodesign+ usihc, sem falar no da abergo). Não que esses tópicos não sejam importantes, mas acho que é hora de procurar outras coisas pra pesquisar.

Fora esses assuntos que (eu acho) que já estão “meio” batidos, teve muita coisa legal: moda (gente nova, uêba!), serviços, afetividade/emoção/experiência e um – UM – artigo sobre cognição. Gentem! Se olhar a Design Studies, Design Issues; é só isso que se faz.

Meus dois artigos foram sobre assuntos bem feijão-com-arroz, mas são resultados de pesquisas antiiiigas. Eu, daqui pra frente, só Design Cognition, chique-no-úrtimo!

O Desenvolvedor-Designer e o Design da Interação

Reflexões sobre a escolha entre duas interfaces: relato de um processo

E aí embaixo duas fotos: uma panorâmica e uma do pessoal da EDU (que eu consegui juntar pra “bater a foto”).

O destaque da quarta edição da revista Easy .net Magazine é o Windows Presentation Foundation, a tecnologia Microsoft para a criação de aplicativos para o Windows.

Link para a revista: clique aqui.

WPF
A tecnologia WPF (Windows Presentation Foundation) apesar de não ser muito nova começa a ganhar espaço entre os desenvolvedores .net para a criação de aplicações para a plataforma Windows, substituindo o desenvolvimento em Windows Forms.
por: Alexandre Tadashi Sato


Introdução ao T-SQL
Essa série de artigos apresentará uma introdução ao T-SQL, a linguagem para desenvolvimento em banco de dados criados no Microsoft SQL Server. Através de exemplos práticos veremos como podemos utilizar o SQL Server Management Studio para aprender os fundamentos e conceitos de desenvolvimento em banco de dados.
por: Leandro Daniel

C# Primeiros passos com a linguagem
Neste artigo serão tratados os principais elementos para que se use herança com a linguagem C#.
por: Vladimir Rech

Tipos de projetos disponíveis no .NET
Neste artigo serão abordadas as principais áreas de desenvolvimento presentes na plataforma .NET 4.0, que em conjunto com o Visual Studio 2010, solucionam grande parte das necessidades existentes em aplicações do mundo real, e trazem grande flexibilidade para o desenvolvedor.
por : Everton Coimbra de Araujo e Fábio Augusto Pandolfo

Twitter: @atsh2

O Open Source Media Framework – OSMF(antigo Strobe Media Framework) é um conjunto de componentes pré-programados para você usar em seus aplicativos multimidia, permite a facil implementação de recursos que tem como objetivo, enriquecer a experiência do usuário quando se trata de conteúdo multimidia para web.

O Open Source Media Framework – OSMF – permite a facil implementação de recursos que tem como objetivo, enriquecer a experiência do usuário quando se trata de conteúdo multimidia para web.

Dentre os recursos que podem ser facilmente implementados com OSMF incluem:

• Veiculação de anúncios de vídeo template(VAST).
• Media Abstract Sequencing Template (MAST).
• Media RSS (MRSS).
• Distribution Format Exchange Profile (DFXP).
• Synchronized Multimedia Integration Language (SMIL).

Vamos fazer um primeiro exemplo de um player bem simples com o OSMF, nos próximos artigos, vamos adicionando mais funcionalidades.
Crie um projeto do tipo ActionScript Project no Flash Builder ou uma nova classe ActionScript 3.0 no Flash Professional CS5. Daremos o nome de “MyPlayerOSMF” estendendo a classe Sprite.

Temos nosso esqueleto, vamos entender algumas classes do OSMF. As classes mais importantes que devemos conhecer para criar players de multimidia são:

• MediaPlayer – É o engine do seu player. Essa classe corresponde aproximadamente a um player de mídia atual. Possui os métodos e propriedades para interface de controle de ações do usuário como play, pause, seek, e stop.
• MediaElement – mídia, como vídeo, áudio, imagem, texto e assim por diante. Esta classe representa nada e tudo o que um MediaPlayer pode tocar.
• MediaFactory – converte uma url para objeto para que possa ser tocada pelo player. A classe DefaultMediaFactory instancia objetos MediaElement do tipo correto determinado vídeo, áudio, imagem ou outros tipos de mídia suportados como entrada.
• MediaPlayerSprite – Fornece as instâncias da classe MediaContainer, da classe MediaPlayer e da classe DefeaultMediaFactory. A classe MediaPlayerSprite fornece a maneira mais fácil de criar um media player com OSMF.

Vamos deixar algumas url’s para carregar os videos usando download progressivo e streaming.

Iniciaremos com uma instância da classe MediaFactory converter a url para objeto e a classe MediaElement sera responsável por criar o elemento necessario de acordo com o que for carregado, video, imagem ou swf. Em seguida usaremos a classe MediaPlayer que contem a base para controlar o player, tem como autoplay = true como padrão.

O nosso player esta quase pronto, vamos adicionar um instancia da classe MediaContainer para inserir nosso player no palco. Segue o código completo.

Veja o player em funcionamento:

Para saber mais:
http://www.adobe.com/devnet/video/articles/osmf_overview.html
http://www.adobe.com/devnet/flash/articles/video_osmf_streaming.html
http://mediapm.edgesuite.net/osmf/swf/ExamplePlayer.swf

Dando continuidade ao material do que o João Paulo Clementi compilou sobre Tecnologias Microsoft, agora é a vez do ASP.NET.

Webcasts

• Novidades do ASP.NET 4.0 no Visual Studio 2010
• Visual Studio 2010: Como ficou fácil fazer deployment Web 
• O que já de novo no ASP.NET MVC 2.0 
• Conectando uma aplicação ASP.NET com o Windows Identity Foundation
• Construindo aplicações Web de última geração com Microsoft ASP.NET MVC 2 e jQuery
• Visualizações mestras/detalhadas usando a ASP.NET Ajax Library
• AJAX no ASP.NET com jQuery

Artigos

• ASP.NET Dynamic Data
• Dez Razões para Adotar o LINQ nas Aplicações .NET
• Formatar dados com o ASP.NET Dynamic Data
• Uso do LINQ com o controle GridView do ASP.NET – Parte 1
• Uso do LINQ com o controle GridView do ASP.NET – Parte 2

Videocasts

• Dicas do ListBox e DropDownList no ASP.NET – parte 1
• Dicas do ListBox e DropDownList no ASP.NET – parte 2
• GridView com LINQ
• Uso do Linq com o controle GridView do ASP.NET – parte 1
• O AutoComplete AJAX com Entity Framework
• ASP.NET Dynamic Data Parte 1
• ASP.NET Dynamic Data Parte 2

ASP.NET Dev Center: http://msdn.microsoft.com/pt-br/asp.net/

O João Paulo Clementi há um tempo atrás compilou uma série de links interessantíssimos para desenvolvedores .NET aprenderem a trabalhar com a plataforma Windows Azure, que é um grupo de tecnologias da nuvem (Windows Azure, Azure AppFabric e SQL Azure) que podem ser usados individualmente ou em conjunto por desenvolvedores .NET.

Abaixo seguem alguns links que o Clementi compilou para a comunidade:

Web Casts

• Saturday Night Code: Entendendo a Plataforma Windows Azure
• TechNet Webcast: Computação na Nuvem com Azure
• Windows Azure – Deep Dive

Azure Academy

• Cloud Computing e o Windows Azure
• Uma visão de arquitetura da plataforma na nuvem
• Patterns para computação em nuvem
• O sistema operacional Windows Azure
• Distribuição e monitoração de aplicações dentro do Windows Azure
• Aplicações no Windows Azure
• Dados na nuvem com o SQL Azure Database
• Serviços na nuvem com o AppFabric
• Visual Studio e ALM na nuvem
• Controle versus Economia de Escala
• Visão de futuro da plataforma Windows Azure: qual será o impacto para seu negócio?

Artigos

• Apresentando o Windows Azure
• Apresentando a Plataforma de Serviços Azure
• Computação em nuvem: Plataforma Windows Azure para empresas
• Segurança na nuvem: Serviços de criptografia e segurança dos dados no Windows Azure
• Armazenamento em nuvem: Alimentando o mecanismo do seu aplicativo com o armazenamento do Windows Azure
• Computação de nuvem: Padrões para alta disponibilidade, escalabilidade e capacidade de processamento com o Windows Azure
• Padrões em nuvem: Projetando e implantando serviços para o Windows Azure
• Serviços de dados SQL: O banco de dados relacional da plataforma de serviços Azure

Videocasts

• ArqCast Brasil – Novas Oportunidades de Negócio com Windows Azure
• Migrando bases com o SQL Azure Migration Wizard
• Usando o SSMS 2008 com o SQL Azure Database

White Papers

• Parceiros Expandem seus Portfólios de Serviços e agregam Valor Técnico com a Plataforma Windows Azure
• Semelhanças e Diferenças entre o SQL Azure e o SQL Server
• Introdução ao Windows Azure Platform AppFabric para Desenvolvedores
• Guia do Desenvolvedor para o Barramento de Serviços no Windows Azure Platform AppFabric
• Guia do Desenvolvedor para o Serviço de Controle de Acesso do Windows Azure Platform AppFabric
• Tabelas do Windows Azure
• Filas do Windows Azure
• Blobs do Windows Azure
• Apresentando a plataforma Windows Azure
• Windows Azure e ISVs
• Visão Geral do Microsoft SQL Azure

Azure Dev Center : http://msdn.microsoft.com/pt-br/azure/