Atividade_avaliativa_I_(1) (1)

Prévia do material em texto

UNIVERSIDADE ESTADUAL DO PIAUI
NÚCLEO DE EDUCAÇÃO A DISTÂNCIA- NEAD
UNIVERSIDADE ABERTA DO PIAUÍ- UAPI
DISCIPLINA: Interface e Experiência do Usuário
PROFESSOR: Mateus Abreu Santos
ACADÉMICA: Priscylla Miranda Bezerra
ATIVIDADE AVALIATIVA 
Relatório de Análise da Interface (UI) e Experiência do Usuário (UX) do Instagram:
O Instagram é um dos aplicativos de redes sociais mais populares, focado no compartilhamento de fotos e vídeos. A seguir, apresento uma análise detalhada da interface (UI) e da experiência do usuário (UX), seguida de propostas de melhorias baseadas nessa análise.
Análise da Interface (UI):
· Elementos Visuais:
Layout: O layout do Instagram é organizado para facilitar o acesso às principais funcionalidades. A página inicial exibe um feed de fotos e vídeos em rolagem contínua. Na parte inferior, uma barra de navegação com ícones permite acesso ao feed, explorar, criar postagens, notificações e perfil. A navegação é intuitiva e direta.
Cores: O Instagram utiliza uma paleta de cores predominantemente neutra, com toques de cores vibrantes para notificações e ícones interativos. O fundo branco destaca o conteúdo visual, enquanto a barra de navegação preta oferece um contraste que facilita a visualização.
Tipografia: A tipografia é simples e limpa, com fontes sans-serif que facilitam a leitura. A consistência tipográfica contribui para a compreensão das informações, com títulos e descrições devidamente destacados e uma clara hierarquia de texto.
Ícones: Os ícones são universais e reconhecíveis, como a casa para o feed, a lupa para explorar, a câmera para criar postagens, o coração para notificações e a silhueta para o perfil. Eles são consistentes em estilo e tamanho, o que promove coesão visual.
Contribuição para Usabilidade e Estética
Usabilidade: A interface é eficiente, permitindo navegação rápida entre seções. A organização dos ícones e a disposição dos elementos são intuitivas, facilitando a interação.
Estética: O design é moderno e limpo, com um foco claro no conteúdo visual dos usuários. A estética é atraente e contribui para uma experiência agradável, mantendo o foco no conteúdo sem distrações excessivas.
Pontos Fortes e Fracos:
Pontos Fortes:
Design limpo e moderno.
Navegação intuitiva e fácil de usar.
Elementos visuais e ícones claros e funcionais.
Pontos Fracos:
A barra de navegação inferior pode ficar sobrecarregada com ícones e opções adicionais à medida que novas funcionalidades são adicionadas.
A presença de anúncios e posts patrocinados pode desviar a atenção do conteúdo dos usuários.
Análise da Experiência do Usuário (UX)
 A-Interação do Usuário
Facilidade de Uso: O Instagram é fácil de usar para a maioria dos usuários, inclusive para aqueles que não são familiarizados com redes sociais. A interface intuitiva e o acesso direto às ações principais facilitam o uso.
Navegação: A navegação é fluida, com transições suaves entre páginas e seções. A barra de navegação inferior permite acesso rápido às principais funcionalidades.
Tempo de Resposta: O aplicativo responde rapidamente às ações dos usuários, como carregamento de fotos e vídeos, e interações como curtidas e comentários.
Acessibilidade: O Instagram oferece algumas opções de acessibilidade, como ajuste de tamanhos de texto e contraste. No entanto, há espaço para melhorias para usuários com deficiências visuais ou motoras.
B-Satisfação Geral
Experiência do Usuário: A satisfação geral é alta devido à facilidade de uso, qualidade do design e interação eficiente. A capacidade de descobrir novos conteúdos e interagir com amigos e seguidores é bem recebida pelos usuários.
Propostas de Melhoria
· Melhoria 01: Reorganização da Barra de Navegação Inferior
Descrição: Reduzir a quantidade de ícones na barra de navegação inferior e considerar a adição de um menu de hambúrguer ou um sistema de navegação por abas para funcionalidades adicionais.
Justificativa: Isso reduziria a sobrecarga visual e permitiria uma navegação mais limpa, melhorando a experiência geral do usuário.
· Melhoria 2: Aumentar a Opção de Personalização das Configurações de Acessibilidade.
Descrição: Melhorar as opções de acessibilidade, incluindo ajustes mais detalhados para usuários com deficiências visuais e motoras, como suporte a leitores de tela e atalhos personalizados.
Justificativa: Melhorar a acessibilidade tornaria o Instagram mais inclusivo e utilizável para uma gama mais ampla de usuários, promovendo uma experiência mais igualitária.
· Melhoria 3: Otimização do Gerenciamento de Anúncios
Descrição: Implementar uma forma mais eficiente para os usuários gerenciarem e filtrarem anúncios e posts patrocinados, talvez através de uma seção dedicada nas configurações.
Justificativa: Reduzir a distração causada por anúncios indesejados pode melhorar a experiência do usuário e aumentar a satisfação com o conteúdo orgânico.
Conclui-se então que o Instagram possui uma interface visualmente atraente e uma experiência de usuário geralmente satisfatória.
No entanto, existem oportunidades para aprimorar ainda mais a usabilidade e a inclusão, tornando a experiência mais agradável para todos os usuários. A implementação das propostas de melhoria pode contribuir significativamente para um aprimoramento contínuo do aplicativo.
TRABALHO:1. Planejamento da Tela Inicial
Nome do Software: MindHarmony
Descrição: O MindHarmony é um aplicativo móvel dedicado ao bem-estar mental, oferecendo uma combinação de meditações guiadas, exercícios de respiração e acompanhamento de humor. O objetivo é proporcionar uma plataforma intuitiva e personalizada para apoiar o equilíbrio emocional dos usuários.
Tela Inicial:
 Nome do Software: No topo da tela, centralizado, está o logo e nome do aplicativo: "MindHarmony".
 Principais Botões e Funções:
 Início: Um botão grande e centralizado que leva à tela principal de meditações e exercícios.
 Acompanhar Humor: Um ícone de gráfico no canto inferior esquerdo para registrar o estado emocional do dia.
 Sessões: Um ícone de calendário no canto inferior direito para acessar sessões agendadas ou recomendações personalizadas.
 Perfil: Um ícone de usuário no canto superior direito para acessar configurações e personalizar a experiência.
 Ajuda: Um ícone de ponto de interrogação no canto inferior direito para acessar a seção de ajuda e FAQ.
 Design Visual:
 Cores: O fundo da tela é em um tom de azul claro (#E0F7FA), que transmite calma e serenidade. Os botões e ícones usam um tom de verde suave (#A5D6A7) que complementa o azul e é associado à tranquilidade e renovação.
 Fontes: Utilizamos uma fonte sans-serif limpa e moderna, como a "Lato", para garantir legibilidade e uma sensação de simplicidade. Os títulos são em negrito para destacar seções importantes.
 Ícones: Ícones simples e intuitivos com linhas finas e cores coesas, garantindo que o design seja claro e fácil de entender.
Objetivo da Tela Inicial: Ao abrir o aplicativo, o usuário deve sentir um ambiente calmo e acolhedor. A tela inicial deve facilitar o acesso rápido às principais funcionalidades, como iniciar uma meditação, registrar o humor ou agendar sessões. As cores e o design devem ajudar a criar uma sensação de tranquilidade, promovendo um ambiente propício para o bem-estar mental.
2. Criação do Protótipo
Vou descrever um protótipo detalhado. Se você estiver criando um desenho manualmente ou usando uma ferramenta online, aqui está como você pode organizar o design:
 Topo da Tela:
 Logo e Nome: O logo e nome “MindHarmony” centralizado no topo da tela com fonte grande e clara.
 Centro da Tela:
 Botão Início: Um grande botão circular ou retangular com a etiqueta “Iniciar Sessão” centralizado na tela. Cor de fundo verde claro, com texto branco.
 Cantos Inferiores:
 Acompanhar Humor: Ícone de gráfico no canto inferior esquerdo, com um botão pequeno para registrar o humor.
 Ajuda: Ícone de ponto de interrogaçãono canto inferior direito, levando à seção de ajuda.
 Cantos Superiores:
 Perfil: Ícone de usuário no canto superior direito, acessando configurações e perfil.
 Sessões: Ícone de calendário no canto inferior direito, para visualizar e agendar sessões.
 Design Geral:
 Fundo: Azul claro (#E0F7FA).
 Botões e Ícones: Verde suave (#A5D6A7) com texto branco para contraste.
 Fonte: “Lato”, com títulos em negrito e corpo do texto em regular.
3. Relatório de Justificativa
Justificativa do Design:
 Cores e Fontes:
 Cores: Escolhi o azul claro (#E0F7FA) como fundo para evocar uma sensação de calma e tranquilidade. O verde suave (#A5D6A7) nos botões complementa o azul, trazendo uma sensação de frescor e renovação. Essas cores são bem reconhecidas por seu efeito relaxante, o que é ideal para um aplicativo de bem-estar mental.
 Fonte: A fonte “Lato” foi escolhida por sua legibilidade e aparência moderna. O uso de negrito para os títulos ajuda a destacar seções importantes sem sobrecarregar o usuário visualmente.
 Organização dos Botões e Funções:
 Botão Início: Posicionado centralmente para facilitar o acesso imediato à principal funcionalidade do aplicativo. É o primeiro lugar que o usuário olha ao abrir o app, garantindo que eles possam começar rapidamente com suas sessões de meditação.
 Ícones de Humor e Sessões: Colocados nos cantos inferiores para acesso rápido e frequente, permitindo que o usuário registre seu estado emocional ou veja suas sessões agendadas sem distrações.
 Perfil e Ajuda: Colocados nos cantos superiores e inferiores para que o usuário possa facilmente acessar configurações ou obter assistência sem interferir na funcionalidade principal.
 Como o Design Ajuda o Usuário:
 Design Limpo e Intuitivo: A organização clara dos ícones e botões ajuda os usuários a navegar pelo aplicativo sem dificuldade. A escolha de cores e fontes contribui para uma experiência visualmente agradável e não sobrecarregada.
 Funcionalidade e Acesso Rápido: A tela inicial proporciona acesso direto às funções principais, permitindo que o usuário inicie suas atividades de bem-estar mental de forma rápida e fácil.
O design foi pensado para maximizar a usabilidade e proporcionar uma experiência relaxante, que é essencial para um aplicativo dedicado ao bem-estar mental.
Não compartilhe informações confidenciais. Os chats podem ser revisados e usados para treinar nossos modelos. Saiba mais
ChatGPT pod