El diseño de interfaz es una habilidad valiosa para poseer. Cada decisión que tome, ya sea algo tan importante como un esquema de color o tan pequeña como un ancho de trazo, puede potencialmente tener un gran impacto en si las personas deciden usar la aplicación, el sitio web, etc. Nosotros los diseñadores lo sabemos mejor que nadie porque tendemos a ser snobs de interfaz, lo que significa que nos negamos rotundamente a utilizar una aplicación con un diseño pobre, incluso si la funcionalidad es estelar.
La próxima vez que se enfrente a la tarea de diseñar una interfaz, ¿por qué no aprender de aquellos que ya han tenido éxito? A continuación, echaremos un vistazo a las interfaces de diez hermosas y bastante nuevas aplicaciones para Mac y discutiremos qué fue lo correcto.
Wunderlist
Los asistentes de 6Wunderkinder se están apoderando silenciosamente de la industria de las aplicaciones de productividad con una combinación asombrosa: gran diseño, funcionalidad simple y una etiqueta de precio inmejorable (gratis). Tanto su iPhone como su aplicación de escritorio lucen excelentes.
La clave para la genialidad de la interfaz de Wunderlist es algo extremadamente simple de lo que no vemos en las interfaces de aplicaciones de Mac: personalización. Wunderlist viene incorporado con un montón de hermosos fondos como el de madera que se muestra arriba. Dado que los elementos de la interfaz de usuario son realmente mínimos, cambiar el fondo cambia toda la personalidad de la aplicación.
¿Por qué pasar horas rascándose la cabeza preguntándose qué es lo que más les gustará a sus usuarios cuando sabe que cada usuario es diferente? Proporcionar a sus usuarios una serie de opciones igualmente atractivas pero muy diferentes es una forma sólida de aumentar la satisfacción del cliente. Un consejo importante: asegúrese de que es fácil cambiar entre las opciones. Como regla general, si tiene que escribir un tutorial sobre cómo hacerlo, es demasiado complejo. Wunderlist simplemente proporciona una fila de iconos en la parte inferior de la ventana. Cuando haces clic en uno, el fondo cambia. Es así de simple.
La característica única que creo que lo haría aún mejor es si los usuarios pudieran usar sus propias imágenes como fondo. Claro, muchos de sus usuarios elegirán algo horrible, pero también habrá un montón de usuarios que encontrarán algo que es realmente mejor que las opciones integradas.
Estoy haciendo una predicción de que muchos desarrolladores seguirán los pasos de 6Wunderkinder y comenzarán a ofrecer a los usuarios la posibilidad de personalizar las interfaces de sus aplicaciones para que se ajusten a sus personalidades únicas.
Reeder
Reeder para Mac está causando un gran revuelo en la comunidad de diseño de Mac. La mayoría de nosotros hemos usado NetNewsWire durante años y estamos definitivamente hartos de la interfaz estancada y aburrida. Por el contrario, Reeder es un soplo de aire fresco que ofrece una interfaz de apariencia notablemente limpia y sin desorden para un lector de RSS.
Lo sorprendente de Reeder es que representa otra tendencia creciente que puede esperar ver en aumento en los próximos años: el diseño Apple iOS en el escritorio (Reeder comenzó su vida en iOS). El iPhone encendió un fuego salvaje bajo los desarrolladores de interfaces que comenzaron a producir interfaces suaves y mantecosas a diferencia de lo que habíamos visto nunca. Este fuego recientemente se ha encendido nuevamente con la llegada del iPad y nuevas experiencias interactivas innovadoras como Flipboard.
Poco a poco, hemos estado viendo cómo estas tendencias de diseño vuelven a Mac. Incluso Apple se ha dado cuenta de los beneficios de las interfaces similares a iOS y está incorporando muchos de estos beneficios en OS X Lion, el próximo lanzamiento importante del legendario sistema operativo de escritorio de Apple.
Gorrión
Dudé en agregar Sparrow porque es bastante controvertido entre los diseñadores. La razón de esto es que representa un timo descarado de la interfaz de usuario de otra aplicación popular: Tweetie para Mac.
De un lado de este debate, tiene reclamos legítimos de que Tweetie ha estado estancado en el desarrollo durante bastante tiempo y probablemente seguirá siéndolo debido a su adquisición por parte de Twitter (quien realmente solo quería la aplicación para iPhone). Los diseñadores en el otro lado afirman que no es nada cool robar la interfaz de otro hombre sin importar las circunstancias.
Independientemente del lado del debate en el que estés, Sparrow es un ejemplo interesante por una razón importante. Tomó un formato al que estábamos acostumbrados en una categoría (aplicaciones de Twitter) y buscamos aplicarlo en un contexto completamente diferente (correo electrónico). Este tipo de pensamiento es una fuente estelar de innovación. Eche un vistazo a todas las aplicaciones que usa todos los días, ahora vea las aplicaciones de la competencia en esa categoría. Lo más probable es que todos sean iguales porque alguien innovó la categoría y todos los demás simplemente lo siguieron. Si desea crear algo realmente diferente, pregúntese cómo podría tomar el concepto de esa aplicación y adaptarlo a la estructura de una aplicación de una categoría diferente. Usted podría simplemente revolucionar una categoría entera.
Kiwi 2
Aunque la funcionalidad aún no se siente tan fluida como Tweetie, Kiwi tiene que ser uno de los clientes de escritorio de Twitter más atractivos del mercado.
Al igual que con Wunderlist, el elemento clave aquí es la personalización. Kiwi ofrece a los usuarios una serie de temas para elegir que alteran radicalmente el aspecto de la aplicación. Wunderlist toma la ruta simple y ofrece diferentes fondos, pero en Kiwi, todo en tu flujo cambia. Esto incluye la forma y el color de los tweets, el fondo y la apariencia de los iconos. Incluso la funcionalidad cambia bastante dramáticamente de un tema a otro. Por ejemplo, un tema simplemente muestra una lista de nombres de usuario y oculta los tweets reales hasta que hace clic en un usuario para ver lo que dicen.
La ejecución aquí es muy importante. Kiwi no requiere que elijas un tema específico o te guíe por un proceso de configuración avanzada. La aplicación tiene todos los ajustes predeterminados resueltos para ti.De hecho, si nunca te metes en el menú de preferencias, puedes usar Kiwi durante un tiempo antes de encontrar las opciones de personalización. No están ocultos exactamente, los usuarios avanzados los encontrarán en el primer lugar que piensen mirar. Sin embargo, los usuarios que desean una experiencia simple no se ven afectados con decisiones intimidantes que no están preparados para tomar.
La lección aquí es que la personalización debe ser simple y opcional. No fuerce a sus usuarios para que lo hagan, ya que cerrarán la aplicación y cambiarán de sitio. Deje que sus usuarios adoren su aplicación por lo que es y trabajen para que se vea como quieren a medida que se familiarizan con cómo funciona todo.
DaisyDisk
Daisy Disk es la visualización de almacenamiento en disco duro más atractiva que he visto. Los gráficos futuristas retro se ven tan bien que querrá imprimirlos y usarlos como arte de oficina.
La pregunta importante que debes hacer aquí es si tienes que sacrificar o no la usabilidad en tu búsqueda de la estética. El gráfico circular loco que se muestra arriba parece bastante complicado y probablemente sea suficiente para asustar a muchos usuarios. Sin embargo, la implementación es bastante sólida. Junto al gráfico hay una lista simple que muestra los tipos de datos en su disco duro y la cantidad de espacio que estos consumen. Toda la información que necesita está en esta lista. Es simple, directo y fácil de entender. La visualización está ahí para los pensadores visuales como nosotros, los diseñadores que estamos lo suficientemente locos como para favorecer esta representación en una lista.
Lo más importante es que las dos representaciones de los datos están vinculadas de manera interactiva. Cuando pasas el mouse sobre las? Aplicaciones? línea de pedido, esa parte del gráfico comienza a brillar. Entonces, aunque al principio no entiendas de manera remota el cuadro, de repente comenzará a tener sentido a medida que pasas el cursor sobre cada elemento de la lista y verás cómo la proporción de espacio brillante se relaciona con otras secciones.
La lección aquí es que los caramelos no son para todos. Si desea establecer su aplicación aparte como la que tiene visualizaciones hermosas y locas, hágalo. Pero no descuide a los usuarios que prefieren utilizar Excel en lugar de Photoshop. Asegúrese de que sus atractivos gráficos tengan una base sólida en controles fáciles de usar y métodos de comunicación comprensibles.
Transmitir 4
Transmit 4 es la última actualización para el patriarca reinante de los clientes Mac FTP y representa uno de los aumentos estéticos más significativos de la aplicación hasta la fecha. Nunca pensé que me babearía por un cliente FTP, pero Transmit ahora tiene un montón de pantallas, animaciones, botones y mucho más agradables.
La táctica más notable utilizada aquí es un mayor contraste. Los clientes FTP son notablemente brillantes y blancos; Cada pantalla, cada lista de archivos, nada más que blanco y, si tienes suerte, un poco gris y / o azul. La gente de Panic decidió abordar esta monotonía con una serie de pantallas oscuras realmente hermosas para configurar servidores, navegar por favoritos, etc.
La lección importante aquí es que realmente no se metieron demasiado en la carne de la aplicación. Las listas de archivos todavía están en un fondo blanco y funcionan como siempre lo han hecho. Cualquiera que esté familiarizado con el software de FTP podrá recoger la aplicación y ejecutarla inmediatamente. Cada vez que desee actualizar una interfaz de usuario para darle un toque visual, no tenga miedo de ser extremadamente selectivo con respecto a qué partes hacen y no se actualizan. Si está trabajando con un producto popularizado por su funcionalidad simple, manténgalo así. En su lugar, tómese el tiempo para concentrarse en todos los pequeños detalles que realmente pulen una interfaz de usuario y hacer que se sienta como un gran paso adelante de la competencia.
mensajero
Courier tiene que ser la herramienta más hermosa del planeta para compartir rápidamente archivos multimedia utilizando las redes sociales. ¿Alguna vez pagaría $ 20 por un cargador de imágenes de Facebook? De ninguna manera. ¿Esto me ha hecho pensar seriamente en cambiar de opinión? Sí.
La lección aquí es una que he discutido innumerables veces en un contexto de diseño web: visual metaphors rock. Lo primero que hizo RealMac fue enfocarse en la funcionalidad central. Hicieron el intercambio de archivos a todo tipo de redes a la vez, una tarea ridículamente sencilla impulsada por la experiencia de arrastrar y soltar que los usuarios de Mac conocen y aman. Con un flujo de trabajo inigualable (¡siempre asegúrese de concentrarse primero en el contenido!), Pudieron envolver todo en un tema hermoso y apropiado: el correo diario. Esto requiere una tarea bastante tecnológica y lo convierte en una experiencia muy real y familiar para el usuario. De repente, la tarea rutinaria de cargar archivos se ve y se siente como un videojuego de envío de correo virtual donde puede elegir qué sobre desea usar y dónde enviarlo.
1 contraseña
Abre Keychain Access en tu Mac. Este es un administrador de contraseñas típico, diseñado por nada menos que Apple inc. Es bastante utilizable pero también bastante aburrido. Ahora, observe un enfoque visual muy diferente de la misma funcionalidad básica en 1Password.
Bastante la diferencia no? 1Password posee una interfaz simplemente excepcional para administrar sus inicios de sesión, contraseñas, datos de formularios, etc. No sé sobre usted, pero esto me hace cuestionar cada aplicación de base de datos en mi disco duro. ¿Por qué se ha convertido la norma en hacer presentaciones tan simples de información de base de datos? ¿Qué pasaría si las aplicaciones como Evernote (ya una de las aplicaciones de base de datos más atractivas) se parecieran un poco más a 1Password o Bento? ¿Sería eso tan malo? Yo sostengo que no lo haría.
La gran estética no complica la usabilidad, la mejora. Créalo o no, puede presentar tablas, filas, celdas y campos de información de una manera realmente atractiva sin agregar tanta pelusa superflua que arruine la funcionalidad. Si no me crees, descarga 1Password y dale una oportunidad.
SweetFM
En contraste con toda esta discusión de agregar interés visual a sus interfaces, SweetFM, un cliente de Last.fm maravillosamente simple, hace exactamente lo contrario. ¡Echa un vistazo a lo compacto y atractivo que es!
Ahora, compara la captura de pantalla que acabas de ver con el cliente oficial de Last.fm para Mac:
Es cierto que a muchas personas les gustará más el cliente oficial. Parece más robusto y pone todo frente a ti a la vez (un enfoque altamente eficiente). Sin embargo, definitivamente hay algo que decir para la simplificación drástica. Volver a un punto que vimos anteriormente, seguir ciegamente las convenciones de UI de una categoría dada no es una forma de innovar. A veces, puedes atrapar una tonelada de usuarios a los que nadie más se dirige, simplemente eliminando todo, excepto las necesidades básicas absolutas. Saque una página del libro de Chocomoko, a veces, menos es más.
Cabina
Cockpit es una increíble aplicación de barra de menús que puedes usar para controlar todo tipo de cosas en tu Mac. Sin embargo, no solo es súper funcional, sino que también se ve bastante estelar.
En este caso, no estoy seguro de dónde se inspiran los desarrolladores. Las texturas típicas están aquí: metal, vidrio y caucho. Sin embargo, el controlador de iTunes de arriba no se parece en nada a iTunes y, por supuesto, no se parece a ninguna otra aplicación de barra de menú que haya visto (se parece más a un widget de Dashboard). Hay mucho que decir acerca de cómo obtener inspiración de todos los ejemplos que ha visto hoy, pero siempre recuerde que no hay sustituto para abrir su propio camino e intencionalmente tratar de ser completamente diferente a cualquier otra cosa que haya visto antes.
Saca Photoshop, pon un poco de música y dedica algunas horas a compartir ideas a medida que te lleguen. En lugar de centrarse en lo que se ha hecho en otro lugar, intente descubrir lo que no se ha hecho y explore las posibilidades con ese objetivo en mente.
Conclusión
Espero que las diez increíbles aplicaciones anteriores te hayan proporcionado algunas nuevas aplicaciones para tu Mac y te hayan enseñado una o dos cosas sobre el diseño de la interfaz. Los desarrolladores y diseñadores de Mac me sorprenden continuamente con su capacidad para impulsar continuamente el sobre del nivel de belleza que esperamos de las aplicaciones de escritorio. Ustedes son mis héroes.
Deje un comentario a continuación y háganos saber lo que piensa de las interfaces anteriores. También asegúrese de señalar cualquier otra aplicación Mac nueva que haya encontrado que sirva como un excelente ejemplo de diseño de interfaz de usuario.