ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
2
3
4
Design QA
5
6
7
8
Sobre o Design QA


Para que os componentes possam ser compartilhados com todo o time, ele deve passar por todas as etapas do QA, dentro de cada item da lista de componentes, temos um Check list contendo tudo que deve ser revisado, após passar por cada item desta lista, caso o componente tenha alguma ocorrência, o responsável pela análise deve adicionar um comentário descrevendo os o problemas e/ou melhorias a serem feitos.



Como adicionar comentários


1. Selecione a célula com o nome do componente;

2. Clique com o botão direito do mouse e selecione a opção "Comentário" ou utilize o atalho ⌘ + Option + M no Mac ou Ctrl + Alt + M no Windows.



Como adicionar printscreens nos comentários


1. Para tirar um print de uma área da tela, utilize o atalho ⌘ + Ctrl + Shift + 4 no Mac ou Windows + Shift + S no Windows;

2. Acesse https://imgur.com/;

3. Utilize o atalho ⌘ + V no Mac ou Ctrl + V no Windows para colar o prints. Feito isso, o upload do print iniciará;

4. Quando terminado o upload, passe o mouse em cima do print e clique em "Copy Link";

5. Cole o link do print no comentário.		Design Checklist

Esses são os tópicos que devem ser abordados na inspeção de cada componente
listado na lista 'Components QA':

Design Tokens: Todos os componentes devem estar consumindo nossos Design Tokens, caso contrário a decisão deverá ser documentada no handoff.

Sizing & Responsiveness: Os componentes devem respeitar as dimensões e responsividade indicadas no handoff.

States: Alguns componentes possuem estados diversos e devem seguir os estilos indicados no handoff.

Interactions & Transitions: Os componentes que tiverem interações e/ou transições, devem ser testados levando em consideração a interação prevista e o desempenho em diferentes dispositivos.

Accessibility: Os componentes devem obedecer alguma regras básicas de acessibilidade, garantido que todas as pessoas consigam interagir com ele.

Browser & Device testings: Todos os componentes devem ser testados em todos dispositivos e/ou browser definidos no escopo do projeto.

Navigation & Conditions: Componentes que direcionam ou que possuam condições que ditam o comportamento de outros elementos devem ser analisados para garantir o funcionamento do fluxo.

Theme & Context: Os componente devem ter seus estilos analisados de acordo com o tema e/ou contexto quando fizer parte do escopo está variação.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100