IADE, Instituto de Artes Visuais, Design e Marketing
Escola Superior de Design / Escola Superior de Marketing e Publicidade
Licenciatura em Design
História da Arte e da Técnica
Usabilidade de Websites
Microsoft vs Apple
10 valores
Fábio Pereira
Turma E1
20090503
1º Ano
1º Semestre
Índice
Observação geral: o trabalho revela capacidades muito apreciáveis
de observação e caracterização de aspectos concretos na
usabilidade e construção identitária das marcas escolhidas; a
estratégia da comparação é usada correctamente, para o que
concorre também uma linguagem escorreita e objectiva (posto que
com claros problemas de acentuação)...
Porém:
1) o formato e requisitos do texto científico apresentam deficiências
várias (assinaladas por mim nas notas ao longo do texto), incluindo
a ausência de referências quer aos materiais e fontes uadas (antes
de mais, aos sites concreetos analisados), quer ainda a pelo menos
1 obra científica académica (impressa) dedicada à problemática
onde se insere o tema) na Introdução...
2) a Introdução e Conclusão poderiam também ser melhoradas no
sentido de reproduzirem de forma mais completa e/ou objectiva
todos os itens que devem figurar nelas...
Recomendo a correcção, pelo menos, da 1ª deficiência referida
para poder dar outra classificação bem diferente, até por que o
trabalho, corrigido, é merecedor de uma boa classificação (para as
correcções, V.explicações abaixo no texto e exemplos no site da
cadeira para as correcções).
Introdução ....................................................................................... Pág. 3
O que é a usabilidade? ................................................................... Pág. 4
Microsoft ......................................................................................... Pág. 5
Apple .............................................................................................. Pág. 5
Microsoft vs Apple – Usabilidade Website ..................................... Pág. 7
Página principal Microsoft ................................................... Pág. 7
Página principal Apple ....................................................... Pág. 11
Navegação ......................................................................... Pág.
12
Legibilidade ........................................................................ Pág.
15
Design ................................................................................ Pág.17
Conclusão ..................................................................................... Pág. 18
Bibliografia .................................................................................... Pág. 19
2
Introdução
Primeiramente será dado uma pequena introdução sobre do que se trata a
usabilidade e uma pequena contextualização das duas empresas que vamos
estudar, Microsoft e Apple
De seguida, será realizado uma comparação entre estes dois grandes nomes do
mundo da informática. Mais concretamente vamos comparar a usabilidade dos
websites de ambas as empresas, bem como a evolução que estes tiveram. Vamos
ter em conta alguns dos aspetos mais importantes para a comparação como o
design, a navegação, a legibilidade, entre outros aspetos
Como este tema e muito atual encontrei grandes dificuldades em encontrar
referências bibliográficas nas bibliotecas locais, por isso, as minhas grandes
referências encontram-se disponíveis online.
A usabilidade (usability) é um tema importante e
acerca desta problemática há uma bibliografia
bastante vasta... teria valido a pena referir aqui,
brevemente, uma obra destas, bem como os
materiais online que o autor diz ter usado como
referência... Isto teria credibilizado de forma
mais concreta e sólida as observações críticas
feitas a seguir...
O que é a usabilidade?
3
Nestes casos é
obrigatória a
referência
bibliográfica...pelo
menos de uma obra!
Quando falamos de usabilidade temos, obrigatoriamente, de falar em Jakob Nielson.
Jakob Nielson e considerado o ‘’pai’’ da usabilidade tendo ele sido mentor de vários
movimentos para a evolução e aperfeiçoamento dos interfaces dos websites.
Atualmente é consultor de usabilidade para a web, detendo cerca de 79 patentes
nos Estados Unidos da América, dos quais grande parte são técnicas para tornar um
website mais fácil de usar.
Já publicou muitos livros sobre este tema e outros relacionados com esta área,
sendo que alguns são livros de referencia para quem estuda usabilidade.
Falando agora da usabilidade podemos usar um método de comparação usado pelo
próprio Jakob Nielson para ser mais fácil a compreensão deste termo.
Posto isto, podemos dizer que a usabilidade e como cozinhar.
Todos têm a necessidade de comer assim como as empresas têm a necessidade de
encontrar os objectivos e atingi-los, mas estes podem ser atingidos de uma forma
mais eficiente se todo o website da empresa tenha sido feito por um profissional e
que domine as técnicas da usabilidade.
Segundo Nielson todos podemos saber usar a usabilidade nos nossos trabalhos
mais uma vez é como cozinhar, pois nos podemos cozinhar em casa, comer e
ficamos satisfeitos mas se o comer for feito por um chef de cozinha será muito
melhor confeccionado, terá outro gosto e ficamos igualmente saciados.
Mas se nós tentarmos cozinhar varias vezes o mesmo prato vamos melhorando o
prato e podemos até conseguir fazer um prato igual ou melhor ao que o chef de
cozinha fez. O mesmo se passa com a usabilidade, se aprendermos ao longo dos
trabalhos que formos fazendo, conseguimos evoluir as nossas técnicas e fazer
websites cada vez mais funcionais onde qualquer utilizador que entre, seja um
utilizador experiente ou não, saiba de uma forma rápida onde encontrar o que
procura.
Podemos portanto concluir que a usabilidade não é mais que a funcionalidade de um
website e conseguir que em poucos passos o utilizador chegue onde quer sem que
isso comprometa nem o design nem a legibilidade do website.
4
Microsoft
A Microsoft Corporation é uma empresa multinacional, conhecida em qualquer parte
do mundo, que desenvolve e vende vários produtos de computação desde licenças
de softwares ( como o sistema operativo Windows e o Office) fabrica também vídeo
jogos e consolas ( como a Xbox e a mais recente Xbox 360 ) e ainda apoia vários
projetos de investigação na área da computação.
Foi fundada em 1975 por Bill Gates e Paul Allen com o nome Micro-Soft que
derivava de microprocessador e software, perdendo o hífen com a evolução da
empresa ficando Microsoft, como hoje e conhecida.
Apple
A Apple inc. Foi fundada em 1976 por Steve Jobs, Steve Wozniak e Ronald Wayne.
Esta empresa ficou conhecida pela sua evolução pioneira e que sempre quis criar os
Estas
críticas
mesmo conceito.
não serão
Sempre foi uma empresa que se orgulhava de criar o produto e o próprio sistema mais pela
natureza
formando assim um produto mais seguro e consistente, sendo também alvo de fechada,
i.e., não
muitas criticas pelos seus preços acima da média.
compatível
Ficou conhecida pelos seus produtos como os computadores Machintosh, o Ipod, o , dos seus
sistemas?
Iphone e mais recentemente, o Ipad.
próprios produtos ao invés de procurar o que se fazia no mercado e tentar evoluir o
Foi sempre uma empresa rival da Microsoft tanto nos produtos como nos seus
websites e é disso que vamos tratar a seguir.
Ambas as empresas têm, apesar de tudo, públicos-alvos diferentes enquanto a
Microsoft procura satisfazer as necessidades das empresas e dos consumidores em
geral, a Apple procura um publico alvo mais jovem e com outro tipo de
necessidades. A Apple é muito comum entre os artistas multimédia que necessitam
5
de um computador para criar algum tipo de obra seja digital seja para impressão e
com as plataformas móveis vieram vincular ainda mais essa faceta multimédia.
Em suma, a Apple dedicasse mais a tarefas multimédia, como a música ( com o
iTunes ) e edição de vídeo e de fotos e a Microsoft para trabalhar com documentos (
com o Office), para jogar em PC’s em vez das consolas e outro tipo de processos
mais complexos de programação.
Aqui seria obrigatória a referência à fonte
citada (isto é: título do site em nota entre
parêntesis no texto autoral (mais
reprodução do mesmo com o respectivo
link na Bibliografia final) - cf. ex. no site da
cadeira => Referências bibliográficas = >
botão «Fontes»... A correcção desta
deficiência básica permitirá desbloquear a
nota que este trabalho efectivamente
merece!
Microsoft vs Apple – Usabilidade Website
Para começar a comparação nada melhor que a página principal de cada website
pois são estes que em segundos terão de captar a atenção do utilizador e fazer com
que continue a navegar no website.
6
Página Principal Microsoft
Começamos com a página principal da Microsoft (Fig.1).
Fig.1 – Página principal Microsoft
Recentemente esta página sofreu uma alteração de imagem e de navegação,
tornando-se mais simples e clean, tendo menos cores do que tinha antes como se
pode verificar na Fig.2.
7
Fig.2 – Antiga página principal Microsoft
Assim podemos verificar que encontramos menos informação na página principal e
mais organizada tornando-se assim mais agradável, mais fácil de perceber a
navegação da página e os conteúdos. Ao contrario do que iremos verificar no
website da Apple, a Microsoft difere as áreas para as empresas e para os
consumidores.
8
Ao abrir a página inicial conseguimos imediatamente
ver um banner publicitário rotativo por tempo ou
então podemos parar, passar a frente ou para trás.
Fig.3 – Pormenor página Microsoft
Conseguimos perceber um pequeno erro nas setas que estão com o topo a
desaparecer para fora da frame correspondente (Fig.3).
Fig.4 – Página principal Microsoft
Apesar de a imagem ter cerca de metade do tamanho da que podemos encontrar no
website da Apple, ainda assim cativa a atenção do utilizador e ao lado do banner
podemos encontrar um menu de acesso rápido a alguns conteúdos do website
(Fig.4).
9
Fig.5 – Banner lateral Microsoft
Este menu (Fig.5) não serve para manter o utilizador na página devido ao tamanho
que tem e a importância que tem no website. Destina-se a quem já ficou cativado
pelo design e então esteja disposto a pesquisar um pouco mais sobre o conteúdo.
Podemos ver que e bastante interativo pois tem três separadores que podemos
navegar entre eles nos botões + e -.
Ao lado, podemos ainda encontrar os dois botões que encaminha para o conteúdo
destinado a empresas ou para consumidores individuais, que serva para tirar
informação exagerada na página principal, assim conseguem dividir o conteúdo
destinado para cada publico.
O resto da página principal pode-se verificar que se encontra por módulos onde
aproveitam do contraste do fundo com as letras de uma forma muito subtil e simples
que simplifica a leitura.
Página Principal Apple
10
Fig.6 – Banner Apple
Completamente ao contrario da Microsoft, no website da Apple somos presenteados
com umas imagens de um dos seus produtos com grande definição, que sem duvida
convida a carregar para saber mais sobre o produto em questão (Fig.6). Também ao
contrario da Microsoft, estas imagens não são rotativas vendo sempre o mesmo
produto até que a Apple decida mudar.
Nota-se, claramente, um maior uso do contraste cinza e branco sendo que as únicas
cores que encontramos são as imagens que estão no ecrã do produto anunciado.
Existe, também, uma clara facilidade, em relação a Microsoft, na navegação pois
esta tudo concentrado na barra de menus incluindo a barra de pesquisa, que no
website da Microsoft encontra-se no topo do site, que por vezes passa
despercebida.
O resto da página principal apenas tem mais 4 módulos de conteúdo (Fig.7)
disponível estando tudo disponível no menu de navegação que sem qualquer clique
conseguimos ver toda a gama de produtos.
11
Fig.7 – Módulos Apple
Navegação
Em relação a navegação em ambos os websites e onde, possivelmente,
encontramos as maiores diferenças.
No menu de navegação da Apple podemos encontrar no topo uma barra com um
efeito metalizado que confere consistência na navegação (Fig.8). Neste menu não
existe um sub-menu (Drop Down Menu) mas ao clicarmos numas das categorias dos
produtos aparece um segundo menu com ícones ilustrativos que permite ao
utilizador, sem ler, conseguir perceber qual é o produto que procura.
A Apple não deixou aqui margens para duvidas ou erros em relação a escolha do
produto que pretendemos.
Ao fazer scrool na página percebemos que os restantes conteúdos aparecem, mais
uma vez, em módulos que permite uma leitura correta da página sem que o
utilizador se perca com tanta informação.
Em suma podemos dizer que o menu é bastante intuitivo e que não permite ao
utilizador andar perdido pelas páginas a procura do que pretende.
12
Fig.8 – Produto Apple
No website da Microsoft existe também uma barra de menu, que ao contrario da
Apple vem por baixo do logótipo da marca e não tem a barra de pesquisa
incorporada que encontra-se no topo da página (Fig.9).
Fig.9 – Barra navegação
Neste novo website da microsoft incorporaram um outro menu (Fig.10) que se
encontra muito escondido no canto superior esquerda da página que ao abrir não é
mais que uma ilustração da barra de menus. Tendo assim dois menus repetidos
num espaço pequeno da página.
13
Fig.10 – Barra navegação ilustrada
Em relação aos sub-menus houve uma verdadeira melhoria em tentar reduzir o
numero de produtos e tentar organizar em categorias para que não chegasse ao
ponto de não saber onde esta o que procura.
Fig.11 – Sub-menu Microsoft
Mesmo assim, na minha opinião como utilizador, ainda existe demasiada informação
nos sub-menus tornando assim a pesquisa demorada e pouco precisa (Fig.11).
14
Legibilidade
Mais uma vez, penso que aqui a Apple destaca-se novamente pela positiva embora
a Microsoft tenha feito um grande progresso.
Ao abrirmos a página de um produto da Apple
(Fig.12), conseguimos perceber de uma forma
rápida e nada confusa, os pontos fortes desse
produto. A primeira coisa em que reparamos é
o banner gigante rotativo entre várias imagens
do mesmo produto. A informação está mais
uma vez apresentada em módulos que se
encontram separados de uma forma simples,
leve e discreta mas que ao mesmo tempo nos
orienta a navegar pela página com o nosso
olhar.
Fig.12 – Produto Apple
Está muito bem concebida e muito intuitiva e como já estamos habituados, por parte
da Apple, os títulos e os textos são todos cinzentos apenas muda o peso das letras.
Já os textos são de um tamanho pequeno mas nunca pequeno a ponto de não se
ler, fica sempre legível.
Neste caso abrimos a página do Windows 7
(Fig.13) e a primeira coisa que reparei foi que
15
a página mudou totalmente, tanto a nível de design como de estrutura. De seguida
tentei outros produtos da Microsoft e reparei que cada produto tem um site diferente,
ou seja, existe muitos microsites dentro do principal, o que confere pouca coerência
na navegação porque em cada produto que se entra, o menu de navegação muda
completamente e o utilizador tem de passar por todo o processo como se fosse a
primeira vez que estivesse no website.
Fig.13 – Produto Microsoft
Neste produto em particular a Windows optou por um design com mais cor
novamente acompanhada com um banner de dimensões grandes seguido de vários
módulos ilustrados sobre os prós do produto em questão. Um website simples e
apelativo mas que se torna um pouco massivo quando se começa a fazer scroll
porque deixa de se ver uma separação física entre os links e os módulos.
Em relação a fonte pudemos referir que também é pequena, como também se viu no
site da Apple, nunca perdendo a legibilidade mas causando alguma confusão porque
raramente existe uma separação visível entre textos.
Design
Este título é bastante
questionável ou até mesmo
infeliz: sugere a ideia que todos
os outros aspectos referidos
não pertencem ao Design...
16
Alguns estudos provaram que o design também é um ponto importante na
usabilidade e estas duas empresas não quiseram ficar fora das normas.
A Apple, claramente, está a frente neste aspeto usando, como já foi dito, o contraste
de cinza/branco e usando imagens de alta definição com reflexos que claramente
funciona do ponto de vista do utilizador. Tem uma navegação consistente e de uma
forma muito rápida conseguimos mudar entre produtos com apenas um clique.
A Microsoft teve uma significativa evolução neste aspeto mas na minha opinião a
grande falha é o facto de não haver qualquer tipo de coerência entre páginas, pois
muda a organização e o design a cada página, tornando-se assim mais difícil de
conhecer cada produto. Outro aspeto que acho importante referir e a falta de
conectividade entre as páginas dos produtos tendo de voltar a página principal para
selecionar outro produto. Aqui a Microsoft, ao contrario do que sempre foi o design
da Microsoft, usa também o contraste cinza/branco com mais cores que a Apple mas
nem por isso tornando o site mais apelativo, pois a Apple apresenta nos logo de
entrada uma imagem em alta definição de um dos seus produto
Conclusão
17
Na usabilidade a Apple está claramente na frente. Eles têm uma página inicial bem
estruturada, que oferece menos opções, o que significa que o utilizador precisa de
menos passos para atingir o objetivo dentro do website.Têm uma navegação
consistente em todas as suas páginas, usam muito espaço em branco, subtítulos,
sem efeitos nos textos apenas mudam o tamanho ou a grossura da fonte para tornar
tudo muito mais legível e percetível O website da Apple é mais fácil de usar e
oferece uma experiência muito melhor para os utilizadores que o utilizam. Temos
também de ter em conta que o site da Apple e muito menor que o da Microsoft que
contém vários sub-sites para cada produto. Qualquer sub-site da Microsoft está
repleto de informação que por vezes torna-se demasiado pesada para ser legível
porque usam vários estilos e cores para as fontes. A
Microsoft não tem uma marca consistente, coerente e unificada. Cada sub site é
diferente do anterior e não deixam qualquer pista visual de uma secção para a outra.
Pelo contrário a Apple tem em toda a navegação do seu site um design único e
simples que torna muito agradável a navegação pelo website, criando assim uma
marca poderosa.
Por estas razões, penso que a Apple sai claramente vencedora.
Em relação a realização do trabalho tenho a dizer que gostei muito de o realizar pela
pesquisa e pela experiencia. Não foi fácil arranjar referencias e material mas com o
meu conhecimento e as pesquisas consegui realizar a minha própria comparação.
A «auto-avaliação» neste último parágrafo da Conclusão valoriza esta última,
porém, o autor do trabalho não entendeu bem o papel daquela: não se trata
de auto-elogiar o trabalho ou afirmar preferências pessoais; antes, indicar ao
leitor qual o contributo concreto do trabalho para o estado do conhecimento
acerca do tema e ainda, complementarmente, sugerir que outros aspectos,
no seguimento dos tópicos analisados, mereceriam ser objectos de pesquisas
futuras...
18
Bibliografia
Referências na internet
O autor deveria ter incluído pelo menos uma
obra científica (impressa) sobre o tema numa
secção adequada, de acordo o modelo de
Bibliografia recomendado no site da cadeira.
Por outro lado, nesta Bibliografia falta ainda a
subsecção «Iconografia» (ou designada com
outro título) com a lista das imagens
reproduzidas no trabalho e respectivas fontes
(cf. exemplos de bibliografia no site da
cadeira)
http://www.webdesignerdepot.com/2009/05/apple-vs-microsoft-a-website-usabilitystudy/
http://www.igi-global.com/viewtitlesample.aspx?id=1281
http://www.useit.com/jakob/
http://www.useit.com/alertbox/anybody-usability.html
http://pt.wikipedia.org/wiki/Apple_Inc.
Falta um título
descritivo destes
materiais
consultados online
e uma data aprox.
de consulta (cf.
exemplo no site da
cadeira)
http://pt.wikipedia.org/wiki/Microsoft
http://www.apple.com/pt/
http://www.microsoft.com/pt-pt/default.aspx
19