Ya hablábamos hace un rato que iOS 7 había supuesto un cambio radical en la interfaz del sistema operativo móvil de la manzana. Apple parece ser que no está preparada para darle ese cambio radical a OS X, y por eso Mavericks es una pequeña mezcla de la eliminación del skeumorfismo absurdo y la interfaz de OS X de toda la vida.
Sin embargo hay diseñadores como Stu Crew nos muestran en su página un estudio de concepto de lo que podría ser OS X Mavericks con la interfaz de iOS 7, o como el lo llama: Ivericks. Así pues, para adaptar esta interfaz a la de OS X ha tenido que recrear algunos elemento e imaginar otros siguiendo los patrones de diseño impuestos por iOS 7.
Esta recreación no tiene nada que ver con lo que veamos en el futuro rediseño de OS X, que probablemente llegará en una nueva versión, que incluso podría dejar de ser OS X y pasar a ser OS 11. Es algo de lo que saldremos de dudas el año que viene. Sin embargo, en OS X Apple tiene mucho menos margen de error, y tiene que hacer muy bien las cosas para que su sistema operativo no deje de ser intuitivo y acabe siendo un Windows 8 de la vida.
En el concepto de Crew la funcionalidad no cambia, todo sigue en su sitio pero es mucho más plano, cosa que personalmente no me gusta en algunos casos como se ha implementado, aunque siguiendo los patrones de diseño de iOS 7 tampoco se me ocurre nada distinto y mejor resuelto.
Ahora las ventanas son completamente planas, los degradados han desaparecido, todo es mucho más limpio y minimalista, ayudado de la tipografía Helvetica Neue para darle ese toque de sofisticación. El clásico semáforo de los botones de gestión de ventanas desaparece para dar lugar a unos aros con los mismos colores pero más simples.
El Finder también se rediseña manteniendo la disposición clásica pero volviéndose mucho más plano, con iconos más grandes y simples que dejan de lado a los coloridos que conocíamos hasta ahora.
La implementación de cómo quedarían las notificaciones sí me ha gustado mucho, y no sería una locura que OS X Mavericks las tuviera así en la versión final. Ahora en vez de mostrar el icono de la aplicación, si la notificación es un mensaje veremos la cara del contacto que nos está hablando, lo que visualmente nos hará ser más rápidos identificando quién nos habla. Incluso una notificación de eBay podría mostrar la foto del objeto que estamos siguiendo o un correo mostrar la cara del emisor.
En la galería que aparece a continuación podemos ver con más detalle otras partes del sistema, como el Centro de notificaciones o Spotlight que pasa de ser un menú a una nueva pantalla, cosa que no me gusta nada. También podemos ver la implementación de Siri, que es igual al de iOS, dejando borrosa la pantalla de fondo y mostrando como protagonista la onda de nuestra voz y la información a presentar.
<style type='text/css'>
#gallery-2 {
margin: auto;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 16%;
}
#gallery-2 img {
border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
</style>
<div data-carousel-extra='{"blog_id":17,"permalink":"https:\/\/applesencia.com\/2013\/08\/os-x-mavericks-interfaz-ios-7","likes_blog_id":22559759}' id='gallery-2' class='gallery galleryid-69635 gallery-columns-6 gallery-size-thumbnail'><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_spotlight'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_spotlight-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_spotlight-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_spotlight-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_spotlight-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69645" data-orig-file="https://applesencia.com/files/2013/08/ivericks_spotlight.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Spotlight" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_spotlight-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_spotlight-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_siri'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_siri-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_siri-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_siri-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_siri-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69644" data-orig-file="https://applesencia.com/files/2013/08/ivericks_siri.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Siri" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_siri-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_siri-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_notificationcentre'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_notificationcentre-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_notificationcentre-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_notificationcentre-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_notificationcentre-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69643" data-orig-file="https://applesencia.com/files/2013/08/ivericks_notificationcentre.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Centro de notificaciones" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_notificationcentre-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_notificationcentre-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_notification'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_notification-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_notification-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_notification-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_notification-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69642" data-orig-file="https://applesencia.com/files/2013/08/ivericks_notification.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Notificación" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_notification-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_notification-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_notes'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_notes-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_notes-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_notes-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_notes-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69641" data-orig-file="https://applesencia.com/files/2013/08/ivericks_notes.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Notas" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_notes-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_notes-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_itunesminiplayer'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_itunesminiplayer-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_itunesminiplayer-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_itunesminiplayer-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_itunesminiplayer-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69640" data-orig-file="https://applesencia.com/files/2013/08/ivericks_itunesminiplayer.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="iTunes miniplayer" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_itunesminiplayer-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_itunesminiplayer-700x437.jpg" /></a>
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_finer'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_finer-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_finer-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_finer-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_finer-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69639" data-orig-file="https://applesencia.com/files/2013/08/ivericks_finer.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Finder" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_finer-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_finer-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_contacts'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_contacts-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_contacts-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_contacts-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_contacts-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69638" data-orig-file="https://applesencia.com/files/2013/08/ivericks_contacts.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Contactos" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_contacts-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_contacts-700x437.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://applesencia.com/2013/08/os-x-mavericks-interfaz-ios-7/ivericks_calculator'><img width="100" height="100" src="https://applesencia.com/files/2013/08/ivericks_calculator-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="iVericks" srcset="https://applesencia.com/files/2013/08/ivericks_calculator-100x100.jpg 100w, https://applesencia.com/files/2013/08/ivericks_calculator-50x50.jpg 50w, https://applesencia.com/files/2013/08/ivericks_calculator-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="69637" data-orig-file="https://applesencia.com/files/2013/08/ivericks_calculator.jpg" data-orig-size="1400,875" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Calculadora" data-image-description="" data-medium-file="https://applesencia.com/files/2013/08/ivericks_calculator-400x250.jpg" data-large-file="https://applesencia.com/files/2013/08/ivericks_calculator-700x437.jpg" /></a>
</dt></dl>
<br style='clear: both' />
</div>
Yo veo esas imágenes como un mero theme de iOs 7. Creo que cuando Apple decida homogeneizar el diseño de Mac Os con el de iOs los cambios van a ser más estructurales, repensando y replanteando más a fondo la interfaz.
Desde que vi iOs7 por primera vez pensé que recién en Mac Os 11 (o cómo se llame el sucesor de Os 10) se iba a apreciar edta nueva línea de diseño, aprovechando el cambio de generación para generar una nueva interfaz con muchas formas y funcionalidades cambiadas
Ese diseñador ha hecho un excelente trabajo. Luce igual de horrible —ilegible, inconsistente, con iconos irreconocibles, etc.— que iOS 7.
[…] Applescencia nos muestran como sería OS X Mavericks con el diseño de iOS 7. ¿Llegaremos a ver algún día la integración total de OS X y […]
[…] ansiosos importantes cambios estéticos de última hora para hacer a OS X 10.9 más parecido al nuevo iOS, pero parece que finalmente se quedará así: eliminación del skeumorfismo de manera sencilla, […]
[…] de sus betas, pero parece que Apple aún tiene cosas que hacer. ¿Será una nueva interfaz más acorde a iOS 7 que tienen guardada en […]
[…] de sus betas, pero parece que Apple aún tiene cosas que hacer. ¿Será una nueva interfaz más acorde a iOS 7 que tienen guardada en […]
Desde que salió el iOS 7 me ha gustado mucho y he ensaco como se vería la mac con esta línea gráfico. Muy bueno el trabajo que hizo este diseñador, me agrada 🙂
Horrible… Sería como tener un iPad de 15″ con teclado físico.
Sinceramente Feo, infantil, molesto a la vista, degradaria la pantalla retina.
[…] algo que todo el mundo podría hacer, y prueba de ello son los numerosos diseñadores que nos traen conceptos inspirados en iOS 7. Realmente Mavericks es un sistema operativo inacabado a nivel de […]