T06
Redesign do WebConf (BigBlueButton)
Data de entrega: 17/06 (até ~1 hora antes da aula)
Resumo: Após observar características e problemas da plataforma WebConf, vamos fazer um redesign da interface do WebConf visando aprimorar sua usabilidade e experiência. O novo protótipo deve ser de baixo nível, usando papel ou wireframes.
Descrição
Esse é um trabalho em grupo para redesign da plataforma BibBlueButton (BBB). Vocês podem testar essa plataforma pelo link https://bigbluebutton.org/.
Vimos em aula algumas características do BBB. Dentre os principais problemas levantados podemos citar:
- BBB página inicial
- complexa. Vários settings com baixa visibilidade (recursos ficam escondidos). Falta "juice" (?!)
- ícone do telefone é útil, mas confuso. talvez um autofalente?
- visibilidade do estado dos alunos durante uma apresentação.
- o apresentador não consegue ver a "mãozinha" levantada
- o aluno não consegue ver que clicando em seu nome pode modificar o seu estado ou levantar a mão
- enquetes (polls)
- visibilidade durante votação e resultado pode ser melhorada
- oferecer mais opções "interativas"
- arrastar (ex: mostrar o cursor com um avatar)
- desenhar e escrever (ex: colaborativamente ativando o whiteboard comunitário)
- whiteboard
- não permite criar páginas novas em branco. É preciso prever as páginas no PDF a ser carregado.
- recursos de anotação bons, mas limitados.
- sugestões: incluir imagem, controlar opacidade (transparência)
- seria interessante permitir vários alunos desenhar no whiteboard simultaneamente
- Breakout room (BR)
- transições abruptas ao retornar. Poderia haver um aviso, alarme, timer mais visível
- tornar mais evidente que o primeiro elemento de BR é o apresentador da sala
Cenário
Georgia, professora de Geometria Projetiva, percebeu que ao menos 4 dos seus 23 alunos e alunas estavam confusos com relação à construção geométrica que estava desenvolvendo. Resolveu interromper a aula para fazer um enquete sobre quantos gostariam de rever o tópico. Como 16 responderam que gostariam de rever, ela resolveu dividir os alunos em 5 breakout rooms (BR) e deu 10 minutos para que cada grupo discutisse a solução desenhando no whiteboard de cada BR. Ao final dos 10 minutos, Georgia sorteou um grupo para que apresentasse a sua construção. A apresentação gerou perguntas de várias outras alunas e alunos, que gerou a discussão por parte de outros grupos que também quiseram mostrar suas soluções. Ao final todos viram que existem várias soluções e aplaudiram a apresentação.
A professora Georgia é professora a mais de 15 anos e sempre está disposta a experimentar novas tecnologias. Devido a situação de distanciamento social, fica preocupadíssima com o bem estar de seus alunos e alunas e também com a qualidade e profundidade do aprendizado.
Redesign
-
Parte individual: Cada um deve começar o processo individualmente, iniciando o redesigns a partir da tela inicial do BBB e abordando as demais funcionalidades para tornar possível o cenário adotado para esse trabalho.
- Sugestão: seu redesign precisa cobrir apenas 3 problemas de usabilidade/UX. Justifique antes de iniciar seu design quais 3 problemas você quer tratar no redesign.
-
Após cada aluno concluir sua parte individual, reúna-se em grupo para discutir e avaliar os designs individuais. Observe que os problemas tratados podem ser distintos.
- Lembre-se de criticar as interfaces de seus colegas de forma construtiva.
- Anote e entregue uma lista de críticas de usabilidade/experiência de cada interface individual.
-
Desenvolvam um novo design que reúna as boas ideias, talvez inclua algumas novas, e minimize os problemas. O novo design deve reunir TODAS as sugestões, aprimoradas talvez, dos designs individuais.
-
A interface (suas telas, etc) pode ser em papel ou na forma de wireframes usando, por exemplo, o Pencil ou outra ferramenta para criar wireframes.
O que você deve entregar
Um arquivo PDF com a apresentação/relatório das suas interfaces individuais e em grupo. A apresentação será durante a aula de 17/06 e deverá ter duração de 10 minutos. Procure usar bastante figuras e pouco texto para apresentar e justificar suas ideias.
Sugestão para organizar seu relatório e apresentação:
- Capa
- [<1 min] Introdução
- [~2-3 min] Mostração das interfaces individuais. Liste os 3 problemas escolhidos por cada um, mas mostre apenas os pontos fortes e fracos de cada design. Não precisa mostrar todas as telas de cada um.
- [4-5 min] Design final do grupo com justificativas da solução.
Avaliação do relatório/apresentação
- 25% organização e fluidez da apresentação
- Qualidade estética dos slides
- Tempo: garanta que sua apresentação tenha a duração esperada mais ou menos 1 minuto.
- Clareza e objetividade na exposição: todos devem entender a mensagem.
- Conhecimento do trabalho: estar pronto para responder perguntas e apresentar detalhes sobre o trabalho.
- 25% Mostração e crítica dos trabalhos individuais
- 50% Relevância, justificativa e qualidade do design do grupo para realizar as atividades do cenário.