¿En qué dimensiones debe centrarse al diseñar un diseño receptivo para web y móvil?

No deberías

Centrarse en dispositivos específicos y sus dimensiones no es un diseño receptivo. Sí, si pones tu diseño en un iPhone, puede funcionar porque tienes un montón de consultas ‘@ media’ allí, pero ¿es realmente receptivo ?

En su lugar, comience en cualquier extremo del espectro, su ancho máximo o su ancho mínimo (hay muchos debates sobre el móvil primero y lo que no voy a cubrir aquí) y avance lentamente en la dirección opuesta. ¿Se rompió algo cuando llegaste a 500em? Bueno, entonces está tu primer problema. ¿Cómo puede solucionarlo o incorporarlo en un bloque consultado @media con algunos otros elementos?

El diseño receptivo comienza a pensar en cómo se verá la interfaz en general. También incluye cómo va a funcionar el usuario con su interfaz. A medida que mueve lentamente la ventana del navegador, debe considerar estos objetivos de usabilidad. ¿Puede el usuario realizar esta acción bien ahora? ¿Perdimos u ganamos algo de usabilidad en este tamaño? ¿El objetivo sigue siendo relevante en este tamaño?

Sigue adelante. Ahora su diseño es realmente receptivo.