:::: MENU ::::

10 Códigos de descuento para comprar entradas virtuales al evento UXFighters

Es un gran tiempo para ser diseñador, para trabajar dentro del mundo de la UX, para las empresas que se centran en el usuario, para las empresas que apuestan por el diseño. Es un gran tiempo para todos nosotros: Arquitectos de la información, investigadores, diseñadores de interacción, diseñadores visuales, etc. UXFighters nace con la idea de celebrar y compartir experiencias en contacto directo con algunos de los mejores profesionales en España.

Hay comunidad, hay competición, hay colaboración, hay luchadores… en el cuadrilátero todos estamos enmascarados, todos defendemos un mismo ideal, todos defendemos unos principios, pero nuestros discursos son diferentes, como las máscaras de lucha mexicanas. Queremos hablar de diseño para diseñadores, queremos celebrar lo que nos une y nos diferencia.

Si queremos que nuestra disciplina ocupe un puesto de relevancia debemos de luchar por ello, dar un paso adelante. Tenemos el conocimiento, los profesionales y las técnicas adecuadas para ganar la competición. En estos dos días reflexionaremos sobre el momento actual de la profesión, los profesionales dentro de ella, la educación, los clientes, etc. Un día después nos asomaremos al mundo de la innovación e intentaremos predecir los nuevos retos a los que nos enfrentaremos todos nosotros.

Sólo cien afortunados tendrán la oportunidad de asistir a conferencias, mesas redondas y un Hakaton en  Madrid, los días 13 y 14 de septiembre. Y para quienes no podemos asistir por temas de logística tenemos la opción de comprar entradas virtuales que incluye visualización en directo de todas las ponencias con posibilidad de enviar preguntas en directo y acceso en exclusiva al repositorio de conferencias durante tres meses.

Acá van 10 códigos de descuento para 10 entradas virtuales.

 

UXFHJ94SA081
UXFLQ63VA082
UXFHJ94SA083
UXFHJ94SA084
UXFHJ94SA085
UXFLQ63VA086
UXFHJ94SA087
UXFBS65RA088
UXFHJ94SA089
UXFBS65RA090

Web del evento http://uxfighters.com/
Programa http://uxfighters.com/agenda/
Comprar entradas https://uxfighters2014.eventbrite.es/

Ingresa el código de descuento al final.

D5tRYDj

Agradecimientos a @madcalderon

 

 


Áreas de alcance en dispositivos móviles y tablets

Así como en la web existen los ‘heatmaps’ o mapas de calor (ejemplos de estudio con Eye Tracking), para móviles y tablets también hay áreas calientes donde en estas zonas es mas fácil acceder y por ende hay una mayor interacción dependiendo de la posición, el uso, tamaño del dispositivo y lo mas importante el contexto en que los usuarios lo usan.

Gran parte de la información de este post (móviles) se ha extraído de un estudio realizado por Steven Hoober (@shoobe01) en donde investiga la forma en que la gente interactúa con sus dispositivos móviles en donde se observaron a 1.333 personas, durante 2 meses.

En dispositivos móviles

En las figuras a continuación se ilustran las áreas y alcances de interacción (dedos<->pantalla), cada color indica el áreas que el usuario puede alcanzar con el dedo para lograr la interacción con la pantalla. verde indica que puede llegar fácilmente; amarilla indica que requiere un mínimo esfuerzo, y rojo es un área que requiere cambiar el modo en que están sosteniendo un dispositivo (imagen 1 y 2 una mano). Estas áreas son aproximadas y varían para los distintos tipos de usuarios, la forma en que wl usuario está sosteniendo el teléfono y el tamaño de este.

Una mano

El 49% de los usuarios observados utilizaban sus móvil con una sola mano.

HoldPhones_Figure-1 copia

Para el caso de los zurdos estos hacen lo contrario.

Dos manos

Sosteniendo

El 36% de los usuarios observados utilizan la posición Cradling (acunado) de dos formas distintas: con el pulgar o indice.

HoldPhones_Figure-3

 Usando

El 15% de los usuarios observados de teléfonos móviles usaban sus dispositivos con las dos manos y en dos posiciones.

HoldPhones_Figure-4

Quienes usan el dispositivo de forma horizontal en su mayoría son para hacer ingreso de datos (ej: chat  y email) y jugar.

 

En tablets

En primer lugar, cuando sostenemos un Tablet lo hacemos sujetando cerca de los extremos superiores, y por ende los pulgares se ubican en el tercio superior de la pantalla, cerca de las esquinas. En segundo lugar, las tablets de mas pulgadas o más grandes hacen que sea difícil de llegar al centro. Entonces el control primario de la aplicación (menús, accesos, opciones, acciones, filtros u similares) debiese estar en estas zonas. En tercer lugar, considerar que hay posiciones y formas de interactuar con un tablet o móvil que son especificas al realizar una tarea.

Instapaper y Twitter para iPad son un buen ejemplo de esto:

ipad-instapaper

ipad-twitter

Fuentes y mucha más información en:

This Is Why the iPhone’s Screen Will Always Be 3.5 Inches

Diseñando sitios amigables para el iPhone

10 recomendaciones para diseñar una web para un iPad

Designing For Touch

How Do Users Really Hold Mobile Devices? 


Uso de grillas en Diseño Web

grillas everywhere

Muchas cosas usan grillas, no las vemos, pero están ahí, sosteniendo el diseño, estas son usadas por diseñadores de interiores, industriales, urbanistas, arquitectos, diseñadores de impresión, web, moda, etc… Las grillas en el diseño web proporcionan organización visual, continuidad, relación de piezas entre si, estética, control del proyecto y comodidad para el usuario. Por otra parte, también nos a ayuda en la producción ya que no se comienza de cero, reduciendo tiempos en el desarrollo. Existen frameworks de grillas como Bootstrap960 Grid System y Blueprint.

Un acercamiento

Uso de grillas en Diseño Web

Márgenes
Los márgenes definen el límite del contenido del sitio, estos pueden no ser iguales en todo el sitio (pero normalmente son consistentes entre las páginas).

Rejas
Las rejas dividen el espacio interior de la página en partes uniformes, es el espacio en “blanco” entre las grillas. Estás pueden ser organizadas de forma horizontal, vertical o ambas.

Grillas
Este es el lugar donde se coloca el contenido ya sean textos y/o imágenes. Estos determinan la ubicación y el tamaño, pero debemos saber que si tenemos una grafica que se sale de una grilla, no significa que no se pueda hacer (mas adelante lo menciono).

¿Si diseño mis sitios con grillas, se va a ver igual? que FOME.

¡No! esta es una pregunta que tenemos por desconocimiento de esta técnica, en este layout tenemos las grillas, esto es sólo una parte del diseño en general, estas no son para rellenar con algo, sino para ayudar a la organización de los espacios. Si tenemos esta parte resuelta tendremos tiempo para centrarnos en otras cosas como el color, texturas, tipografías, etc.. (Ver ejemplo: cada diseño tiene una estructura de grillas similar (3 columnas), donde la comunicación y el diseño visual son distintos.

flourish

knowledgepharmacy

Cabrillo Coastal

Salirse de la grilla.

Otro ejemplo para demostrar lo mencionado anteriormente (salirse de la grilla, siempre y cuando la comunicación lo amerite).

Highrise

La página de tarifas de Highrise es un buen ejemplo. El plan “Plus” es el plan más popular y conveniente, por lo que para llamar la atención le han dado más importancia aumentándolo de tamaño con respecto a los otros.

Consideraciones

Una vez que tengamos lista nuestras grillas, nosotros como diseñadores somos quienes tomamos la decisión de cómo salir de esta cuando esto lo amerite. Esto en ningún caso significa que estamos usando malas prácticas. Los elementos pueden cruzar desde una columna a otra columna, hasta las podemos extender del inicio al final de la grillas.  “Personalmente creo que esta técnica no es necesaria para proyectos chicos.”

 

Relacionado:

Descargar grilla para IPhone 3/4/4S Grid PSD (PSD)


Páginas:1234