Categories
FrontEnd Design Portfolio UI/UX

Responsive design

Internet ya está dentro de todo, ya no accedemos a la red de redes únicamente desde los ordenadores.

Navegamos desde als pequeñas pantallas de los móviles hasta en grandes monitores o pantallas de smartTV en nuestros salones, pasando por los cada vez mas habituales tabletas.

Al diseñar una web tenemos que ser conscientes de ello, podemos hacer una versión para cada uno de los dispositivos o utilizar la tecnica que llamamos Responsive Web Design (RWD o Diseño web Adaptable) que trata de hacer  una plantilla elástica que se adapte a lso diversos anchos y mediante css y un poco de js recolocar los elementos según el tamaño de la pantalla.

Por ejemplo en pantallas grandes podemos mostrar un layout con varias columnas, imágenes a gran tamaño y menús completos, en pantallas de móvil mostraremos el m ismo contenido en una sola columna, escalando las imágenes y ocultando menús.

Aquí un proyecto sencillo utilizando esta técnica.  Es un site realizado en WordPress al que he diseñado un theme a partir del 1140gs.

http://www.ecodigest.cat

 

Categories
FrontEnd Design UI/UX

Día mundial de la Usabilidad

World Usability Day 2011

Hoy se celebra el Día mundial de la Usabilidad

El tema de este año será “Educación, Diseño para el cambio social“, honrando el legado de Steve Jobs.

¿Que es la usabilidad?

Categories
FrontEnd Design Portfolio Social Media UI/UX

Buscador de hoteles social

El mundo del turismo (viajes, hoteles, etc.) es uno de los mas utilizados en internet. Solemos buscar y estudiar nuestro destino y contratar el transporte y el alojamiento desde infinidad de herramientas y servicios que nos ofrece la red.

Tralopia es un proyecto salido recientemente en su fase beta, es un buscador de hoteles social, nos ayuda a encontrar nuestro hotel ideal segun nuestras preferencias (ocio y de negocios) y utiliza medios sociales como Facebook y Twitter para definir nuestros gustos.

En él he realizado tanto el diseño de identidad de marca como el interface de usuario (UI), y, en este caso, también he maquetado el prototipo (DHTML, PHP, JQuery)

http://www.tralopia.com

 

Categories
Tecnología UI/UX

IOS5 vs ICS

IOS5 vs ICSAndroid, IOS, Windows Phone, BlackBerry, … que Sistema Operativo movil es mejor?

Para mi la característica fundamental de un SO tiene que ser la usabilidad, en este sentido Apple tiene mucho camino ganado, ha sabido enfocarse en este aspecto aunque a veces dejando de lado otros temas (multitarea, personalización, etc.)

Apple y BB también hacen muy bien la promoción, la mayoria de usuarios optan por uno de estos sistemas porque simplemente desconocen las posibilidades de Android.

Microsoft había perdido el carro y ahora con WindowsPhone está luchando para su cuota de mercado, pero sólo con dinero no se puede comprar el tiempo perdido.

Apple siempre ha sabido reconducir las mejores ideas tecnológicas, adaptarlas y venderlas,  no ha inventado nada aunque sea la sensación que ellos y muchos medios nos quieran dar. Tablets hace años que existian, también dispositivos táctiles e interfaces de usuario novedosas, Apple ha sabido unificarlas, hacerlas mas usuables y venderlas, y eso no es poco.

Google es muy fuerte, tiene muchos recursos y tiene internet como foco, y eso hoy en dia es esencial. Android en poco tiempo ha conseguido ser un SO muy potente.

Podemos decir que los SO móviles ya son maduros, cada vez mas completos y mas potentes (mucho mas potentes que muchísimos ordenadores de escritório que encontramos en la mayoria de oficinas).

Estas nuevas versiones de Google (Android 4 Ice Cream Sandwish) y Apple  (IOS5) las encentro muy cercanas en prestaciones. Claramente se han inspirado  mutuamente para sus actualizaciones, como las notificaciones en IOS5 o la usabilidad en ICS.

Personalmente me sigue gustando mas Android, básicamente porque es un SO abierto, flexible y personalizable.

En IOS encuentro a faltar la posibilidad de añadir widgets en pantalla y una mayor integración con el Cloud, y no sólo con el suyo ppropio. En definitiva, es un SO cerrado ya que juega que tiene un mercado muy grande lo que ayuda a crear este gueto o comunidad de “fanáticos” de Apple.  😉

¿Que opinais vosotros?

 

 

 

Categories
FrontEnd Design UI/UX Video

Diseñador de Interacción (UX Designer)

La experiencia del usuario tiene que ser satisfactoria, tiene que encontrar con facilidad lo que desea y ofrecer una lectura óptima, y todo esto tiene que estar contemplado desde el inicio diseño web y en todo el proceso de desarrollo.

Por eso el diseño de las interficies es una de las tareas fundamentales de cualquier diseñador web, al que podríamos llamar también diseñador de Interacción (User Experience Disegner)

¿Quién no ama un buen diseño?

Categories
FrontEnd Design Portfolio

Invat·tur

Un  proyecto mas para Socialtec, el diseño de la Comunidad Invat·tur.

Mis labores en este proyecto ha sido el diseño de las diversas pantallas que construyen el site.

También la adaptación de la imagen corporativa tanto para el website como en cada uno de los medios sociales donde esta comunidad está presente.

Invat.tur es el Instituto Valenciano de Tecnologías Turísticas, un centro concebido como una plataforma de encuentro de todos los agentes del sector turístico y que representa uno de los ejes principales en la mejora de la competitividad y sostenibilidad del modelo turístico de la Comunitat Valenciana, a través del desarrollo de proyectos de I+D+i y de laadaptación a las nuevas tendencias del mercado turístico en todas sus vertientes. Las instalaciones que albergan el Invat.tur han sido construidas con la cofinanciación de los Fondos FEDER de la Unión Europea.

Categories
FrontEnd Design Portfolio

Cacao Orgánico del Amazonas

coamacacao.com

Otra pequeña web de bajo presupuesto. Cacao Orgánico del Amazonas.

En este caso si que he optado por WordPress, al que le he añadido el WPML plugin para hacer un site multilingüe .

A pesar de nos ser un blog (no tiene publicaciones periódicas ni comentarios) he decidido hacerla con WordPress porque creo que es un muy buen Gestor de Contenidos.

El diseño del tema (theme o plantilla) lo he realizado desde cero.

Este es el resultado.

coamacacao.com

Categories
FrontEnd Design Portfolio Social Media

Red Social para autónomos

Otro de  mis trabajos para Socialtec ha sido el diseño de la identidad de marca, de las pantallas (interficies de usuario)  y de los distintos elementos gráficos que componen la red social orientada a autónomos, profesionales y PYMES  econred (acrónimo de Economia en Red)

Yo mismo como freelance agradezco este nuevo recurso, mas que necesario y esperado ya que en este país parece que tiene algo alvidado a los autónomos, que creo que són los que con su esfuerzo y dedicación nos pueden ayudar a salir de esta crisis.

Visitar econred.es

Categories
FrontEnd Design Social Media Tecnología Video

El futuro de los interfaces de usuario II

Está ya claro que los dispositivos móviles irán con nosotroas a todas partes, totalmente conectados y con grandes funciones multimedia.

És lógico pensar que los interficies de usuario del futuro integraran tanto lectores de ebooks, navegadores web, reproductores multimedia, etc.

Aquí un vídeo de los que nos pueden deparar próximamente.