Escopo
Dispositivo: mobile
Destino: página de índice de chat
Olá a todos,
Estou trabalhando na revisão da página de índice de chat para dispositivos móveis e, após iterar por um tempo, gostaria de pedir à nossa comunidade para dar uma olhada nas propostas atuais, para descobrir se algo ressoa e, se não
, se algum feedback pode me ajudar a melhorá-las.
Estes são mockups de alto nível de algumas ideias com as quais estou brincando. Qualquer feedback sobre a usabilidade ou aparência geral deles é muito bem-vindo. (Feedback sobre cores ou alinhamentos e similares, menos, pois ainda é um trabalho em andamento.)
Design atual
Exemplo como lembrete
Problema
Enquanto não houver muitos canais ou DMs, tudo funciona bem. No entanto, quando a lista de canais fica muito longa, as DMs são empurradas para fora da tela.
Isso leva a uma UX desagradável:
- DMs não lidas, argumentavelmente a parte mais importante da página de índice de chat, estão sempre fora da tela e exigem rolagem.
- Especialmente quando você está alternando entre 2 ou mais DMs, ter que rolar para baixo toda vez para chegar ao seu chat em andamento é bastante irritante.
Novas propostas de design
Estou experimentando alguns setups, cada um com seus prós e contras.
Design 1: Layout horizontal para DMs
O que está acontecendo aqui?
- As DMs estão todas no topo, navegação via rolagem horizontal
- DMs são ordenadas por não lidas > mais recentes > menos recentes
- Os canais estão como estão abaixo da seção de DMs
Este layout torna mais difícil encontrar uma DM específica, então adicionaríamos uma função de pesquisa que aparece ao rolar para trás ou outro mecanismo (mas que não ocupa espaço permanentemente):
Prós e Contras (que consigo ver)
Fácil acesso a DMs não lidas
Nome completo e membros do grupo não são mais visíveis
Status do usuário e carimbo de data/hora não são mais visíveis
Rolagem horizontal não é tão divertida =\u003e pesquisa ajuda
Design 2: Uma lista mista
O que está acontecendo aqui?
- DMs e canais coexistem pacificamente em 1 visualização de lista
- A ordem de classificação é feita assim, com DMs não lidas e canais não lidos em seções “separadas” porque DMs têm a maior prioridade, e eu não quero que elas sejam empurradas para baixo por categorias que um usuário potencialmente nunca limpa (sou culpado disso).
- Adicionado um ícone personalizado opcional para um canal em vez do ícone de chat padrão.
- Isso também poderia se beneficiar de uma função de pesquisa (não mostrada)
Prós e Contras (que consigo ver)
Fácil acesso a DMs não lidas
Nome completo ou membros do grupo visíveis
Status do usuário e carimbo de data/hora visíveis
Misturar DMs e canais é menos escaneável =\u003e pesquisa ajuda
Design 3: Abas
O que está acontecendo aqui?
- Seguindo um caminho diferente aqui usando 2 visualizações separadas com rodapé para alternar
- Os canais poderiam ser classificados por mais recentes também, em vez de alfabeticamente. Isso também é verdade para o design #1. Estou considerando tornar isso uma opção de preferência do usuário.
Prós e Contras (que consigo ver)
Acesso mais fácil a DMs não lidas
Nome completo ou membros do grupo visíveis
Status do usuário e carimbo de data/hora visíveis
Não consigo ver tudo em uma única visualização
Hora do feedback
Se você ainda está aqui, ótimo, obrigado ![]()
1. Vote no que tiver sua preferência
Múltiplas opções possíveis.
Eu prefiro…
- O design atual
- Design #1: Layout horizontal
- Design #2: Uma visualização de lista
- Design #3: Abas
Eu gosto de ver canais classificados por…
- Classificar alfabeticamente
- Classificar por não lidas > mais recentes > menos recentes
2. Compartilhe quaisquer ideias, inspirações, falhas que você notar ou feedback geral que tiver nos comentários
Obrigado a todos!




