O documento fornece dicas sobre aplicar UX (experiência do usuário) em aplicativos móveis, discutindo tópicos como: tela de login, tamanho de fonte, como as pessoas seguram dispositivos, colocar conteúdo no centro da tela, facilitar acesso a tarefas comuns, feedback, notificações push, uso de cores e mais. O objetivo é melhorar a experiência do usuário e garantir que eles encontrem valor no aplicativo.
Campus Party_Design do dia a dia #Cpbr7Melina Alves
O documento discute os princípios e práticas do design de experiência do usuário (UX Design) a partir da perspectiva da arquitetura da informação e da interação humano-computador. Apresenta os benefícios do UX Design para a criação de produtos e sistemas digitais intuitivos e centrados no usuário. Também resume os princípios-chave da usabilidade segundo Jakob Nielsen e conceitos como affordance e feedback segundo Donald Norman.
O documento discute os principais pontos sobre UX para agências de publicidade. Em 3 frases:
1) UX deve focar nas experiências das pessoas e não apenas nas tarefas ou produtos, levando em conta contexto, conteúdo e usuário.
2) Uma abordagem centrada no usuário é fundamental, desde a pesquisa inicial até o monitoramento contínuo, para garantir que a experiência seja positiva em todos os pontos de contato com a marca.
3) Um bom design não é suficiente para uma boa experiência - é necessário validar
Este documento discute a importância da usabilidade e da prototipação em papel no desenvolvimento de software centrado no usuário. Ele explica como protótipos em papel podem ser usados para explorar ideias, comunicar designs e validar a eficiência de elementos de design antes de investir tempo e recursos em um produto final. Também fornece diretrizes sobre como identificar o que prototipar, criar protótipos em papel, planejar testes com usuários e analisar os resultados para melhorar o design.
A criação de produtos e soluções para o mundo dos dispositivos móveis, vai muito além do que o próprio problema que se deseja resolver. É um mundo onde o surgem novas dúvidas, questionamentos e um usuário final extremamente exigente e presente. Sendo assim, o objetivo deste conteúdo é compartilhar experiências na gestão de projetos de desenvolvimento de software no contexto mobile, apresentar a importância do desenvolvimento pensando no usuário final e apresentar questionamentos que devem ser considerados no desenvolvimento.
O documento discute a importância da experiência do usuário (UX) no desenvolvimento de produtos e serviços. Explica que UX envolve entender as necessidades e comportamentos dos usuários para melhorar a usabilidade e satisfação. Também descreve a evolução histórica da ênfase na experiência do usuário e as disciplinas envolvidas no design de UX.
Este documento analisa as abordagens para desenvolvimento de aplicativos móveis, comparando nativos e multiplataforma. A abordagem multiplataforma, usando a web, é a mais viável para startups validarem ideias de forma barata, rápida e em múltiplas plataformas ao mesmo tempo. Ferramentas como Apache Cordova, React Native e outros permitem desenvolver um aplicativo com um único código base para Android, iOS e outras plataformas.
Mini Curso Design de Dispositivo MoveisPaolo Passeri
Este minicurso aborda os principais tópicos para o desenvolvimento de interfaces para dispositivos móveis, incluindo entendimento dos dispositivos e usuários, definição das funcionalidades do aplicativo, padrões de interação, guias de interface do usuário, prototipação rápida e identidade visual. O curso é dividido em 60% de atividades práticas e 40% de conceitos teóricos.
Campus Party_Design do dia a dia #Cpbr7Melina Alves
O documento discute os princípios e práticas do design de experiência do usuário (UX Design) a partir da perspectiva da arquitetura da informação e da interação humano-computador. Apresenta os benefícios do UX Design para a criação de produtos e sistemas digitais intuitivos e centrados no usuário. Também resume os princípios-chave da usabilidade segundo Jakob Nielsen e conceitos como affordance e feedback segundo Donald Norman.
O documento discute os principais pontos sobre UX para agências de publicidade. Em 3 frases:
1) UX deve focar nas experiências das pessoas e não apenas nas tarefas ou produtos, levando em conta contexto, conteúdo e usuário.
2) Uma abordagem centrada no usuário é fundamental, desde a pesquisa inicial até o monitoramento contínuo, para garantir que a experiência seja positiva em todos os pontos de contato com a marca.
3) Um bom design não é suficiente para uma boa experiência - é necessário validar
Este documento discute a importância da usabilidade e da prototipação em papel no desenvolvimento de software centrado no usuário. Ele explica como protótipos em papel podem ser usados para explorar ideias, comunicar designs e validar a eficiência de elementos de design antes de investir tempo e recursos em um produto final. Também fornece diretrizes sobre como identificar o que prototipar, criar protótipos em papel, planejar testes com usuários e analisar os resultados para melhorar o design.
A criação de produtos e soluções para o mundo dos dispositivos móveis, vai muito além do que o próprio problema que se deseja resolver. É um mundo onde o surgem novas dúvidas, questionamentos e um usuário final extremamente exigente e presente. Sendo assim, o objetivo deste conteúdo é compartilhar experiências na gestão de projetos de desenvolvimento de software no contexto mobile, apresentar a importância do desenvolvimento pensando no usuário final e apresentar questionamentos que devem ser considerados no desenvolvimento.
O documento discute a importância da experiência do usuário (UX) no desenvolvimento de produtos e serviços. Explica que UX envolve entender as necessidades e comportamentos dos usuários para melhorar a usabilidade e satisfação. Também descreve a evolução histórica da ênfase na experiência do usuário e as disciplinas envolvidas no design de UX.
Este documento analisa as abordagens para desenvolvimento de aplicativos móveis, comparando nativos e multiplataforma. A abordagem multiplataforma, usando a web, é a mais viável para startups validarem ideias de forma barata, rápida e em múltiplas plataformas ao mesmo tempo. Ferramentas como Apache Cordova, React Native e outros permitem desenvolver um aplicativo com um único código base para Android, iOS e outras plataformas.
Mini Curso Design de Dispositivo MoveisPaolo Passeri
Este minicurso aborda os principais tópicos para o desenvolvimento de interfaces para dispositivos móveis, incluindo entendimento dos dispositivos e usuários, definição das funcionalidades do aplicativo, padrões de interação, guias de interface do usuário, prototipação rápida e identidade visual. O curso é dividido em 60% de atividades práticas e 40% de conceitos teóricos.
Aula Mobile Marketing Trespontos - Como planejar campanhas de mídia mobileLuana Rodrigues Segatto
O documento discute planejamento de campanhas em dispositivos móveis, definindo marketing mobile como conjunto de ações que permitem comunicação e engajamento de consumidores de forma interativa através de dispositivos móveis. Apresenta números sobre acesso à internet e dispositivos móveis no Brasil e discute formatos, canais e estratégias de mídia mobile como banners, rich media, participação em plataformas e cross media.
O documento discute o design de interfaces naturais para dispositivos móveis, destacando que: 1) O acesso móvel ultrapassará o acesso desktop em 2015, exigindo novas abordagens de design; 2) Interfaces naturais permitem interação direta e invisível, diferentemente das interfaces gráficas; 3) É importante considerar o contexto de uso móvel, com telas menores e atenção fragmentada.
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...Harlley Oliveira
O documento apresenta recomendações de usabilidade para TV digital interativa baseadas na experiência dos usuários com celulares. As recomendações incluem navegação simples através de menus, entrada de dados sempre que possível por lista de opções pré-selecionadas, e textos, imagens e botões grandes e legíveis de longe. O documento conclui que é possível aproveitar a experiência dos usuários com celulares para desenvolver a interface de aplicativos para TV.
1) O documento discute a importância do conteúdo e das relações humanas na experiência do usuário na internet. 2) Estabelece que a usabilidade é importante, mas não é suficiente para garantir o sucesso de um produto, sendo necessário entender o "flow" e como as pessoas se engajam umas com as outras online. 3) Produtos como o Orkut e o Hattrick tiveram sucesso apesar de problemas de design porque permitiam conexões entre pessoas.
Guia de Boas Práticas ADMAG - Anúncios Full Page - MobileDaniela Mozer
Este documento fornece diretrizes para anúncios em revistas digitais para tablets e smartphones. Ele discute o uso do HTML5, características das plataformas móveis e dispositivos, recursos interativos como animação, acelerômetro, giroscópio e detecção de gestos, e métricas para medir o engajamento do público.
O documento discute 3 tópicos principais sobre vídeos criativos em um mundo digital:
1) Como as pessoas assistem vídeos em diferentes telas e por quanto tempo;
2) O que as pessoas pensam de anúncios em vídeo em cada tela e formato;
3) Como criar anúncios em vídeo que evitem que as pessoas pulam.
O documento discute o design e a usabilidade de dispositivos móveis, enfatizando a importância de (1) entender as necessidades e limitações dos usuários, (2) desenvolver protótipos para testar ideias de design iterativamente, e (3) avaliar os protótipos para aprimorar a experiência do usuário.
Mini Curso - Design de Interface para Dispositivos MóveisJane Vita
O design para dispositivos móveis se difere do design para outras interfaces de várias maneiras e a maioria destas diferenças estão relacionadas ao fato do usuário levar o dispositivo para qualquer lugar onde vai.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
O documento apresenta as etapas do processo de design de produtos e serviços, incluindo pesquisa de mercado, identificação de problemas e soluções, geração de ideias, criação de protótipos, concepção do conceito e apresentação final do produto concebido. O objetivo é ajudar profissionais e estudantes a serem mais criativos no desenvolvimento de produtos e serviços com maior chance de sucesso no mercado.
A importância do teste ab para o comércio eletrônico brasileiroJoão Victor Marques
O documento discute a importância dos testes A/B para o e-commerce brasileiro. Ele apresenta: 1) Uma breve história da internet e do comércio eletrônico no Brasil; 2) Conceitos de experiência do usuário (UX) como apreensibilidade, eficiência e satisfação; 3) Como os testes A/B podem comparar diferentes versões de um site para medir métricas como taxas de conversão.
O documento discute o uso de dispositivos móveis por jovens brasileiros. O smartphone é o dispositivo mais presente e útil devido à mobilidade e funcionalidades. Apps de comunicação, redes sociais e produtividade são os mais utilizados. A maioria dos jovens não paga por apps e prefere os gratuitos, embora alguns gastem até R$10 por mês. O consumo de conteúdo online é feito principalmente em plataformas gratuitas.
A dissertação avalia a usabilidade e arquitetura da informação do portal do IBGE por meio de testes com usuários. Os resultados mostraram que os usuários tinham dificuldades para encontrar informações devido à classificação ilógica dos dados e falta de clareza nas rotulagens. Foram sugeridas melhorias na estruturação e apresentação das informações para facilitar o acesso do público.
O documento discute o que é User Experience (UX) comparando-o com o conceito de usabilidade. Explica que UX é mais abrangente e envolve fatores como expectativas, percepções e contexto social, não se limitando apenas à eficácia, eficiência e satisfação durante o uso de um produto. Também fornece exemplos para ilustrar a diferença entre UX e usabilidade.
O documento discute o design de interação, definindo-o como a área do design especializada no projeto de artefatos interativos com foco nas relações humanas. Apresenta os objetivos do design de interação, que incluem assegurar a usabilidade dos produtos e melhorar a relação homem-máquina. Também resume brevemente a história do design e principais conceitos de usabilidade.
O documento discute regras gerais de usabilidade em aplicativos, incluindo instruções nas primeiras interações, atividades rápidas e simples, e prevenção de erros. Também fornece recomendações sobre texto, botões, navegação, listas, imagens, rolagem e animações em aplicativos.
UX e UI - Experiência e Interface aplicada no usuárioRenato Melo
O documento discute os conceitos de UX (Experiência do Usuário) e UI (Interface do Usuário), enfatizando a importância de focar na experiência do usuário ao projetar sites e aplicativos. Apresenta dicas como mapear os passos do usuário, definir metas de conversão claras e fazer protótipos para testar a usabilidade antes do lançamento.
UX e UI no Webdesign - Aula 02 - Webdesign - 2020Renato Melo
A apresentação discute UX (experiência do usuário) e UI (interface do usuário), enfatizando a importância de começar pelo usuário e não pela tecnologia. Explica como os perfis de usuários mudaram com o tempo e como a internet evoluiu para integrar anúncios, sites, SEO, mobile e redes sociais. Detalha os 5 passos do UX design e dicas práticas de UX e UI, como agrupar funções, destacar a conversão e usar menos elementos para não distrair o usuário.
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01Renato Melo
O documento discute UX (experiência do usuário) e UI (interface do usuário), explicando que UX é o processo de melhorar a satisfação e lealdade do cliente através da usabilidade, facilidade de uso e prazer da interação. UI é o processo de guiar visualmente o usuário através da interface de um produto. O documento fornece dicas sobre como aplicar UX e UI na prática, como simular os passos do usuário no site e definir metas concretas de conversão.
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
O documento discute experiência do usuário (UX) e interface do usuário (UI) na web. Apresenta como os usuários interagem com a internet de forma diferente dependendo da idade e como UX e UI melhoram a satisfação do cliente através de estratégias como simplificar formulários e destacar a conversão.
UX e UI no Webdesign - Aula 08 - Webdesign - 2019Renato Melo
O documento discute experiência do usuário (UX) e interface do usuário (UI) na web. Apresenta como a internet evoluiu para se tornar mais integrada e focada na conversão, e destaca a importância de começar pelo usuário. Também fornece dicas sobre UX e UI, como mapear a jornada do usuário e focar na usabilidade e conversão.
Aula Mobile Marketing Trespontos - Como planejar campanhas de mídia mobileLuana Rodrigues Segatto
O documento discute planejamento de campanhas em dispositivos móveis, definindo marketing mobile como conjunto de ações que permitem comunicação e engajamento de consumidores de forma interativa através de dispositivos móveis. Apresenta números sobre acesso à internet e dispositivos móveis no Brasil e discute formatos, canais e estratégias de mídia mobile como banners, rich media, participação em plataformas e cross media.
O documento discute o design de interfaces naturais para dispositivos móveis, destacando que: 1) O acesso móvel ultrapassará o acesso desktop em 2015, exigindo novas abordagens de design; 2) Interfaces naturais permitem interação direta e invisível, diferentemente das interfaces gráficas; 3) É importante considerar o contexto de uso móvel, com telas menores e atenção fragmentada.
Recomendações de usabilidade para TV Digital Interativa baseadas na experiênc...Harlley Oliveira
O documento apresenta recomendações de usabilidade para TV digital interativa baseadas na experiência dos usuários com celulares. As recomendações incluem navegação simples através de menus, entrada de dados sempre que possível por lista de opções pré-selecionadas, e textos, imagens e botões grandes e legíveis de longe. O documento conclui que é possível aproveitar a experiência dos usuários com celulares para desenvolver a interface de aplicativos para TV.
1) O documento discute a importância do conteúdo e das relações humanas na experiência do usuário na internet. 2) Estabelece que a usabilidade é importante, mas não é suficiente para garantir o sucesso de um produto, sendo necessário entender o "flow" e como as pessoas se engajam umas com as outras online. 3) Produtos como o Orkut e o Hattrick tiveram sucesso apesar de problemas de design porque permitiam conexões entre pessoas.
Guia de Boas Práticas ADMAG - Anúncios Full Page - MobileDaniela Mozer
Este documento fornece diretrizes para anúncios em revistas digitais para tablets e smartphones. Ele discute o uso do HTML5, características das plataformas móveis e dispositivos, recursos interativos como animação, acelerômetro, giroscópio e detecção de gestos, e métricas para medir o engajamento do público.
O documento discute 3 tópicos principais sobre vídeos criativos em um mundo digital:
1) Como as pessoas assistem vídeos em diferentes telas e por quanto tempo;
2) O que as pessoas pensam de anúncios em vídeo em cada tela e formato;
3) Como criar anúncios em vídeo que evitem que as pessoas pulam.
O documento discute o design e a usabilidade de dispositivos móveis, enfatizando a importância de (1) entender as necessidades e limitações dos usuários, (2) desenvolver protótipos para testar ideias de design iterativamente, e (3) avaliar os protótipos para aprimorar a experiência do usuário.
Mini Curso - Design de Interface para Dispositivos MóveisJane Vita
O design para dispositivos móveis se difere do design para outras interfaces de várias maneiras e a maioria destas diferenças estão relacionadas ao fato do usuário levar o dispositivo para qualquer lugar onde vai.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
O documento apresenta as etapas do processo de design de produtos e serviços, incluindo pesquisa de mercado, identificação de problemas e soluções, geração de ideias, criação de protótipos, concepção do conceito e apresentação final do produto concebido. O objetivo é ajudar profissionais e estudantes a serem mais criativos no desenvolvimento de produtos e serviços com maior chance de sucesso no mercado.
A importância do teste ab para o comércio eletrônico brasileiroJoão Victor Marques
O documento discute a importância dos testes A/B para o e-commerce brasileiro. Ele apresenta: 1) Uma breve história da internet e do comércio eletrônico no Brasil; 2) Conceitos de experiência do usuário (UX) como apreensibilidade, eficiência e satisfação; 3) Como os testes A/B podem comparar diferentes versões de um site para medir métricas como taxas de conversão.
O documento discute o uso de dispositivos móveis por jovens brasileiros. O smartphone é o dispositivo mais presente e útil devido à mobilidade e funcionalidades. Apps de comunicação, redes sociais e produtividade são os mais utilizados. A maioria dos jovens não paga por apps e prefere os gratuitos, embora alguns gastem até R$10 por mês. O consumo de conteúdo online é feito principalmente em plataformas gratuitas.
A dissertação avalia a usabilidade e arquitetura da informação do portal do IBGE por meio de testes com usuários. Os resultados mostraram que os usuários tinham dificuldades para encontrar informações devido à classificação ilógica dos dados e falta de clareza nas rotulagens. Foram sugeridas melhorias na estruturação e apresentação das informações para facilitar o acesso do público.
O documento discute o que é User Experience (UX) comparando-o com o conceito de usabilidade. Explica que UX é mais abrangente e envolve fatores como expectativas, percepções e contexto social, não se limitando apenas à eficácia, eficiência e satisfação durante o uso de um produto. Também fornece exemplos para ilustrar a diferença entre UX e usabilidade.
O documento discute o design de interação, definindo-o como a área do design especializada no projeto de artefatos interativos com foco nas relações humanas. Apresenta os objetivos do design de interação, que incluem assegurar a usabilidade dos produtos e melhorar a relação homem-máquina. Também resume brevemente a história do design e principais conceitos de usabilidade.
O documento discute regras gerais de usabilidade em aplicativos, incluindo instruções nas primeiras interações, atividades rápidas e simples, e prevenção de erros. Também fornece recomendações sobre texto, botões, navegação, listas, imagens, rolagem e animações em aplicativos.
UX e UI - Experiência e Interface aplicada no usuárioRenato Melo
O documento discute os conceitos de UX (Experiência do Usuário) e UI (Interface do Usuário), enfatizando a importância de focar na experiência do usuário ao projetar sites e aplicativos. Apresenta dicas como mapear os passos do usuário, definir metas de conversão claras e fazer protótipos para testar a usabilidade antes do lançamento.
UX e UI no Webdesign - Aula 02 - Webdesign - 2020Renato Melo
A apresentação discute UX (experiência do usuário) e UI (interface do usuário), enfatizando a importância de começar pelo usuário e não pela tecnologia. Explica como os perfis de usuários mudaram com o tempo e como a internet evoluiu para integrar anúncios, sites, SEO, mobile e redes sociais. Detalha os 5 passos do UX design e dicas práticas de UX e UI, como agrupar funções, destacar a conversão e usar menos elementos para não distrair o usuário.
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01Renato Melo
O documento discute UX (experiência do usuário) e UI (interface do usuário), explicando que UX é o processo de melhorar a satisfação e lealdade do cliente através da usabilidade, facilidade de uso e prazer da interação. UI é o processo de guiar visualmente o usuário através da interface de um produto. O documento fornece dicas sobre como aplicar UX e UI na prática, como simular os passos do usuário no site e definir metas concretas de conversão.
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
O documento discute experiência do usuário (UX) e interface do usuário (UI) na web. Apresenta como os usuários interagem com a internet de forma diferente dependendo da idade e como UX e UI melhoram a satisfação do cliente através de estratégias como simplificar formulários e destacar a conversão.
UX e UI no Webdesign - Aula 08 - Webdesign - 2019Renato Melo
O documento discute experiência do usuário (UX) e interface do usuário (UI) na web. Apresenta como a internet evoluiu para se tornar mais integrada e focada na conversão, e destaca a importância de começar pelo usuário. Também fornece dicas sobre UX e UI, como mapear a jornada do usuário e focar na usabilidade e conversão.
O documento discute o design de interação, definindo-o como a maneira como um produto proporciona ações entre pessoas e sistemas. Explora a história do design e objetivos do design de interação, como assegurar que produtos sejam usáveis, envolver usuários no processo de criação e criar sistemas que atendam às necessidades dos usuários. Também discute princípios e metas da usabilidade para criação de produtos interativos.
Mobile First (ou boas razões para investir em Mobile)Edu Agni
Palestra sobre Mobile First apresentada por Edu Agni para os funcionários do Banco do Brasil, no dia 30 de julho de 2015 em Brasília. O conteúdo da palestra foi dividido em duas partes: a primeira fazendo uma contextualização sobre o universo mobile, e a segunda parte tratando mais especificamente de design e Mobile First.
Assista ao vídeo em https://www.youtube.com/watch?v=XGV55AHTDa4
O documento discute a diferença entre usabilidade e experiência do usuário. Experiência do usuário é mais abrangente e inclui fatores como utilidade, facilidade de uso e satisfação do usuário antes, durante e depois do uso de um produto ou serviço. Usabilidade se concentra apenas na facilidade de uso durante a interação. Um exemplo é dado para ilustrar como a Apple obteve sucesso com o iPhone ao oferecer uma melhor experiência do usuário em comparação com outros smartphones.
Aprendizagem em iPads - 10 ideias brilhantesBruno de Souza
Qualquer dispositivo móvel pode ajudar no processo de aprendizagem: o iPad, simplesmente, é o atual líder. Ele oferece oportunidades únicas dentro de sala de aula e ajuda na transição de casa para a escola.
ErgoDesign e Arquitetura da Informação - Parte AFabiano Damiati
O documento discute ergodesign e arquitetura da informação. Ele define esses termos e explica que eles visam tornar interfaces fáceis de usar e informações acessíveis, entendendo como as pessoas usam sistemas. Também discute princípios como consistência, feedback e controle do usuário para criar interfaces intuitivas.
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Através da produção desse artigo é possível entender o cenário da nova forma de acesso a Internet.
O documento discute a importância do design centrado no usuário (UX design) para o sucesso de produtos. Explica que UX design envolve todos os aspectos que afetam a experiência do usuário com um produto e que é uma abordagem que considera tanto as expectativas dos usuários quanto dos negócios. Também destaca que falhas relacionadas a UX, como má definição de requisitos e comunicação deficiente entre desenvolvedores e usuários, são algumas das principais causas de insucesso de produtos de software.
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
1. O documento discute as heurísticas de Nielsen, um método de avaliação da usabilidade que define dez princípios para projetar interfaces intuitivas e fáceis de usar.
2. As dez heurísticas incluem visibilidade do status do sistema, compatibilidade com o mundo real, controle e liberdade do usuário, consistência e padronização.
3. O texto também explica como aplicar as heurísticas, passo a passo, para avaliar uma interface e melhorar a experiência do usuário.
Semiotica fundamentos da composição visual (atv07)aline totti
Este documento discute os fundamentos da composição visual e como eles afetam a comunicação. Explica que elementos visuais devem ser dispostos de acordo com a varredura natural dos olhos e a preferência pelo canto inferior esquerdo. Também discute como o nivelamento e o aguçamento de elementos podem chamar mais ou menos atenção. Conclui que interfaces devem respeitar os processos cognitivos dos usuários para serem bem-sucedidas.
O documento discute os conceitos de usabilidade e navegabilidade em interfaces digitais. Apresenta usabilidade como a facilidade com que as pessoas podem usar uma ferramenta para realizar tarefas, enquanto a navegabilidade refere-se à simplicidade e facilidade de uso de programas, websites e outros produtos digitais. Também fornece nove regras de ouro para projetar interfaces intuitivas e centradas no usuário, como consistência, prevenção de erros, feedback e limitar o número de opções em cada tela.
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
O documento discute o design centrado no usuário para interfaces digitais. Ele define o que é design, usuários e interfaces digitais. Também explica que o design centrado no usuário visa criar interfaces que atendam às necessidades dos usuários por meio de métodos como passar tempo com eles, educá-los e fazer perguntas corretas. Além disso, discute a importância de princípios de design, estudos de usabilidade e feedback dos usuários.
Deep Dive Material Design, e um pouquinho sobre mobile UXNelson Vasconcelos
O documento resume os principais pontos do Material Design da Google. Em três frases:
1) O Material Design tem como objetivos sintetizar princípios clássicos de design e permitir experiências unificadas em diferentes plataformas e dispositivos.
2) As guidelines do Material Design fornecem boas práticas para interação, convenções e personalidade, beneficiando usuários e empresas.
3) Seguir as guidelines trás benefícios como aumento de engajamento e vendas, mas é importante também testar com usuários e inovar dentro dos princípios
Semelhante a UX - User Experience (Experiência do usuário) para Mobile (20)
Deep Dive Material Design, e um pouquinho sobre mobile UX
UX - User Experience (Experiência do usuário) para Mobile
1. e B o o k
A P L I C A N D O U X
N O S E U A P L I C A T I V O
M O B I L E
Criado por
CAMILA MASSANEIRO
2. Criado por
e B o o k
A P L I C A N D O U X
N O S E U A P L I C A T I V O
M O B I L E
Publicado em 2020
CAMILA MASSANEIRO
1 Aplicando UX no seu aplicativo mobile
3. Tela do login.
Tela 1 call-to-action
Tamanho e tipo de fonte
Como as pessoas seguram o celular
Como as pessoas seguram o celular (Gráfico)
Como as pessoas seguram o celular (Imagens)
Conteúdo no centro da tela
Design visual dos cabeçalhos
Facilitar o acesso as tarefas
Alvo de toque com espaçamento
Faça que as ações pareçam mais rápidas
Facilitar a entrada de dados
Feedback
Notificações push
Cores
Cores
Índice
Copyright
Índice
Introdução
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
Dica I
Dica II
Dica III
Dica IV
Dica IV
Dica IV
Dica V
Dica VI
Dica VII
Dica VIII
Dica IX
Dica X
Dica XI
Dica XII
Dica XIII
Dica XIII
Autora
Referências
4. Aplicando UX no seu aplicativo mobile
Primeiramente vamos entender melhor o conceito UX – User Experience. Traduzindo
para o português ‘Experiência do Usuário’, pode ser entendida como resultado do
processo (digital ou físico) de criação de produtos úteis, cujo resultado gera uma
percepção positiva ou negativa. Segundo Donald Norman, UX envolve não somente
aspectos relacionados ao design mas também destaca os aspectos afetivos e
experienciais. Em resumo, é a busca por melhorar a experiência que as pessoas têm ao
interagir com seu produto e garantir que eles encontrem valor no que você está
entregando.
A autora Whitney Hess sintetiza a execução da UX com os seguintes passos:
• Definir o problema que precisa ser resolvido.
• Definir para quem esse problema precisa ser resolvido.
• Definir o caminho que deve ser percorrido para resolvê-lo.
Agora que você já definiu qual problema você quer resolver e para quem, eu separei algumas dicas
para você não errar na hora do desenvolvimento do seu aplicativo.
O que é UX?
Good design means never having to say "CLICK HERE".
Shawn Leslie, Product Designer at Digital Telepathy.
3
5. Vamos começar com a tela de login, minimizar a entrada de
dados é uma prática recomendada e importante de UX móvel.
Essa é uma área em que dar às pessoas a opção de usar uma de
suas contas existentes (como uma conta do Facebook, Google
ou Twitter) em vez de se inscreverem do zero pode melhorar
muito as conversões.
01)
Uma dica: outra dica interessante e que será tendência é habilitar no seu
aplicativo o acesso do usuário por biometria.
4 Aplicando UX no seu aplicativo mobile
6. Uma restrição que os designers enfrentam com o design de
UX móvel é o tamanho limitado da tela, com essa restrição de
janela única o design deve ser autossuficiente. Tudo o que
precisa ser feito pelo usuário deve ser feito em uma única tela ou
janela. Quando os usuários precisam sair de aplicativos ou abrir
novas telas, isso aumenta a carga cognitiva geral e isso significa
que as coisas se tornam muito complexas e frustrantes.
02)
Uma dica: Crie cada tela para realizar uma única ação apenas, com no
máximo 1 call-to-action. Isso facilita o aprendizado, o uso, e acréscimo ou
aprimoramento (de novas características) quando necessário.
5
Aplicando UX no seu aplicativo mobile
7. E já que o tamanho da tela é uma restrição para aplicação móvel é
muito importante fornecer uma experiência com texto legível e
consistente em todos os tipos de dispositivos móveis.
Em geral um smartphone típico fica a cerca de 30 cm dos olhos, já
tablets maiores como um iPad original a tela fica quase um braço de
distância. Para classes de dispositivo específicas, podemos determinar o
tamanho mínimo do tipo e as diferenças mínimas nos tamanhos do tipo
que usamos para hierarquias, como subtítulos.
Aplicando UX no seu aplicativo mobile6
03)
Uma dica: Ofereça suporte a todos os tipos de entrada - especialmente se você
estiver criando sites responsivos ou pretender criar um aplicativo para tablets e
celulares. Para uma legibilidade ideal, ajuste os tamanhos de tipo, ícones, caixas de
texto, caixas de seleção e botões para acomodar a distância típica da tela dos olhos
do usuário para uma classe de dispositivo específica.
8. Um estudo feito por Steven Hoober e descrito Design for Fingers, Touch e
People, revelou que 75% dos usuários tocam a tela com apenas um polegar. No
entanto descobriu-se que as pessoas interagem com seus dispositivos de
maneira diferente, dependendo de como os mantêm, o que posteriormente
afeta o design de UX móvel. Acontece que os usuários preferem o centro da tela
e não gostam de clicar nos itens que estão muito próximos das bordas.
7 Aplicando UX no seu aplicativo mobile
04)
A Figura 1 mostra vários métodos de espera e toque.
9. Independentemente do tipo de dispositivo com tela sensível ao toque, as
pessoas preferem tocar no centro da tela.
8 Aplicando UX no seu aplicativo mobile
A Figura 2 é um gráfico mostrando como as pessoas mudam de posição para
tipos específicos de interações, dependendo da tarefa e do contexto.
10. 9 Aplicando UX no seu aplicativo mobile
A Figura 3 mostra um mapa de calor das posições de toque reais dos usuários ao
selecionar itens em uma lista de rolagem em tela cheia.
Uma dica: Já que o estudo mostra que 75% tocam somente com um polegar
certifique-se de que seu app pode ser facilmente (e totalmente) usado em uma tela
grande com uma mão. Coloque opções de navegação dentro do alcance do
polegar.
11. As pessoas preferem visualizar o conteúdo no centro da tela. Além disso,
eles percebem o conteúdo no meio da tela mais rapidamente e o leem com
mais precisão. Ao criar conteúdo que role ou ocupe toda a janela de exibição,
lembre-se de preencher a parte inferior das páginas do artigo ou formulário,
para que os usuários possam trazer a última linha de texto ou o último campo
para o meio da tela. Caso contrário, os usuários ainda tentarão mover o
conteúdo para o meio da tela, desperdiçando seu tempo, aumentando sua
frustração e fazendo com que se sintam um pouco mais insatisfeitos.
10 Aplicando UX no seu aplicativo mobile
05)
Uma dica: Permitir que o conteúdo role para o meio. Portanto, forneça espaço extra
na parte inferior de uma página para permitir que os usuários rolem o último
conteúdo para o meio da janela de exibição.
12. O design visual dos cabeçalhos das páginas reflete sua
hierarquia, com o uso principal de uma combinação de fotografia
e imagem para atrair a atenção. Quanto maior a profundidade,
maior a hierarquia visual.
06)
Uma dica: A hierarquia visual pode ser projetada para praticamente todos os
elementos da linguagem visual de uma marca: composição, tipografia,
profundidade, imagem, iconografia e tom de voz. Quanto mais profundo o
design, mais coesa e focada será a experiência do cliente.
11
Aplicando UX no seu aplicativo mobile
13. Usuários de dispositivos móveis têm objetivos definidos.
Eles esperam poder obter o que precisam imediatamente.
07)
Uma dica: Facilite o acesso as tarefas mais comuns do usuário.
12 Aplicando UX no seu aplicativo mobile
14. Uma coisa que pode deixar o usuário ficar fisicamente
irritados e começar a bater em seus dispositivos móveis quando
tocam em algo e ele não responde. Um estudo realizado no MIT
descobriu que eles estavam tocando em algo que tinha um alvo
de toque muito pequeno . Uma prática recomendada é criar
controles, botões, links etc. (qualquer coisa que seja um alvo de
toque) com pelo menos 7 a 10 mm, que é a largura média da
ponta dos dedos. Também é uma boa ideia garantir que haja um
amplo espaçamento entre esses elementos da interface do
usuário.
08)
Uma dica: Itens selecionáveis devem ser grandes o suficiente para serem
tocados confortavelmente.
13 Aplicando UX no seu aplicativo mobile
15. 14 Aplicando UX no seu aplicativo mobile
09)
Tente ao máximo fazer um aplicativo rápido e responsivo. Crie
características no background que façam com que as ações pareçam
mais rápidas. Um bom exemplo disso é o upload de fotos no
instagram. Logo após o usuário escolher e editar a foto a ser postada,
é iniciado o upload.
16. 15 Aplicando UX no seu aplicativo mobile
10)
Facilite o usuário na entrada de dados. Quando um
aplicativo desacelera o processo, solicitando muitas informações antes
de fazer qualquer coisa útil, as pessoas ficam desanimadas
rapidamente e podem até abandonar o aplicativo por completo.
Quando possível, apresente escolhas. Torne a entrada de dados o mais
eficiente possível.
Uma dica: Considere usar um seletor ou tabela em vez de um campo de
texto, por exemplo, porque é mais fácil escolher em uma lista de opções
predefinidas do que digitar uma resposta.
17. Aplicativos bem projetados nos mantêm informados à
medida que interagimos com eles. A falta de um bom feedback
pode confundir os usuários e fazer com que questionem se algo
aconteceu, está acontecendo ou porque aconteceu / não
aconteceu.
11)
Uma dica: Uma prática recomendada é usar diferentes formas de feedback
(som, visualizações), com base no elemento da interface do usuário ou no
estado atual do aplicativo.
16 Aplicando UX no seu aplicativo mobile
18. Cuidado ao enviar notificações push. Todos os dias,
usuários são bombardeados com informações desnecessárias
isso distrai eles das atividades do dia-a-dia e fica absolutamente
chato. Notificações irritantes são a principal razão pela qual as
pessoas desinstalam aplicativos móveis (71% dos entrevistados).
12)
Uma dica: Diversifique suas mensagens. Assim, suas mensagens irão
trabalhar juntas em perfeita harmonia para criar uma boa experiencia de
usuário.
17 Aplicando UX no seu aplicativo mobile
19. 18 Aplicando UX no seu aplicativo mobile
13)
Uma regra que pode ajudar você a unir cores de uma forma
mais fácil é antes de iniciar o projeto selecionar 3 cores principais.
Leve em consideração as cores relacionadas à marca e sua
comunicação de uma forma geral. A partir dessa definição, divida as
três cores selecionadas dentro da regra 60–30–10, onde 60% é a
tonalidade dominante, 30% é a cor secundária e 10% é para a cor de
destaque.
Uma dica: Essa proporção ajuda a dar equilíbrio às cores e ao projeto. Com
ela, você tende a obter melhores resultados se mantiver no máximo três cores
primárias em sua interface.
20. Se você ainda não definiu a cor da sua marca, aqui vai um
compilado de significados e significantes comumente ligados a
determinadas cores feito por especialistas do No Film School:
• Vermelho: raiva, paixão, fúria, ira, desejo, excitação, energia,
velocidade, força, poder, calor, amor, agressão, perigo, fogo,
sangue, guerra, violência
• Rosa: amor, inocência, saúde, felicidade, satisfação,
romantismo, charme, brincadeira, leveza, delicadeza,
feminilidade
• Amarelo: sabedoria, conhecimento, relaxamento, alegria,
felicidade, otimismo, idealismo, imaginação, esperança,
claridade, radiosidade, verão, desonestidade, covardia, traição,
inveja, cobiça, engano, doença, perigo
• Laranja: humor, energia, equilíbrio, calor, entusiasmo,
vibração, expansão, extravagância, excessivo, flamejante
• Azul: fé, espiritualidade, contentamento, lealdade, paz,
tranquilidade, calma, estabilidade, harmonia, unidade, confiança,
verdade, confiança, conservadorismo, segurança, limpeza,
ordem, céu, água, frio, tecnologia, depressão
• Preto: não, poder, sexualidade, sofisticação, formalidade,
elegância, riqueza, mistério, medo, anonimato, infelicidade,
profundidade, estilo, mal, tristeza, remorso, raiva
• Branco: sim, proteção, amor, respeito, mesura, pureza,
simplicidade, limpeza, paz, humildade, precisão, inocência,
juventude, nascimento, inverno, neve, bom, esterilidade,
casamento (culturas ocidentais), morte (culturas orientais), frio,
clínico, estéril
19 Aplicando UX no seu aplicativo mobile
21. 20 Aplicando UX no seu aplicativo mobile
Agora é colocar a mão na massa. Eu espero ter ajudado você a
entender melhor o que é UX e melhorar o visual e o design do seu
aplicativo mobile.
CAMILA MASSANEIRO
Para mais dicas é só me seguir em:
YouTube: Cami Massaneiro
Instagram: @camimassaneiro
E-mail: massaneirocamila@gmail.com
22. R E F E R Ê N C I A S
https://nofilmschool.com/2016/06/watch-psychology-color-film
https://www.toptal.com/designers/ux/mobile-ux-design-best-practices
https://www.uxmatters.com/mt/archives/2017/05/design-for-fingers-touch-
and-people-part-2.php
https://brasil.uxdesign.cc/como-usar-as-cores-em-ui-design-9e145cb21664
https://usemobile.com.br/7-dicas-sobre-design-de-aplicativos-mobile/
CAMILA MASSANEIRO
21 Aplicando UX no seu aplicativo mobile