Época especial -- UI para App Agregadora de Serviços Vídeo
| Disponível: 13 de Julho de 2021 |
| Entrega: até dia 30 de Julho até às 23h59, via Fenix |
| Desafio: criação de uma interface gráfica (UI) para uma App móvel agregadora de serviços vídeo (Twitch, YouTube, Vimeo, TikTok, etc.) |
| Resultado esperado: um protótipo de média-fidelidade (implementado em figma.com) que permita: i) adicionar as contas do utilizador em vários serviços vídeo; ii) consultar os novos vídeos disponíveis; iii) subscrever a novos canais ou páginas; e iv) criar playlists que combinem vídeos de vários serviços distintos |
| Avaliação: 0-20 valores, processo de desenho (vídeo) e protótipo Figma |
1. Desafio
O objetivo deste projeto é criar uma interface gráfica para uma aplicação móvel (App) agregadora de serviços vídeo (Twitch, YouTube, Vimeo, TikTok, etc.). É esperado um protótipo de média fidelidade (PMF) com uma interface fácil, rápida, e apelativa.
2. Funcionamento e tarefas
Este projeto é um desafio de design em aberto. É crucial que iniciem um processo iterativo de ideação-prototipagem-teste desde o primeiro dia. A utilização de storyboards e protótipos em papel é fundamental para que consigam realizar várias iterações, rapidamente. É expectável que realizem pelo menos 3 iterações com um protótipo de baixa-fidelidade (PBF), usando as técnicas descritas nas aulas teóricas e de laboratório (especialmente o segundo laboratório) e apenas na fase final implementem o PMF.
O vosso protótipo tem de suportar as seguintes funcionalidades e tarefas:
Adicionar as contas do utilizador em vários serviços vídeo. Adicione a sua conta YouTube à aplicação.
Consultar os novos vídeos disponíveis desde a última interação com a aplicação. Quantos novos vídeos estão disponíveis por serviço desde a sua última interação com a aplicação?
Subscrever a novos canais ou páginas (por serviço vídeo). Subscreva a um novo canal no YouTube.
Criar playlists que combinem vídeos de vários serviços de vídeo distintos. Crie uma playlist com vídeos de pelo menos três serviços de vídeo distintos (YouTube, Twitch, e TikTok; etc.)
3. Recomendações
Não comecem o processo de desenho com ferramentas de média fidelidade - correm o risco de demorarem mais tempo, não conseguirem fazer iterações suficientes, e terminarem com uma solução menos criativa e adequada. Em vez disso, iterem sobre o PBF.
Um protótipo de média fidelidade não tem de implementar a funcionalidade do sistema. O vosso foco deverá ser na organização da informação, fluxo de utilização, e desenho de ecrãs. Apesar do protótipo funcionar para um número restrito de tarefas (ver '2. Funcionamento e tarefas'), a interface pode demonstrar elementos que ilustrem outras funcionalidades mesmo que não acessíveis (conta do utilizador, etc).
4. Recursos e Ferramentas
O PBF será construído utilizando papel e cartão. Os elementos individuais da interface (botões, campos de texto, listas, etc.) podem ser desenhados utilizando lápis, canetas ou marcadores, e recortados com tesoura e x-ato. Depois devem ser organizados sobre uma base que é comum a todos os ecrãs da aplicação.
O protótipo de média fidelidade será construído com a ferramenta Figma (www.figma.com):
Registem a vossa conta como estudante (usando o email oficial do IST - user@tecnico.ulisboa.pt) através deste link;
4.1 Tutoriais:
4.2 Desenho para dispositivos móveis:
A chave para o sucesso está no processo de desenho: idear-prototipar-iterar. Lembrem-se dos dois mantras de IPM: (1) vocês não são os utilizadores, e (2) conheçam os vossos utilizadores.
5. Submissão
A submissão tem de ser feita até dia 30 de Julho até às 23h59 via Fenix: um documento com o seguinte formato istxxxxxx.txt e contendo apenas dois links:
Link para o protótipo Figma - no Figma ir a File > Share > Copy Link (Anyone with the link can view);
Link para vídeo YouTube (Unlisted) com a descrição do processo de desenho e solução final (com captions ou voice-over). A captação de vídeo com o telemóvel é suficiente já que a avaliação não contempla a qualidade de gravação ou edição. Por outro lado, o vídeo deve conter:
Storyboards e protótipo de baixa-fidelidade (PBF) iniciais;
Três iterações sobre o PBF. Cada iteração deve descrever:
O novo PBF e o porquê das novas mudanças (com base na iteração anterior)
O(s) método(s) usados na nova avaliação
O número e descrição dos participantes (pelo menos três por iteração)
Uma descrição de como esta nova avaliação decorreu
O tempo de conclusão médio de cada uma das tarefas
Uma pequena amostra vídeo de um ou mais participantes durante os testes ao vosso prototótipo
O vídeo não deve ultrapassar os 5 minutos.