100 coisas que um designer de UX / UI deve saber

O arquiteto Michael Sorkin morreu recentemente de coronavírus e, em homenagem à sua bela peça 250 coisas que um arquiteto deveria saber , compilei uma lista de 100 coisas que um designer de UX / UI deveria saber.

Alguns são práticos, outros são poéticos; todos prestam homenagem à maravilhosa complexidade de projetar coisas para nossos semelhantes.

1. O tamanho angular do texto legível
2. Como usar o amarelo como uma cor de marca
3. Os melhores padrões para exibir tabelas em dispositivos móveis
4. Como treinar um cliente para lhe dar um bom feedback
5. O que seus usuários estariam fazendo se não estivessem usando seu aplicativo
6. Quanto tempo uma animação de alto nível deve durar, em milissegundos
7. O que é “lixo eletrônico do gráfico”
8. A maior coisa que diminui o tempo de carregamento do seu site
9. Qual é o viés de iluminação de cima para baixo
10. Pontuação de suspensão
11. Por que certas cores se chocam
12. A taxa de mercado para participantes de testes de usabilidade (sessão de 60 minutos)
13. Como era o melhor design de 1000 anos atrás
14. Como fazer um design que será entendido 10.000 anos no futuro
15. Como os sites ganham dinheiro
16. Como o site do seu cliente ganha dinheiro
17. Por que os pintores nunca usam preto
18. O número apropriado de caracteres por linha para o texto do corpo
19. Como criar uma mensagem de erro quando a cor da sua marca é vermelha
20. Quando usar um sistema de grade
21. Quando não usar um sistema de grade
22. Quando centralizar o texto
23. Quando alinhar o texto à direita
24. Quando usar um didone
25. Quando usar um serif de laje
26. O tamanho mínimo do ponto de toque no iOS e no Android
27. Vários padrões para mostrar resultados de pesquisa
28. Vários padrões para filtrar resultados de pesquisa
29. Os tamanhos de tela dos dispositivos móveis populares
30. Qual a porcentagem de pessoas que acessam seu site no celular
31. Por que o Gmail coloca o termo de pesquisa em negrito no menu suspenso de preenchimento automático, mas a Pesquisa do Google coloca em negrito tudo, exceto o termo de pesquisa no menu suspenso de preenchimento automático
32. Quando usar um gráfico de barras, gráfico de linhas e gráfico de pizza
33. A diferença entre saturação e brilho
34. A fonte na placa que Neil Armstrong colocou na lua
35. O que há na placa da sonda Pioneer
36. A diferença entre raciocínio indutivo e dedutivo
37. Por que as fontes humanistas costumam se sentir mais quentes e amigáveis ​​do que outras sem serifa
38. As 3 fontes mais populares no Google Fonts (para as massas)
39. As 3 fontes mais populares em Typewolf (para os criadores de tendências)
40. Todos os atalhos de teclado no seu aplicativo de design favorito
41. Como criar ícones correspondentes
42. A dimensionalidade da cor
43. O tamanho do texto padrão na maioria dos navegadores da web, iOS e no Design de materiais
44. Como criar uma interface do usuário inteira usando apenas uma cor
45. Como criar uma interface do usuário inteira sem cores
46. Por que fontes com alturas x altas são mais legíveis
47. Pelo menos 5 métodos para colocar texto em cima de imagens
48. A taxa de contraste recomendada pela WCAG para o texto do corpo
49. A taxa de contraste recomendada pela WCAG para o texto do título
50. O que Leonardo DaVinci recomendou como a primeira prática para artistas iniciantes
51. Os modos de mesclagem mais úteis
52. Os princípios da boa composição
53. Onde encontrar uma fotografia que não parece em estoque
54. Quatro razões pelas quais a consulta de pesquisa de um usuário pode não exibir resultados
55. Como escrever uma mensagem de erro
56. Como escrever uma frase de chamariz
57. Como um leitor de tela funciona
58. E quantas pessoas usam um
59. O que não colocar no seu portfólio de design
60. Como apresentar um design
61. O que significa “satisfação”
62. O que é mais importante – estética ou usabilidade
63. O que é uma distribuição de poisson
64. Lei de Jakob
65. Ferramentas de desenvolvimento do navegador
66. 3 razões para não usar carrosséis
67. O que é a Lei da Localidade
68. A diferença entre um amigo e um amigo no Facebook
69. Como o PageRank funciona
70. O tradeoff explorar / explorar
71. Os diferentes tipos de teclados móveis
72. A psicologia da raiva na estrada
73. 10 controles que você pode usar em vez de menus suspensos
74. O que são bens complementares e substitutos
75. O que as telas querem
76. Por que você não deve ouvir seus usuários
77. Como executar um teste A / B
78. Quando não executar um teste A / B
79. Como escrever
80. Como editar
81. Como as comunidades on-line ficam ruins
82. A regra 80-20
83. Como fazer um logotipo meio decente
84. Por que os jogos são divertidos
85. Por que jogar é viciante
86. Os únicos 5 tipos de letra que Massimo Vignelli disse que precisava
87. Pelo menos duas dúzias de fontes à vista
88. Onde encontrar uma boa inspiração
89. Por que menus em restaurantes chiques não listam centavos em seus preços
90. Cinco maneiras de reduzir a desordem em uma página bagunçada
91. O efeito do preço zero
92. As diferenças entre Helvetica e Arial
93. Cinco alternativas para
94. Como fazer perguntas sem influenciar a resposta
95. Caminhos do desejo
96. Como funcionaria se fosse mágico
97. Cronograma do Criador vs Cronograma do Gerente
98. Quem é o seu cliente ideal
99. A troca entre altura e comprimento da linha
100. O que você não projetaria, mesmo com todo o dinheiro do mundo