--- title: "Novos modelos para visualizar suas telas de lançamento" description: "Você sabia que um atraso de 3 segundos faz com que você perca metade de seus usuários? Uma figura para refletir, especialmente quando a cada segundo você perder" canonical_url: "https://pt.goodbarber.com/blog/novos-modelos-para-visualizar-suas-telas-de-lancamento-a846/" lang: pt date: 2019-02-19 last_updated: 2019-02-19 --- # Novos modelos para visualizar suas telas de lançamento ![](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg) [Muriel Santoni](https://pt.goodbarber.com/blog/author/muriel-santoni/)Marketing Manager 19 de fev. de 2019 · 2 min de leitura ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/30650952-29175165.jpg?v=1549986379.7458088) Você sabia que um atraso de 3 segundos faz com que você perca metade de seus usuários? Uma figura para refletir, especialmente quando a cada segundo você perder mais 7% de seus usuários. Durante o tempo crucial que seu aplicativo abre, você pode perder a atenção de seus usuários. Mesmo que seu aplicativo GoodBarber ou [PWA](https://www.goodbarber.com/blog/progressive-web-apps-everything-you-need-to-know-a895/) esteja pronto para ser lançado rapidamente, você não deve ignorar a importância dessa seção de Design Geral: a **tela inicial**. Ele permite que você exiba uma imagem, mensagem ou logotipo durante o lançamento do aplicativo, chamando a atenção dos usuários e aumentando suas chances de mantê-los interessados ​​até que seu conteúdo seja exibido. Como você pode ver, é essencial ter tempo para aperfeiçoar sua tela Splash, seu conteúdo tanto quanto seu design. Se o conteúdo cai na sua criatividade, estamos colocando nossas melhores funcionalidades para ajudá-lo com o design. Hoje em dia, com tantos dispositivos diferentes no mercado, **é difícil imaginar e idealizar como sua tela Splash se adaptará a vários tamanhos de tela**. Estamos agora propondo diferentes opções para visualizar sua tela inicial. 7 novos modelos estão disponíveis: - iPhone XS - iPhone XS Max - iPhone 8 - iPhone 5 - Galaxy S9 + - Huawei P20 Pro - LG-G7 Abaixo está a lista de todas as telas com suas características ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/30650952-29175291.jpg?v=1549986432.8406222) ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/30650952-29175166.jpg?v=1549986468.977132) Para permitir que você exiba uma tela perfeita, você precisará fornecer em seu backend dois formatos de sua tela inicial (para a parte móvel): - **um formato para iOS** 1308 x 2688 pixels - **um formato para Android** 1440 x 2960 pixels Para se adaptar a todos os diferentes modelos, essas duas versões serão cortadas e truncadas, se necessário, para combinar perfeitamente com a tela sem deformar a imagem. A demonstração abaixo mostra a mesma imagem em todos os modelos diferentes. As bandas vermelhas indicam onde a imagem foi truncada. ## Como pré-visualizar sua tela inicial? ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/30650952-29175215.jpg?v=1549986506.392945) Fácil: no seu menu de backend **Meu app > Design > Design geral > Tela de lançamento**. Você pode então escolher o modo de visualização da tela inicial na parte superior da tela. ![](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg) Sobre o autor Muriel Santoni Marketing Manager Storytelling & GEO na GoodBarber. Dou forma à voz da marca e à sua visibilidade: as histórias que contamos, as palavras que escolhemos e — cada vez mais — a forma como surgem nas respostas das IA. Contadora de histórias de coração, passo os dias a tornar o nosso app builder no-code fácil de encontrar e impossível de esquecer. [Mais de Muriel](https://pt.goodbarber.com/blog/author/muriel-santoni/)[LinkedIn](https://www.linkedin.com/in/muriel-santoni-52b26986/)[X](https://x.com/MurielSantoni)