Please enable JavaScript.
Coggle requires JavaScript to display documents.
Diseño e implementación de Interfaz - Coggle Diagram
Diseño e implementación de Interfaz
Diseño de interfaz Móvil
Que es un móvil
Teléfono portátil que hace y recibe llamadas a través de una portadora de radiofrecuencia
Teléfonos desde el año 2000 soportan otros servicios
MMS
Email
SMS
Juegos
Aplicaciones
Diseño visual para la actitud móvil
El diseño visual es la etapa más divertida del proceso
Se da estilo a prototipos estáticos
Tipos de aplicaciones móviles
Aplicaciones Híbridas
Aplicaciones HTML5 empaquetadas en
contenedores de nativas.
Residen en el dispositivo
Combinación de apps nativas y web
Se instalan desde la Store
Sitios web móviles/aplicaciones web
Las app web no son aplicaciones nativas
No tienen la calidad de experiencia de las nativas
Escritas en HTML5
Características del SO nativo no están todavía disponibles
Corren en el navegador web
Aplicaciones Nativas
Se descargan
Tienen acceso y usan los sensores del dispositivo y a los componentes del SO
Construidas con el lenguaje de la plataforma SDK
Están integradas en el sistema de notificaciones
Específicas de la plataforma y sistema operativo
Guías de Diseño
Normas, recomendaciones y consideraciones generales de diseño
Creados para ayudar
En áreas de experiencia de usuario
Controles básicos
Acciones principales
Navegación
Convergencia de funcionalidades y diseño
Estructura básica
Barra de estado
Título de pantalla y navegación secundaria
Contenido / navegación principal
Pestañas de navegación/acciones
Control de vistas
Barra de acciones principales
Contenido principal
Inicio de aplicación
Contienen poca información y solo se
muestran brevemente durante la carga inicial
Distribución de acciones
Control de vistas
Botones de acción
Icono de aplicación
Desbordamiento de acciones
Diseño de web móviles/aplicaciones web
Sitio web móvil
Web optimizada móvil
Sitio web optimizado para móviles separado
Redirigir los usuarios que visiten el sitio web al sitio web móvil
Enlazar sitio web móvil y sitio web completo entre ellos.
No confundir contexto con intención
No asumir más de la cuenta sobre el tamaño de la pantalla
Distribuciones de acciones-móvil primero
Focalizar y priorizar tus productos
Ofreces experiencias innovadoras basándote en las nuevas capacidades propias de los dispositivos móviles.
Distribuciones de acciones-contenido adaptativo
Plataformas que controlas a futuras
Diseño se adapta al tamaño y orientación de la pantalla
Permitir compartirlo y distribuirlo en cualquier plataforma
El contenido es el mismo
Más que "móvil"
Grilla fluida
Columnas que cambian con el tamaño del dispositivo
Imágenes flexibles
Basadas en porcentaje
Media queries
Herramienta de CSS3 que detecta las características del dispositivo
Diseño de aplicaciones Hibridas
Ejecutado Sobre un contenedor nativo
Tienen una capa intermedia que habilita el acceso a capacidades nativas del sistema operativo en el que se ejecutan
Creadas con tecnologías Web(HTML5, JavaScript y CSS)
Aplicaciones que se ejecutan en dispositivos y sistemas operativos móviles
