Nota Desarrollador: cómo decorar las aplicaciones de pantalla en blanco
Makradar Macos / / December 26, 2019
Recientemente, empecé a cada notificación por sí mismos, que el interés más activo en el tema del desarrollo aplicaciones para iOS y el diseño de interfaces de usuario, cuanto más se piensa, o diferentes a las otras cosas. Se empieza a prestar atención a la ubicación de los botones de control, el tamaño de los iconos y otras cosas de diseño de los cuales una persona normal en el uso diario y no son sospechosos.
El otro día me encontré con un artículo muy interesante Diseñador Craig DennisEn la que expuso en los estantes de las reglas de diseño "limpio" de la aplicación para iOS pantalla. Técnicamente, esto se llama «estado vacío» - cuando el programa por alguna razón no puede mostrar nada al usuario. Según Craig, muchos diseñadores noveles no prestan suficiente atención a este aspecto de la aplicación, y porque a menudo se informa correctamente al usuario acerca de la falta de contenido es tan importante como el propio mapa contenido. Me pareció su artículo muy curioso, por lo que sugiero encontrar una breve traducción de las ideas básicas.
pantallas "limpias" se pueden dividir en tres tipos principales - el primer uso de la aplicación, la falta de contenido y el error técnico (fallo de la conexión a Internet, por ejemplo).
1. primer uso
Las primeras impresiones permanecen siempre en la memoria, especialmente los pobres. Es por ello que el diseñador es muy importante para organizar la interfaz para que cuando se inicia por primera vez El programa de usuario se reunió no es neutral pantalla blanca fría, pero algo estético y funcional. Lo mejor es dibujar una especie de imagen visual y añadir un par de consejos sobre el uso de la aplicación (sólo no sobrecargue la instrucción tediosa interfaz en el espíritu del capitán obvio). Excelentes ejemplos de la notable realización de tales ideas son programa de Buffer, Timehop y Dropbox (se puede ver capturas de pantalla anteriores).
2. La falta de contenido
Echemos un vistazo a la situación con el correo electrónico. Lo amas o lo odias, la mayor parte está llena de mensajes no leídos. Conozco a un montón de personas que están diariamente decenas de recepción de nuevos mensajes. Por supuesto, un usuarios de correo electrónico activos están siempre encantados de encontrar una caja vacía. Esta será satisfecho por partida doble cuando el desarrollador del cliente de correo electrónico le dará a este aspecto un par de horas de trabajo y sacar un buen advertencia acerca de la ausencia de nuevos mensajes de correo.
Esa es la forma en que este problema se resuelve en el gorrión, Gmail y Correo programa estándar en IOS:
Gorrión proporciona al usuario el icono tradicional de la caja y la etiqueta «bandeja de entrada Cero». Esta pantalla es intuitiva, minimalista y decorado muy elegante. El usuario es improbable que haya alguna pregunta.
desarrolladores de Gmail han ido un paso más allá y añadir un toque de emoción en su aplicación - cuando Usuarios hay mensajes no leídos en frente de él mostrando un icono de la diversión del sol con la leyenda "disfrutar los días!". Este tipo de sentimiento a dejar entender una persona acerca de lo bueno o malo que es (el ejemplo anterior es obvio, pero hay casos más complicados).
sistema de aplicación Mail.app no diseña una página especial "limpia", por lo que el usuario sólo puede adivinar por qué antes de él no hay una lista de mensajes - o simplemente no tiene nuevos mensajes, o error de sincronización, o no se puede conectar Internet. Este tipo de pregunta que siempre deja una mala sensación de la utilización del programa, por lo que si diseño de la interfaz, tratar de limpiar informar al usuario de por qué no parece contenido esperado.
3. Los errores técnicos
Muy a menudo, el usuario tiene que observar una "limpia" pantalla de iOS debido al hecho de que el dispositivo ha perdido la conexión a Internet y no puede descargar nuevos contenidos. Como se mencionó anteriormente, para el creador del programa es muy importante grammotno y elegante para transmitir esta información al usuario.
Veamos como una pantalla de error se implementa en aplicaciones de Chrome, Opera y Safari Mini:
Chrome literalmente "escupe" en tiempo de texto del usuario de la información técnica aburrido. Opera Mini «terminó con" un par de frases que no dan al usuario una idea clara de qué navegador no puede abrir un sitio en particular. La aplicación de mayor éxito, en mi opinión, ofrece el programa estándar de Safari, que dice claramente que el iPhone no está conectado a Internet.
Un par de ejemplos más interesantes: Gmail, YouTube e Instagram.
hallazgos
¿Cómo lo hicimos el diseño correcto de la pantalla "limpia" es muy importante para las interfaces modernas - y no sólo para los IOS-programas. Antes de enviar el programa para la revisión en la App Store, o la emisión de la versión final, piense por un momento, que va a utilizar su aplicación y por qué. Trata de prestar atención a los detalles más pequeños que ayudarán a su producto destaque entre la masa gris de los competidores. Si se puede complacer a los usuarios y dejar una buena impresión de ti mismo, en el futuro van a estar dispuestos a perdonar algunas deficiencias y errores.
PD ¿Qué opinas sobre el diseño de la pantalla "limpia"? ¿Hay algún tipo de deseos subjetivos o consejos generales? Los editores deben MacRadar que escriben sobre tales sutilezas en el diseño y desarrollo de interfaces para iOS? Escriba su opinión en los comentarios, sería interesante discutir el tema con los lectores.