Análise Comparativa Web-

App
Arquitetura de Informação para a Web e Dispositivos Móveis

Este trabalho tem como objetivo

uma análise dos diferentes
aspetos que delineiam a
experiência do utilizador e
funcionalidades da plataforma
João Oliveira
OLX num dispositivo móvel e num A043242
computador

12 Novembro 2023
Índice
• Características dos dispositivos utilizados;

• Introdução;

• Página Inicial;

• Início de sessão;

• Favoritos;

• Vender;

• Conversas;

• Conta;

• Anúncio;

• Conclusão.
Características dos
dispositivos utilizados
Dispositivo Móvel Computador

Samsung S21 5G
Monitor: LG 27GN750-B 27” 1920x1080px
6.2” 1080x2400px
16GB Ram
8GB Ram
Browser: Microsoft Edge
Browser: Samsung Internet
Introdução
O OLX é uma plataforma online que permite aos utilizadores publicar e encontrar produtos e serviços localmente.
O nome "OLX" é uma abreviação de "Online Exchange". A plataforma é conhecida por facilitar a compra e venda
de uma ampla variedade de produtos, desde equipamentos eletrónicos e roupas até imóveis e veículos.

Os utilizadores podem criar anúncios gratuitos para vender produtos usados ou novos, bem como oferecer
serviços. A plataforma geralmente inclui recursos para filtrar anúncios por localização geográfica, categoria de
produtos, preço e outros critérios, o que facilita a procura por produtos específicos numa determinada área.

O OLX opera em diversos países ao redor do mundo e tem sido uma ferramenta popular para transações locais
entre consumidores. Os compradores e vendedores geralmente entram em contacto diretamente entre si para
negociar os detalhes da transação e a entrega dos produtos.
Página Inicial DISPOSITIVO MÓVEL

A página inicial é igual tendo ou não a sessão

iniciada, e por isso não é necessário haver
uma distinção.

COMPUTADOR

Ver Diferenças (Diapositivo 7)

Página Inicial (continuação) DISPOSITIVO MÓVEL

COMPUTADOR

No telemóvel ao fazermos “scroll”, encontramos uma zona “Anúncios Recomendados”

No computador, encontramos a zona “Destaques no OLX”

 NAVBAR CATEGORIAS BARRA DE PESQUISA

Na barra de navegação no computador, encontramos As categorias, no computador, são A barra de pesquisa é bastante semelhante nos
cinco botões: mostradas na sua totalidade, já no dois dispositivos.
1- Logótipo; dispositivo móvel, estas são mostradas num O texto na barra é igual, porém no computador
2- Botão para aceder às mensagens (com ícone e slider com a opção de “Ver Todas” através tem um ícone de uma lupa, uma secção que
texto); dum botão cinzento. permite ao utilizador escolher uma região
3- Favoritos (ícone apenas); Ao clicar no botão, o utilizador é específica do país para ver os anúncios e um botão
4- Aceder à conta (ícone e texto); redirecionado para esta página onde tem para efetuar a pesquisa que tem um texto
5- Anunciar e Vender (texto apenas, destacado com acesso a todas as categorias: “Pesquisar” e um ícone de uma lupa;
quadrado branco).
No telemóvel tem uma caixa de texto, que quando
o utilizador clica abre uma janela onde é possível
Na barra de navegação no dispositivo móvel, ver um teclado para efetuar a pesquisa.
encontramos cinco botões (todos com texto e ícone):
1- Explorar (página inicial);
2- Favoritos;
3- Vender;
4- Conversas;
5- Conta.

A barra de navegação no computador encontra-se no

topo da página e no dispositivo móvel encontra-se no
fundo da página

DISPOSITIVO MÓVEL DISPOSITIVO MÓVEL

Voltar (Diapositivo 5)
 Início de sessão
Os botões anteriormente descritos só são acessíveis caso haja uma sessão iniciada,
caso contrário o utilizador é redirecionado para a seguinte página:

No telemóvel o inicio
de sessão encontra-se
em tela cheia devido
às dimensões da tela e
facilidade de leitura.

COMPUTADOR
DISPOSITIVO MÓVEL
Na página de início de sessão, a página é quase igual, as principais diferenças são: o fundo no computador; o
tamanho da janela de início de sessão; o texto e a seta no dispositivo móvel.
 DISPOSITIVO MÓVEL

Favoritos COMPUTADOR

Na página “Favoritos”, no computador, existem três separadores: “Anúncios favoritos” (limite de 150);
“Pesquisas guardadas” (limite de 50); “Visto recentemente”.
Já no dispositivo móvel, encontramos duas abas, “Anúncios” e “Pesquisas”, nenhuma tendo limite.
 Vender (computador)
Campos para adicionar Nome, Categoria, Descrição

Vários quadrados para adicionar e visualizar imagens

Adicionar localização, e dados de contacto

Botões de pré-visualizar e publicar anúncio

Vender (telemóvel)
Diferente do que vemos no computador, aqui as
imagens são carregadas no topo da página e apenas
aparece um botão

Adicionar localização, e dados de contacto

Botões de pré-visualizar e publicar anúncio

um em cima do outro, enquanto no
computador ficam um ao lado do outro

Campos para adicionar Nome, Categoria, Descrição

seguidos, enquanto no computador existe uma caixa
para adicionar fotos entre “Categoria” e “Descrição”
 DISPOSITIVO MÓVEL

Conversas COMPUTADOR

Lista com todas as conversas e botão que troca de “A

anunciar” para “A comprar”

Parte não existente no telemóvel

Conta (computador)
No computador, a zona da conta encontra-se
num menu dropdown
Conta (telemóvel)
No telemóvel, o separador “Conta” tem todas
as opções em lista.

Tem também muitas mais opções em relação ao

computador.
Anúncio (computador)
Anúncio
(telemóvel)
Conclusão
Ao analisar esta plataforma e comparar a versão Web (computador) e App (telemóvel) podemos verificar que existem diversas diferenças.

Estas diferenças devem-se às características e usabilidade de cada dispositivo.

Algumas diferenças e razões:

• O tema, na app, é escuro devido ao consumo de bateria e luminosidade;

• Alguns botões aparecem no fim devido à facilidade de carregar ao usar uma mão e ergonomia (Exemplo: “Ligar/SMS”, “Conversar”);

• A forma como são apresentados os anúncios e algumas informações varia de listas na horizontal (computador) para uma lista vertical (telemóvel);

• Ao fazer um anúncio, quando a localização é pedida, a app (telemóvel) reconhece automaticamente a localização quando o GPS está ativo;

• Algumas informações são “escondidas” devido ao pequeno tamanho da tela.