Proposta de design de chat: enquete + buscando feedback

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 :melting_face:, 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)

:white_check_mark: Fácil acesso a DMs não lidas
:x: Nome completo e membros do grupo não são mais visíveis
:x: Status do usuário e carimbo de data/hora não são mais visíveis
:x: 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)

:white_check_mark: Fácil acesso a DMs não lidas
:white_check_mark: Nome completo ou membros do grupo visíveis
:white_check_mark: Status do usuário e carimbo de data/hora visíveis
:x: 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)

:white_check_mark: Acesso mais fácil a DMs não lidas
:white_check_mark: Nome completo ou membros do grupo visíveis
:white_check_mark: Status do usuário e carimbo de data/hora visíveis
:x: Não consigo ver tudo em uma única visualização

Hora do feedback

Se você ainda está aqui, ótimo, obrigado :slight_smile:

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
0 voters

Eu gosto de ver canais classificados por…

  • Classificar alfabeticamente
  • Classificar por não lidas > mais recentes > menos recentes
0 voters

2. Compartilhe quaisquer ideias, inspirações, falhas que você notar ou feedback geral que tiver nos comentários

Obrigado a todos!

11 curtidas

Uma pequena ideia: você pode adicionar uma função de canal fixado, para que o administrador possa organizar a importância do canal?

9 curtidas

E quanto fixar “Chat pessoal” não lido no topo da gaveta de chats?

Acabamos de receber o seguinte feedback de um dos nossos membros:

Uma mensagem direta de outra pessoa. Por exemplo, você me envia uma mensagem. Há uma notificação na bolha de chat dizendo 1 para indicar que recebi uma mensagem. Eu abro o chat e tenho que rolar por todas as outras áreas de tópico para chegar à sua mensagem. Acho que seria mais fácil encontrá-la se uma mensagem pessoal não lida estivesse no topo quando aberta. Espero que faça sentido.

Pensei que fosse uma boa ideia. Encontre uma maneira de exibir primeiro quaisquer mensagens de chat pessoal não lidas e, em seguida, “Canal de chat” e, em seguida, “Chat pessoal”.

(Não acho que seja uma postagem duplicada, pois não encontrei nenhuma ainda, mas me pergunto se isso já foi mencionado antes).

3 curtidas

Reconheço o “problema” de rolagem horizontal no primeiro design, mas gostei. Não uso muitas mensagens de chat diretas, então ter as 5 últimas discussões ativas seria suficiente para mim. Ver todas as outras discussões em que não estou atualmente ativo (ou notificado) seria de pouco interesse, então isso não deveria me incomodar. Certamente pode ser um pouco irritante para pessoas que usam muito o chat. O design é :fire: embora.

2 curtidas

Um detalhe muito importante que gostaria de adicionar é que ter os canais agrupados por categoria pai (se mais de um canal foi definido para dita categoria, ou existem canais definidos para suas categorias filhas), tornaria tudo mais fácil de seguir e organizar :pray:

1 curtida