Aprendiendo Web
The Right Way to Wireframe
Ayer @whitneyhess compartió este video sobre la creación de wireframes con la frase: “If you never thought that UX could be sexy, you were wrong”.
Le doy toda la razón.
El programa usado en el video es OmniGraffle.
Presentación: Content First (Web 2.0 Expo NYC)
Ya hablamos de la presentación de Kristina Halvorson (@halvorson) en An Event Apart.
Hoy encuentro las diapositivas de la presentación que Kristina dio en la Web 2.0 Expo NYC.
Y ya lo sabes.
No more Lorem ipsum, never again. - Kristina Halvorson
Content First (AEA Chicago 09)
Por Kristina Halvorson.
El contenido no es un feature
Confesémoslo, usualmente el contenido se patea para el final de un proyecto web, es una de las cosas a las que se les da menor importancia, es hora de cambiar eso.
Es hora de devolverle al contenido su lugar como pieza clave en el desarrollo de proyectos web…
Estrategia de Contenidos
Cuando hablamos de contends no solo hablamos de text, también noose referimos a Gráficos, Animación y video, Audio, etc.
Para crear una estrategia de contenidos hay que tener en cuenta la investigación de mercado, consideraciones legales, etc.
El contenido debe ser, util y agradable.
Para hacer un inventario de contenido necesitas:
- Objetivo de la pagina
- Fuente del contenido
- Mantenimiento del contenido
- Mensajes clave (y su prioridad)
No more Lorem ipsum, never again. - Kristina Halvorson
Notas de la presentación de Halvorson, por Chris Coyier.
Fotos por reallocalcelebrity. Imágenes de las notas por chriscoyier
Descarga los videos de MIMA Summit
Hace unas semanas asistí a MIMA Summit 09 en Minneapolis. (MIMA = Minnesota Interactive Marketing Association).
El evento se dividió de la siguiente manera:
4 series de sesiones divididas en tracks (Fundamentals, Strategy, Trends, Tactical, Technical, Nerd Out Discussion & Whoop It Up Discusion) y 2 keynotes presentadas por Jackie Huba y Seth Godin.
Ahora puedes descargar los vídeos de la mayoría de las presentaciones en MIMA Summit Sessions, te recomiendo sobre todo el de Jackie Huba.
Thinking Small (AEA Chicago 09)
La segunda charla de An Event Apart Chicago 09.
Thinking Small
Por Jason Santa Maria.
Para hablar de como las pequeñas decisiones tienen un gran impacto en el diseño web, Jason se enfocó en en 7 puntos:
-
1. Sé un pensador
No saltes a la computadora inmediatamente, piensa en el problema que intentas resolver.
Lleva un sketchbook, recuerda que no se trata de ser un buen dibujante, se trata de ser un buen pensador.
-
2. Encuentra el mensaje
Entiende el contenido de tus páginas, aprende conocer tus herramientas… por cierto: Tu mente es la herramienta, no Photoshop.
-
3. Usa ingenera inversa
Ponte en el lugar de tus usuarios, trata de liberar tu manera de pensar al reinterpretar los mensajes, para eso exagéralos, desármalos, dales otro contexto, etc.
Siempre vuelve a preguntar: “Si, y…”.
-
4. Crea un plano
Usa un grid, eso le dará cohesión a tu contenido… Pero necesitas pensar por qué y cómo lo estás usando.
Los frameworks para grids son una ayuda, no una garantía, siempre piensa cómo el grid que usas representa y apoya el mensaje.
También ten en cuenta que no necesariamente tienen que ser uniformes, no te limites a eso, prueba la asimetría.
-
5. Piensa horizontalmente
Empieza con grids horizontales luego aplica los verticales.
No pienses en columnas, piensa en espacios. Diseña sistemas, no páginas.
-
6. Detente, modula y escucha
Crea sistemas de layout modulares, usa clases para marcar columnas (usando CSS).
-
7. Busca parejas (tipográficas)
¿Cual es tu tipo de letra?
Cuando trabajes con fuentes, trata de emparejar fuentes de un mismo diseñador.
Busca contraste.
The mind is the tool for design. Photoshop is just a tool for refinement.- Santa Maria
Notas de la presentación de Santa Maria, por Chris Coyier.
Fotos por reallocalcelebrity. Imágenes de las notas por chriscoyier
A Site Redesign (AEA Chicago 09)
Este es el resumen de la primera charla de An Event Apart Chicago 09.
A Site Redesign
Presentación de Jeffrey Zeldman.
Mis Notas
Empieza con una pregunta: ¿Qué problema estamos tratando de solucionar?
Para entender el problema necesitamos investigar, al investigar logramos trazar metas.
Lo primero que hay que hacer para entender lo que los usuarios necesitan es salir y hablar con ellos.
Todas nuestras decisiones de diseño deberían estar basadas en las metas trazadas luego de la investigación.
Hay que tener en cuenta las necesidades del usuario y las metas del negocio, esto te permitirá crear algo que la gente necesite (y acanzar las metas del negocio).
Para el rediseño es básico tener una estrategia de contenidos, empieza con el contenido, luego el diseño.
Siempre comunica el por qué de un diseño. Vende ideas, no pixeles.
Mira los diseños anteriores (donde hemos estado) y también inspírate viendo lo que otros están haciendo.
Cuando diseñes, usa CSS, no PhotoShop, tienes mucha más flexibilidad en el browser. Usa un grid.
Dale a los usuarios la mejor experiencia que sus navegadores permitan. Usa progressive enhancement.
No hay fold, usa toda la página, que los elementos tengan espacio para respirar.
Estar cansados de un diseño no es buen motivo para rediseñar, generalmente uno se cansa mucho más rápido del diseño de sus páginas que los usuarios… (eso es obvio cuando piensas que tu ves tus páginas mucho más que un usuario promedio).
La frase:
Everything I do sucks, until finally it’s mediocre.
- Zeldman
Notas de la presentación de Zeldman, por Chris Coyier.
Fotos por reallocalcelebrity. Imágenes de las notas por chriscoyier
Lo que pasó en AEA Chicago 09 (serie de posts)
Empecé a escribir este post pensando en que sea sólo uno, luego me di cuenta que la cantidad de contenido lo haría muy dificl leer así que decidí convertirlo en varios posts (1 por presentación).
Durante el transcurso de la próxima semana estaré posteando sobre todas las charlas de An Event Apart Chicago 09, los posts incluirán algunas de las notas que tomé en las presentaciones, opiniones generales de otras personas, fotos de los expositores, etc.
Así que estate atento para que no te pierdas lo que pasó en An Event Apart Chicago 09!
PD: Las fiestas de Media Temple son demasiado buenas 
Las Presentaciones
- A Site Redesign Jeffrey Zeldman
- Thinking Small Jason Santa Maria
- Content First Kristina Halvorson
Social Marketing 101
Siguiendo con las presentaciones de MIMA Summit 09 aquí les dejo los slides de Social Marketing 101, una presentación de Greg Swan & Nathan T. Wright, donde explican los conceptos básicos del Social Media.
Social Marketing 101: Everything You Think You Should Already Know
La regla del 1%
Ayer estuve en MIMA Summit 09. La primera presentación fue la de Jackie Huba, Jackie nos habló sobre la regla del 1%.
Regla del 1%
El 1% de los usuarios es el que realmente crea contenido Jackie Huba
Eso quiere decir que ahora la desigualdad es la regla.
Durante la presentación se toco un caso de estudio. La disculpa de @dpzramon de Domino’s Pizza a @interactiveamy.
Resulta que @interactiveamy se quejó via twitter porque su pizza no había llegado a tiempo… lo que pasó después fue este video:
Además de lo gracioso y divertido que es este video, es interesante notar la importancia de estar al tanto de lo que pasa, por ejemplo en Twitter con respecto a nuestra marca, producto, etc. ya no se puede hablar de Local o Global, ahora hablamos de “GLOCAL”.
Para terminar no queda más que decir:
Pensemos en ese 1%
Finding Balance: Addressing Cognitive Dissonances (HCI)
Seminarios de HCI de la universidad de Stanford
Hoy encontré varios videos de seminarios de Human Computer Interaction (HCI) de la universidad de Stanford.
Lo que quiero hacer es postearlos en el blog junto a un pequeño resumen. Estos videos están en inglés, pero creo que serán de mucha ayuda para todos nosotros.
Puedes encontrar más información en el Stanford HCI Group
Hoy empezamos con el primer video…
Finding Balance: Addressing Cognitive Dissonances
6 de Octubre de 2006, por Joey McKay and Greg Niemeyer., 1h 13m 51s
Lo que MacKay & Niemeyer muestran aquí es que se pueden lograr modificaciones de la conducta a través de juegos & arte.
Durante el video se muestran diferentes juegos, todos con interfaces diferentes y que tratan de enseñar o mejorar conductas como por ejemplo reconocimiento de colores o balance.
Una cosa muy interesante es que las reglas de los juegos no están escritas sino que el jugador las aprende de una manera intuitiva mientras juega.
