Esta pergunta é muito interessante, e a resposta mais ainda: não há dimensão ideal!

O ideal para a criação de um conteúdo interativo em HTML5 é que esse conteúdo seja responsivo.

Isto é, se adapte automaticamente em todos os tamanhos de tela, sejam smartphones ou tablets.

E como criar um conteúdo responsivo facilmente?

O melhor recurso para criar conteúdos responsivos é utilizar softwares de criação de sites para web que já produzam códigos responsivos, ou usar frameworks responsivos.

Como exemplo de softwares estão:

  • Macaw
  • Hype
  • Mobirize
  • Adobe Muse
  • Google Webdesigner
  • WebFlow

Como exemplo de frameworks estão:

  • Bootstrap
  • Foundation
  • Skeleton
  • HTML5 Boilerplate
  • CreateJS