Sitios web de aplicaciones móviles Design Killer Consejos y ejemplos

La escena móvil ha crecido exponencialmente en los últimos años. La tienda de aplicaciones iOS junto con las aplicaciones de Android en Google Play se han convertido en los dos puntos de acceso para los entusiastas de los teléfonos inteligentes. A medida que aumenta el número de usuarios de teléfonos inteligentes, vemos a cientos de desarrolladores de aplicaciones móviles lanzando nuevas ideas al mercado..

Las aplicaciones más populares están acompañadas por su propio sitio web.. Esto puede ser útil con el marketing y su nombre. También es una URL en línea mucho más bonita que cualquiera de las tiendas de aplicaciones. Siento que cualquier aplicación móvil exitosa casi requiere una presencia web.

En este artículo quiero repasar algunas de las Tendencias de diseño más comunes para sitios web de aplicaciones móviles. No hay un manual de reglas estricto que deba seguir para construir tal diseño. Más bien, hay algunas pautas y tendencias únicas que los diseñadores web han encontrado que funcionan bien para ganar audiencia. Junto con mi Guía de desarrollo de iOS, puedes armar una fantástica aplicación móvil y construir su sitio web, también.

Revise estos conceptos a continuación e intente implementar algunos en el diseño de su propio sitio web de aplicación.

Capturas de pantalla del dispositivo

Una pieza básica para cualquier sitio web de aplicación móvil tiene que ser capturas de pantalla de la aplicación. Los visitantes solo están interesados en su aplicación, y ¿qué forma más rápida de demostrar su propósito que a través de capturas de pantalla? Puede ajustar las tomas del dispositivo en cualquier estilo de diseño, por lo que no es un factor limitante.

Easy Chef es una aplicación de iOS en español que utiliza muchas tomas de dispositivos. La parte superior del diseño tiene una vista previa de diapositivas de diferentes vistas. Pero a medida que se desplaza hacia abajo, notará otros diagramas en las pantallas de iPhone. Estos paneles incluyen etiquetas detalladas y vistas de pantalla ampliadas y cerradas. De hecho, he escrito sobre el diseño de gráficos de productos informativos en una publicación anterior.

Otra configuración interesante se puede encontrar en la página de la galería de Tweetbot. Este es un cliente de Twitter muy popular para iPhone y los desarrolladores han creado un escaparate de capturas de pantalla. Si está intentando ahorrar espacio en su diseño, esta puede ser una solución más fácil. Los visitantes no necesitarán desplazarse hacia abajo para buscar una vista específica. jQuery es fácil de implementar y puedes armar rápidamente una vista previa deslizante de la pantalla del iPhone. Puede ser difícil incluir detalles adicionales, pero esto se puede agregar en otra sección.

App Store Badges

Esta técnica también parece muy práctica una vez que hayas terminado de construir la aplicación. Las insignias se reconocen rápidamente como enlaces de descarga al mercado de aplicaciones. Tanto los usuarios de Android como los de iOS tienen la capacidad de ver las aplicaciones directamente desde su navegador, o esto se redirigirá cuando se vea en un teléfono inteligente.

Me gusta usar Instagram como ejemplo, ya que el sitio web se ha actualizado a un diseño más nuevo. Tienen credenciales compatibles con Android Marketplace (Google Play) y iOS App Store. Ambas insignias tienen un diseño muy simple y se reconocen fácilmente de un vistazo. Si está buscando diseños más complejos, le recomiendo una búsqueda rápida de dribles. Los diseñadores con talento a menudo comparten sus conceptos de insignia de la tienda de aplicaciones para hacer críticas constructivas.

Redes sociales moviles

Facebook y Twitter se han cambiado a dispositivos móviles, pero esto no ha impedido que otras redes broten. Estamos viendo que las redes sociales utilizan aplicaciones móviles para permitir una nueva plataforma de comunicación..

Localmind se ejecuta en un concepto que es similar a Foursquare, en el que registras una cuenta y comienzas a registrarte en lugares locales. Puede dejar preguntas, o responder a las preguntas de otras personas. Su sitio web es muy amigable y acogedor para los recién llegados. Especialmente me encanta la sección de banner superior diseñada con un fondo de mapa personalizado. El uso de gradientes y la textura de fondo le dan al sitio una vida propia.

Mínimo intercambio de fotos

Pose es otra red móvil con ideales similares para diseño minimalista. Puede descargar la aplicación móvil para dispositivos iOS y Android. El sentimiento es similar al de weheartit, pero es para los amantes de la moda móvil. Toda la aplicación se centra en la moda, el cabello, el maquillaje y el glamour..

Los usuarios pueden tomar fotos de su atuendo, ropa o accesorios y compartirlos en la red. Una cosa a tener en cuenta acerca de Pose es lo rápido que puede navegar por el sitio web. Es fácil encontrar el blog de la empresa, los detalles de contacto, etc. Otros sitios web de aplicaciones a menudo pasan por alto estas características corporativas que pueden ser un tema delicado.

Si desea llamar la atención de los medios de comunicación, es importante que su sitio web se vea y se sienta como un verdadero producto de redes sociales. No solo está intentando vender su aplicación (por anuncios o suscripción pagada) sino también vender la red en sí. Las aplicaciones sociales definitivamente pueden ser más complicadas que diseñar sitios web de aplicaciones regulares. Pero también acumulan muchas más descargas de los usuarios y es un campo nuevo y emocionante para dispositivos móviles..

Desde los humildes comienzos

Los diseñadores web no siempre son capaces de armar gráficos e íconos escandalosos. Afortunadamente, los sitios web de aplicaciones no son críticos para la cantidad de destreza de Adobe Photoshop que tiene. Realmente siento que el minimalismo puede funcionar mucho mejor para este estilo de diseño..

Leef App es un cliente Forrst recientemente lanzado para iPhone. Su sitio web incluye una hermosa captura de pantalla de la aplicación junto con un gran botón de descarga audaz. Todo el texto de la página se simplifica de manera similar a las fuentes y los esquemas de color de Apple..

Lo que hace que el sitio web de Leef sea excelente es la naturaleza franca de cada elemento de la página. Es descarado y directo, sin nada oculto o apartado. Recomiendo probar este estilo como su primer sitio web de aplicación móvil, si es que hay algo solo para practicar. Puedes aprender mucho minimizando los chismes menores y concentrándote en lo que llama la atención.

Encantador espacio en blanco

También tan brillante es el sitio web de la aplicación de cámara de madera. Su diseño no tiene más que un fondo blanco liso y contenido centrado. Este contenido incluye algunas capturas de pantalla predeterminadas, un distintivo de la tienda de aplicaciones y algunas características clave adicionales.

Si sientes que el minimalismo y el espacio en blanco son importantes para tu diseño, ¡quédate con él! Wood Camera no es un diseño de sitio web particularmente alucinante, pero es muy fácil de navegar. Su sitio ni siquiera se enlaza con ningún contenido alternativo aparte de la página oficial del desarrollador. Esto mantiene el enfoque en la aplicación y lo que puede ofrecer, que es mucho más importante que los gráficos llamativos. Aunque eso no quiere decir que las ilustraciones llamativas sean una mala idea, solo requieren una implementación adecuada.

Ilustraciones coloridas

Todo lo contrario al enfoque minimalista es un trabajo con ilustraciones únicas, que me encantan. Muchas veces este detalle extra me venderá completamente la aplicación. Un ejemplo con el que me puedo relacionar es la aplicación Barista para iPhone. El encabezado de su sitio está lleno de pequeños capuchinos y bebidas espresso..

Pero note que no hay otras imágenes cuando se desplaza por la página. Toda esta sección superior fue diseñada específicamente para la aplicación de iPhone, similar a una página de destino. Los vectores te llaman la atención de inmediato y también te dan una idea de lo que trata la aplicación..

Kitchenator es una aplicación similar para iOS que convierte unidades de medida para cocinar y hornear. Su diseño de cabecera utiliza ricas texturas de madera, un mantel a cuadros y mini cucharas de agua. Estas imágenes indican el propósito de esta aplicación antes de que incluso hojeen el contenido..

Este estilo de diseño en realidad impregna todo el diseño. El área del pie de página coincide con un fondo de madera similar y gran parte de las mismas opciones de fuente. Este es un ejemplo de un diseño de sitio web muy simple con algunos gráficos muy potentes.

Sitios web de aplicaciones: escaparate premium

¿Qué artículo estaría completo sin un poco de dulce de ojos? Junto con las técnicas anteriores, también he reunido esta hermosa galería de sitios web de aplicaciones móviles; Observe el logotipo y los esquemas de navegación, así como las URL del dominio. Al estudiar lo que hacen los profesionales, puede comprender las tendencias de diseño y utilizarlas en sus propios proyectos..

Aplicación Bosquet