TactilApp Logo

La interfaz de usuario de Novecientos

Aug 20, 2013 interfaz, novecientos, ui 2 comentarios

Tras el lanzamiento la semana pasada de nuestra nueva aplicación Novecientos, hemos decidido ir liberando poco a poco todo el contenido de la aplicación. Hoy nos gustaría mostrar el contenido de la interfaz de usuario que ha determinado el diseño y la usabilidad de esta aplicación.

Fase conceptual

La fase del concepto de Novecientos, ha venido dada por la necesidad de poder hacer búsquedas rápidas mediante el número 902, o bien mediante el nombre de la empresa. Creando primero un esquema básico, se fue evolucionando a un mapa mental desde Mindmeister.

En este momento vimos la necesidad de que toda la gran cantidad de contenido que se iba a generar podría ser enorme, y decidimos que los usuarios podrían colaborar tanto insertando contenido como votándolo, así sería mucho más sostenible en el tiempo.

 

novecientos concepto-02

 

mindmeister novecientos

 

Fase de diseño

La fase de diseño ha resultado ser muy divertida por regla general. Al ser una aplicación propia, podíamos experimentar en cuanto a colores, iconos y dimensiones, aunque siempre manteniendo unos valores mínimos.

Como podéis ver, la evolución ha sido principalmente añadir un footer y el estilo visual de la aplicación, que en el último momento y tras la salida de iOS7, decidimos que era un buen momento para experimentar con su estilo visual.

novecientos evolucion

 

Logotipo

El logotipo ha sido probablemente la parte que más nos hemos entretenido en la aplicación. No conseguíamos dar con ello hasta casi el final, pero teniendo la premisa de la simplicidad al final obtuvimos un resultado bastante satisfactorio.

novecientos logo evolucion-01-01

 

Resources

Una de las partes fundamentales de la aplicación es la optimización de las imágenes, imprescindible si queremos componer una app ligera y que sea fluida. En otro post explicaremos el proceso de optimización que llevamos a cabo para que nuestros resources pesen tan poco.

A continuación os mostramos un pantallazo de lo que suponen estos resources para Android, incluyendo las carpetas con los archivos originales, una carpeta con los iconos, y las 4 carpetas correspondientes a xhdpi, hdpi, mdpi y ldpi.

 

Captura de pantalla 2013-08-20 a la(s) 14.08.18

 

Descarga el UI

Finalmenta, te invitamos a que te descargues la interfaz de usuario de la aplicación en este enlace o pulsando sobre la imagen de la UI completa. El archivo adjunto está creado desde Fireworks, por lo que podéis abrirlo sin problemas y ver todas las capas anidadas y nombradas correctamente.

 

Licencia Creative Commons
Novecientos por Tactilapp se encuentra bajo una Licencia Creative Commons Atribución-CompartirIgual 3.0 Unported.

900UI blog

Sobre Rodrigo Maroto

Rodrigo Maroto ha escrito 6 artículos en este blog.

Diseñador de interfaces para móviles y entornos web. Apasionado de la usabilidad y la arquitectura de la información, dedico todos los días a aprender algo nuevo. Dedicado en cuerpo y alma a Tactilapp, donde desarrollamos aplicaciones móviles y web adaptable a todos los dispositivos. El resto del tiempo lo dedico a ser extrovertido, curioso, y viajero.