quarta-feira, 28 de novembro de 2007

Web 2.0

"I'm going to take you through the features of the current wave of excellent web site designs, dissect the most significant features, explain why each one can be good, and show you how to use them in your own sites."

  1. Simplicity
  2. Central layout
  3. Fewer columns
  4. Separate top section
  5. Solid areas of screen real-estate
  6. Simple nav
  7. Bold logos
  8. Bigger text
  9. Bold text introductions
  10. Strong colours
  11. Rich surfaces
  12. Gradients
  13. Reflections
  14. Cute icons
  15. Star flashes



Link: Web 2.0 - How-to design style guide



.::.

23 Revelações do Eye-tracking


  1. Text attracts attention before graphics.
  2. Initial eye movement focuses on the upper left corner of the page.
  3. Users initially look at the top left and upper portion of the page before moving down and to the right.
  4. Readers ignore banners.
  5. Fancy formatting and fonts are ignored.
  6. Show numbers as numerals.
  7. Type size influences viewing behavior.
  8. Users only look at a sub headline if it interests them.
  9. People generally scan lower portions of the page.
  10. Shorter paragraphs perform better than long ones.
  11. One-column formats perform better in eye-fixation than multi-column formats.
  12. Ads in the top and left portions of a page will receive the most eye fixation.
  13. Ads placed next to the best content are seen more often.
  14. Text ads were viewed mostly intently of all types tested.
  15. Bigger images get more attention.
  16. Clean, clear faces in images attract more eye fixation.
  17. Headings draw the eye.
  18. Users spend a lot of time looking at buttons and menus.
  19. Lists hold reader attention longer.
  20. Large blocks of text are avoided.
  21. Formatting can draw attention.
  22. White space is good.
  23. Navigation tools work better when placed at the top of the page.

Link: Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies

.::.

segunda-feira, 26 de novembro de 2007

Help!

Two principles best describe how people use Help:
  • People don’t go to Help unless they feel stuck.
  • People stay in Help only until they feel unstuck.



"Users do not remain in online Help for long periods of time. So, not only must Help topics be modular and self-contained, elements within topics must be directly accessible and self-contained as well. Procedural information must accommodate a reader, for example, who has already figured out how to complete steps 1 through 4 before ever going to Help and would be discouraged from continuing to read the Help if she felt she must wade though instructions on how to do stuff she has already done or information she already knows."


Link: Procedures: The Sacred Cow Blocking the Road
.::.

sexta-feira, 23 de novembro de 2007

Quem disse que beleza não põe mesa?


"By presenting this kind of visual design as a by-product of some larger effort, and avoiding the subject all-together, I’m trying to direct folks to view ‘design’ in the sense of something much grander — an approach to framing problems and devising solutions. An approach that works with imperfect data and produces multiple options. An approach that shows empathy for people involved. Design is about so much more than ‘making things look pretty’."

Link: In Defense of Eye Candy

.::.

O que acontece quando todo mundo é um designer?

DIY - Do It Yourself


"The cultural and technological shifts that comprise the oncoming DIY Future promise substantial changes to the environments and audiences that design professionals create for, as well as the role of designers, and the ways that professionals and amateurs alike will design. One inevitable aspect consequence will be greater complexity for all involved in the design of integrated experiences. The potential rise of new economic and production models is another."

Link: The DIY Future: What Happens When Everyone Is A Designer?

.::.

quinta-feira, 22 de novembro de 2007

Jogos, Game Design e Inovação

Gameplay Innovations
1. Exploration
2. Storytelling
3. Stealth
4. Avatars with their own personalities
5. Leadership
6. Diplomacy
7. Mod support
8. Smart NPCs with brains and senses
9. Dialog tree (scripted) conversations
10. Multi-level gameplay

Os outros 40 em: 50 Greatest Game Innovations

O que seria web design?

"Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity."

"Great web designs are like great buildings. All office buildings, however distinctive, have lobbies and bathrooms and staircases. Websites, too, share commonalities."

Link: Understanding Web Design

Com as mãos ou com a mente



Reportagem da revista Exame, edição 905 (a penúltima).


"A necessidade de novas formas de interação entre máquinas e pessoas tem dois grandes impulsionadores. O primeiro, é claro, vem do mercado. Há mais de uma década, Nicholas Negroponte, fundador do Media Lab do Massachusetts Institu te of Technology, já dizia que qualquer tecnologia poderia ser desenvolvida desde que uma necessidade fosse criada e um modelo de negócios justificasse o retorno do investimento. Pois foi justamente o que fizeram Apple, com o iPhone, e Nintendo, com o videogame Wii. Os dois produtos têm menos de um ano de existência, mas já alcançaram o status de fenômenos culturais graças a seus sistemas de controle, mais simples e intuitivos do que os da concorrência. Agora, a tendência é que os consumidores passem a exigir controles orgânicos e naturais também de seus PCs. "A voz dos consumidores ficou mais forte com a queda dos preços e a popularização dos computadores", diz Edison Spina, professor-doutor do departamento de engenharia da computação e sistemas digitais da Escola Politécnica da USP."


Artigo completo em: Com as mãos ou com a mente

.::.

terça-feira, 20 de novembro de 2007

Um pouco de humor...

Vídeo apresentado hoje à noite em uma palestra dada pelo Prof. Luciano Meira no evento Revela Design. Eu já tinha visto esse vídeo, mas nem lembrava mais.

Resumo: o pessoal coloca uma câmera escondida e filma o que acontece quando tirar o vidro da porta em uma empresa.

UX é investimento


O pessoal da
teehan+lax decidiu em 01 de novembro de 2006 iria investir U$ 50.000,00 em um fundo de ações (que recebeu o nome de UX Fund) composto por 10 empresas que eles acreditavam fazer um grande trabalho em experiência do usuário (UX). Para quê isso? Provar o bom retorno de investimento de UX.

Os critérios de investimento utilizados foram os seguintes:
1.Um demonstrado cuidado com o design de seus produtos e web site
2. Uma história de inovação
3. A empresa inspira lealdade em sua base de consumidores
4. Fazer negócio com essa empresa é uma experiência positiva

Um trechinho sobre a dificuldade em demonstrar o retorno de investimento (ROI) de UX:

"We struggle with the notion of ROI of UX. In our industry there is a lot of talk about getting the ROI of UX proven to the C-level executive. In my opinion, these attempts try to draw cause and effect relationships between activities and value. These micro-measurements are ineffective and are often non-existent. Instead, the ROI of UX comes at macro levels. Companies that internalize the values of doing great UX will see it permeate in their performance."

Qual foi o resultado? Dessas empresas, 6 deram muito certo...e as outras 4 nem tanto. Com isso, eles aprenderam algumas coisas:

1) Time the market: você precisa saber quando comprar e vender as ações

2) Rebalancear o portfolio: uma empresa deve ser tirada do fundo quando não satisfaz mais os critérios estipulados

3) UX não é tudo: forças da natureza podem tirar você de uma boa onda nos negócios

4) Inovar e vencer: as empresas que mais deram retorno positivo foram a Apple e RIM, exatamente as que mais se encaixavam nos critérios de seleção citados acima


Link: Investing in UX

Scrapblog



Para você que achava que colagem era coisa só de criança, que dá muito trabalho e precisa de cola...está na hora de testar o Scrapblog! :) Totalmente Web...não precisa de registro e dá pra importar sua arte para sites como Flickr, Orkut e cia.

Dá pra usar também com técnicas como design participativo.

E você achava que isso só acontecia nos filmes...





Usando o controle do Wii para interagir com...os dedos.

Alguém lembrou do filme Minority Report?

Elevadores Interessantes

- “which floor sir?”…”um, the bog please.”

Sim...essa porta dá para um elevador (pode notar pelo painel ao lado).

Esse é um dos vários elevadores que estão na pesquisa de Dan Saffer, da Adaptive Path, para projetar a interface de um elevador que dá acesso a 1.000 andares.

Mais elevadores em: interesting elevators

Prototipação em papel - PDA

Exemplo de um protótipo em papel de uma aplicação para PDA para encontrar pessoas na faculdade.

segunda-feira, 19 de novembro de 2007

Sobre o processo de design...


Estudo qualitativo feito com 11 empresas globais sobre como elas utilizam o design para serem competitivas. Entre elas: Lego, Starbucks, Microsoft e Sony.


"The study looked at the way design is used in these firms, how designers work with staff from other disciplines and how the design process is managed to deliver consistently successful results. How is design managed across complex, global, product and brand portfolios, we wanted to know. So we asked leading design teams how they select and organise their designers, and when they bring designers into the product or service development process. We also wanted to find out what skills today’s designers need in order to succeed."


Logo no final do artigo, há um link para o relatório em .pdf.

Criando experiências


Link: Slides for The Dawning of the Age Of Experience


domingo, 18 de novembro de 2007

Falando de design...



Novo blog de Design do C.E.S.A.R. (empresa onde trabalho).


Plaginando o About:

"Laboratório, substantivo masculino:
1. local provido de instalações, aparelhagem e produtos necessários a manipulações e experiências efetuados no contexto de pesquisas científicas.
2. Derivação: por extensão de sentido. lugar destinado a pesquisas e experiências artísticas
o
lab.blog.br é o ambiente público de documentação das pesquisas e produções do grupo de design do C.E.S.A.R (Centro de Estudos e Sistemas Avançados do Recife), sendo também em si uma experiência na divulgação e construção coletiva do conhecimento gerado dentro da instituição."

terça-feira, 13 de novembro de 2007

Onde você está agora?

Vá se acostumando com essa onda mobile...

"...the difference between this experience and, say, looking up the restaurant via a wired connection in a hotel room is immediacy, spontaneity, and specificity—all of which increase the value of the interaction."



“By tagging content and data with geographic metadata—effectively giving content a location in the real world—it is possible to imagine new metaphors to describe experiences in geographic space. We’ll stumble across lost pet notices on our way to work; freeway exit ramps will have indicators for a quicker route to the beach on city streets during a busy weekend; standing in front of a local theater will enable you to find movie reviews left by previous patrons. It’s incredibly exciting to think of the possibilities. Perhaps our metaphors for managing content will change as the geospatial Web grows in consequence. It may be that someday in the near future, we’ll be talking about leaving our files, rather than saving them.”



Link: Where Are You Now? Design for the Location Revolution

Nosso produto é a Experiência

Slides com audio de uma palestra da Adaptive Path.

O que seus usuários andam fazendo no seu site?


RobotReplay é um serviço online que grava e reproduz as passagens de usuários em websites. Dá para ver cada movimento do mouse, click, keystroke, scroll etc.


Dicas para o uso de hyperlinks



  1. Ensure your links are large enough to easily click.

  2. The first link is the most important one.

  3. Don't link everything.

  4. Don't radically alter link behavior.

  5. Don't title your link "Click Here".

  6. Don't link things the user might want to select and copy.

  7. Don't include icons on every link.

  8. Don't make your content depend on links to work.

  9. Don't hide your links.

  10. Don't mix advertising and links.

  11. Don't obfuscate your URLs.

segunda-feira, 12 de novembro de 2007

Nas entrelinhas...

iPod: It’ll break in a year, but by then you’ll want the new one.
Apple: You think you need it, we know you just want it.
Samsung: Didn’t you mean to buy Sony?
Ikea: One day you’ll be able to afford real furniture.
Hummer: Get the attention you’ve always craved. While filling up the gas tank again.
Taco Bell: You’re drunk and we’re still open.
Zipcar: So convenient that you’ll ignore the high rates AND the dog hair.
Southwest Airlines: On your marks, get set, find a seat!
UHaul: We don’t guarantee availability because we can get away with it.
PopTarts: Until you realize how disgusting they are, we’ll keep making them.
Ben and Jerry’s: Whoah, dude, did you eat that whole thing?
Krispy Kreme: Less filling, just as fattening.
McDonalds: Always a good idea. Until afterwards.
Starbucks: Long lines, high prices and the best legal high available.

Link: if taglines were honest

quinta-feira, 8 de novembro de 2007

Como seria o ano de 2000 para alguém de 1910?


Algumas imagens da Biblioteca Nacional da França mostrando a visão de um artista do ano de 1910 sobre como seria o mundo em 2000.




"The National Library of France (BnF) has an amazing collection of prints from 1910 which depict life in the year 2000. They are credited to Villemard."

segunda-feira, 5 de novembro de 2007

Competência de um Designer de Experiência do Usuário


Resumo do trabalho de Steve Psomas em The Five Competencies of User Experience Design (.pdf). Fala sobre os diversos 'chapéus' (papéis) que um profissional de experiência do usuário acaba tendo de saber desempenhar. O autor inclui o objetivo, conhecimentos e resultados esperados.
  • Arquitetura da Informação - projetar a estrutura e o esquema de navegação da interface.
  • Design da Interação - layout da página, realização da tarefa e fluxo de componentes.
  • Engenharia de Usabilidade - estudar discrepâncias entre o compotamento esperado e o atual do usuário.
  • Design Visual - tratamento visual consistente de elementos e componentes.
  • Engenharia de Prototipação - composição funcional dos conceitos interativos propostos.

Design nos negócios

Link: Business Needs Design, Now!

Quem disse que Marketing não tem nada a ver com UX?

E você que achava que marketing só atrapalha a vida dos pobres usuários com pop-ups e propagandas pra todo o lado...vamos conversar...não é bem assim.

Colleen Jones fala em seu artigo sobre a relação de Marketing com Experiência do Usuário e como os dois podem se ajudar :)

De fato, os mundos de experiência do usuário e marketing estão colidindo à medida que as empresas aumentam:

  • interação com clientes através de vários canais e mídia—Web, email, celular, telefone, loja, impresso etc.—para tudo desde compra ao serviço ao consumidor
  • engajamento com consumidores através de uma gama de Web sites—Web sites tradicionais, sites de relacionamento, portais pessoais, sites de busca, Web sites de parceiros, RSS feeds etc.
  • busca por relacionamentos de longo-termo com seus clientes

Alguns conceitos de marketing que complementam os objetivos da experiência do usuário:
  • integrated marketing communications - require a planning process that ensures all brand contacts a customer or prospect receives for a product, service, or organization are “relevant to that person and consistent over time.”
  • relationship marketing - marketing with the conscious aim of developing and managing “long-term and/or trusting relationships with customers, distributors, suppliers, or other parties in the marketing environment.”
  • customer relationship management (CRM) - a marketing discipline that combines database and computer technology with customer service and marketing communications. CRM seeks to create more meaningful one-on-one communications with customers by applying customer data—demographic, industry, buying history, and so on—to every communications vehicle.

Link: Marketing Isn't a Dirty Word

10 definições para Design

Design? Design da arquitetura? Design das telas? Design da informação?

Já deu pra ver que design pode ser um monte de coisas, não? Tudo depende do contexto.

Frank Spiller escreveu um artigo em seu blog sobre o assunto, separando os seguintes significados:
  1. Design para a Mente - design que impacta nos processos cognitivos, incluindo interpretação e entendimento da experiência (Design da Interface do usuário, Arquitetura da informação e Design da interação)
  2. Design para o Coração - design que impacta nos processos sensoriais, incluindo sentimentos e qualidades afetivas ou emocionais da experiência (Design gráfico, Design interativo e Design emocional)
  3. Design para o Corpo - design que impacta nos processos antropomórficos, incluindo o contexto social e físico da experiência (Design industrial)
  4. Abordagens/Metodologias Holísticas - Design centrado no usuário, Design da experiência do usuário, Design da experiência

Link: What is Design? (Yes, all 10 definitions!)

OpenSocial

OpenSocial é a iniciativa do Google para a ajudar na construção de aplicações sociais, tais como as já existentes no Facebook (não preciso dizer...concorrente do Orkut). Para isso, o OpenSocial seria como um repositório de APIs para facilitar a construção dessas mini-aplicações.

No site do
OpenSocial há um artigo sobre as melhores práticas de design para redes sociais:
  1. Engajamento rápido- a primeira impressão realmente importa...e é em 30 segundos
  2. Look and feel - consistência entre a aplicação e o site
  3. Permita Auto-expressão- permita aos usuários personalizar as aplicações
  4. Torne dinâmico- mudança nos dados, novidades
  5. Mostre as atividades dos amigos- mostre o que os amigos do usuário estão fazendo
  6. Mostre o gráfico social- permita que os usuários conheçam amigos e amigos de amigos
  7. Ajude na comunicação - permita que usuários deixem recados e conversem
  8. Construa comunidades - aproxime as pessoas através de seus interesses
  9. Resolva problemas do mundo real- permita que as pessoas colaborem na solução de um problema


Link: Social Design Best Practices

quinta-feira, 1 de novembro de 2007

Dia Mundial da Usabilidade - Recife (08/Nov)

WUD Recife

O
Dia Mundial da Usabilidade é um evento global cuja missão é conscientizar as pessoas de que serviços e produtos importantes à vida humana devem ser mais acessíveis e simples de se usar.
Os eventos em comemoração a esse dia são organizados por coordenadores e voluntários locais em todo o mundo. Em 2006, mais de 40 mil pessoas em 175 cidades de 35 países participaram do Dia Mundial da Usabilidade.

Este ano, o
UXrecife - rede de profissionais de Experiência do Usuário da cidade - organiza a primeira edição recifense desse dia, que acontecerá em 08 de novembro. Profissionais e pesquisadores da área apresentarão suas idéias sobre a atuação da academia e da indústria local em prol do design centrado no ser humano.

Programação

17:00h Abertura
17:15h Apresentações

19:15h Coffee-break
19:30h Debate

20:30h Encerramento

Dia Hora Local
Dia: 08 de novembro de 2007
Hora: 17h00 às 20h30
Local: Auditório da Livraria CulturaRua Madre de Deus, Bairro do Recife, Recife/PE - Telefone: (81) 2102-4033
Mais informações:
http://www.wudrecife.com.br/ wudrecife@googlegroups.com

Banheiro também é cultura

A foto acima é de um dos banheiros da Adaptive Path, foto postada no blog da empresa por Kate Rutter para o Bathroom Blogfest 2007.

"I believe that bathrooms are a key indicator of a team culture. Office bathrooms are spaces that are often ignored, where effort is minimized, where meeting the bare basics are deemed to be enough. What a loss. I think great team cultures create great bathrooms…and I suspect that the reverse is also true."

Uma coisa bem interessante do post é o gráfico de hierarquia de necessidades de um banheiro no trabalho, que mostra desde itens básicos como papel higiênico a itens que fazem parte da experiência cultural como plantas, artes e brinquedos para passar o tempo.

Link: Office Bathrooms as key indicators of team culture