O documento discute as regras de usabilidade para o desenvolvimento de aplicativos e wireframes. Ele fornece 6 regras gerais de usabilidade, como ser objetivo, usar menos é mais, deixar sua marca, cuidar do layout, ser responsivo e ir direto ao ponto. Ele também explica o que é um wireframe e como pode ser usado no início do processo de desenvolvimento para estabelecer a estrutura básica de uma página.

1. WIREFRAM
E
Em aplicativos
RENATO MELO - 2022

2. O QUE É USABILIDADE?

3. USABILIDADE
AS 6 REGRAS

4. #1 – Seja Objetivo
Por que o Chrome se
tornou mais utilizado que
o Internet Explorer? o fato
de que o primeiro
consegue ser o mais
objetivo quanto possível.
Ao abri-lo, o usuário se
depara apenas com a
barra de navegação, já
integrada ao mecanismo
de busca. Todas as outras
funcionalidades ficam no
background do layout.

5. #2 – Menos é Mais
Um aplicativo com
excesso de botões e
funcionalidades confunde
o usuário e, muito
provavelmente, será
preterido em função de
outros mais bem
projetados nesse aspecto.

6. #3 – Deixe sua
marca
Seu aplicativo deve conter
um diferencial que o
destaque em meio às
outras opções em seu
nicho.

7. #4 – Cuide do seu
layout
Dê especial atenção na
composição das cores e
fontes. Uma interface
visualmente agradável
pode conquistar o usuário
ao primeiro contato.

8. #5 – Seja
responsivo
O aplicativo não deve
rodar bem somente no seu
celular. Há vários tipos de
tela, proporções e
dimensões. Certifique-se
que o seu app se ajuste
em qualquer situação.

9. #6 – Vá direto ao
ponto
Especificidade é a palavra-
chave! Foque na tarefa à
qual o app se propõe a
executar e não inclua um
canivete suíço na sua
criação.

10. WIREFRAME

11. Wireframe é uma representação visual em
escala de cinza da estrutura e funcionalidade de
uma única página web ou uma tela de um app.

12. Wireframes são usados ​​no
início do processo de
desenvolvimento para
estabelecer a estrutura básica
de uma página antes de
acrescentar o design visual e
conteúdo, e podem ser
criados usando papel, em
HTML/CSS ou usando
aplicativos de software.

13. USABILIDADE
STREAMING

14. 1ª DOBRA

15. 2ª DOBRA

16. Após um período de testes no portal SBT
Vídeos, o SBT quer inovar lançando uma
plataforma por assinatura por apenas R$9,90
mês.

17. Briefing para Wireframe:
- Fácil e divertido de usar, como o Netflix
- Usar os programas e sessões da SBT
Vídeos
- Criar em Photoshop ou PowerPoint
- Medida Photoshop: 1080x1920 pixels (sem
contar a rolagem para o lado ou para baixo)
- Medida PowerPoint: Design-Configurar
Página: 27,43 x 48,77 cm

18. WIREFRAM
E
Em aplicativos
RENATO MELO - 2022