Desde que comenzó la era de internet y la aparición de las nuevas tecnologías, todos hemos podido comprobar y escuchar día a día la gran cantidad de nuevos términos asociados a todos los nuevos fenómenos, herramientas, procesos, tecnologías y a la variedad de disciplinas derivadas de su uso, son términos que muchas veces nos cuesta entender y recordar.

Diferencias entre UI (User Interface) y UX (User Experience), UI o también llamada User Interface, se refiere a la creación de la interfaz, que puede ser gráfica o desarrollada por tecnologías como HTML, CSS, YUI, jQuery, etc. UX o User Experience se refiere a la usabilidad que tiene cierto sitio web desde la perspectiva del usuario que lo visita. Hay que decir que estas disciplinas se pueden aplicar no solo al campo del diseño web al que nosotros nos referiremos en mayor medida sino a cualquier objeto que haya sido diseñado y programado y a cualquier producto multimedia.

En un primer momento y con las definiciones anteriores ya podemos identificar que existe diferencia entre los dos términos aunque a continuación lo explicaremos de manera más amplia:

Una manera de diferenciarlos, quizá demasiado simple y no del todo exacta es hacer la comparación entre lo que aporta un desarrollador web y un diseñador web siempre y cuando supongamos que un diseñador web no piensa en el usuario y sólo en hacer bonita una página y que un desarrollador web no piensa en la estética de una página web.

La persona encargada del UI se va a centrar en diseñar la página web o aplicación móvil en base a la creación de wireframes y mockups de los que sacará la construcción el color, degradados, tipografías y el diseño visual general del sitio. Cuando un usuario entra en una página web, la primera impresión visual que tendrá de ella podrá determinar en gran medida si nuestro sitio web le gusta o no y esto es muy importante ya que en base a esto podemos o ganar o perder un cliente. Es muy importante por tanto conseguir un diseño atractivo para captar la atención del usuario pero no podemos olvidar que ha de ser también útil ya que cuanto más se facilite al usuario la navegación más fácil será “engancharle” y hacer que se quede más tiempo a navegar por nuestro sitio y conseguir una conversión, si el usuario no entiende dónde se sitúan las cosas y no las encuentra se marchará.

De acuerdo a la anterior explicación, la persona que se va a encargar del UX será la que valore este sitio web en torno a la usabilidad y facilidad de navegación, es aquella persona que entra en el sitio como si de un usuario normal se tratara e investiga si las principales funciones, la navegación, búsquedas, etc. son sencillas de realizar. Una forma de hacernos entender lo necesaria que es la revisión del UX en todo proyecto web puede ser por ejemplo: un cliente accede a la página web para realizar una compra; si al cabo de tres minutos no ha podido encontrar la manera de realizarla, decidirá irse a otro sitio web de las mismas características que cuente con las funciones más claras y sencillas porque al fin y al cabo, siempre hay que hacerle la vida más fácil al cliente, ya que busca comodidad en sus acciones diarias, por tanto el experto en UX podemos decir que se convertirá en un psicólogo web que analizará qué es lo que mejor le parecerá al usuario y que trabajará para que el sitio web en cuestión sea todo un atractivo para una gran cantidad de personas.

Otra manera de entender cuál es la diferencia entre user interface o diseño de interfaces y la UX o experiencia de usuario sería esta, el diseño de interacción se ocupa de decidir cuál será el recorrido y dónde se deberán situar los botones que desencadenarán las diferentes acciones, es la parte de estrategia y la experiencia de usuario trata sobre los aspectos relativos a esos procesos o acciones que se desencadenan, se ocupa de qué es lo que sucede cuando se activan los botones o mecanismos, sería la parte mecánica del proceso.

Aquí os mostramos un vídeo ilustrado sobre la UX

Y un enlace a la página web del UX Spain 2015 que es un evento anual especializado en experiencia de usuario que este año se celebrará en Salamanca el 5 y 6 de junio.

http://uxspain.com/2015/

La ilustración ux/ui que acompaña este post es de shutterstock.

The post Diferencias entre UI (User Interface) y UX (User Experience) appeared first on LN Creatividad y Tecnología Blog.

Ya sabes, si quieres tener una página web en HTML 5 con aspecto moderno, te recomendamos AVADA.

En este enlace accederás a la demo de Avada en la que se podrás ver de manera interactiva algunas de las muchas posibilidades de maquetación y configuración: Live preview AVADA Theme.

The post Diseño de páginas web con AVADA appeared first on LN Creatividad y Tecnología Blog.

Parallax es también un villano (un bicho bastante feo por cierto que se define como «a demonic looking parasitic cosmic entity») que debutó en el número 50 de Green Lantern de DC Comics y Parallax se llamó al efecto que se introdujo en el sistema operativo de Apple iOS7 que hacía que el fondo de la pantalla pareciese moverse a velocidad distinta que el contenido, creando un ligero efecto de profundidad, el fondo de la pantalla parece que sigue nuestra mirada.

El diseño de la interfaz de usuario (UI User Interface o UX User Experience) de este iOS7 se realizó por medio de capas lo que permitió que cuando se mueve el dispositivo móvil se pueda mover no solo el wallpaper o background sino también otros elementos de la pantalla provocando un cierto efecto sutil de 3D o una ligera tridimensionalidad.

Aplicado el efecto parallax al diseño web en general o al diseño de interfaces experimentales en particular, ciertamente que se consigue algo muy dinámico, moderno y agradable si se hace con gusto y moderación, el movimiento se realiza con una leve fricción, aceleración o efecto easing que provoca una sensación de inmersión en el contenido muy novedosa y una secuencia narrativa con nuevas y creativas posibilidades.

Sin embargo este efecto es tan antiguo y conocido como la propia historia de la civilización y más recientemente desde que existe la animación, Walt Disney ya investigó y utilizó esta técnica en los años 40 como se puede observar en este didáctico vídeo:

Actualmente el «Efecto Parallax» se ha trasladado a multitud de interfaces de diseño web como se puede ver en estos ejemplos:

http://www.culturalsolutions.co.uk/

http://www.numero10.ch/fr/home/

http://matthew.wagerfield.com/parallax/

http://boy-coy.com/

http://www.madwell.com/

http://www.iutopi.com/

http://uk.rimmellondon.com/

http://janploch.de/

http://unfold.no/

The post Efecto Parallax appeared first on LN Creatividad y Tecnología Blog.

Sin duda la firma italiana siempre ha cuidado al máximo su presencia en internet y el diseño web Fendi se ha convertido es una referencia y en una parte bien importante de su estrategia global de branding.

www.fendi.com

The post Diseño web Fendi appeared first on LN Creatividad y Tecnología Blog.

www.wonder-wall.com

Wonderwall se ha adentrado también en los terrenos de la arquitectura y el diseño industrial y sus trabajos además de en Japón se pueden encontar en numerosas ciudades y países del mundo, en Hong Kong, China, Rusia, Francia, Gran Bretaña, los Estados Unidos, etc.

En 2007, Katayama fue designada como la firma de diseño de interiores del año por «The Great Indoors Award» www.the-great-indoors.com unos premios que se otorgan cada 2 años en la ciudad holandesa de Maastricht.

Como uno de sus trabajos más destacados y famosos figura la remodelación en el año 2008 de la singular tienda de París de moda, diseño y tendencias Colette www.colette.fr.

The post Masamichi Katayama – Wonderwall appeared first on LN Creatividad y Tecnología Blog.