Source: http://manumedina.com/page/2/
Timestamp: 2017-08-18 18:09:38+00:00

Document:
Manu Medina - Consultor UX, UI, AI, SEO, SEM y ANALITYCS
manumedina.com
Consultor UX, UI, AI, SEO, SEM y ANALITYCS
Saber cuando entra un pedido en la web de tu cliente
Muchas veces estás desbordado de clientes y no quieres tener que estar entrando en el panel de control de cada tienda o cms para saber cuantos contactos o pedidos tienen tus clientes al día. Para ello te recomiendo que te crees una alerta en Google Analytics para que te llegue al correo y así sepas tan rápido como tu cliente que ha habido una conversión, pedido o prospect. Lo que tienes que hacer es definir primero una conversión en Google Analytics, creo que todos sabemos como hacerlo, sino os dejo este enlace de un compañero y luego accedes a la página de Google Analytics:Administrador/Activos /Alertas personalizadas y pones esta configuración:
De esta forma podrás recibir diariamente si tu cliente ha tenido una conversión. También veo muy útil esta herramienta para que te avise si un día has tenido más de x visitas para avisar a tu cliente o para saber que acción se tomado para tener ese cambio positivo.
Escrito por manumedina No hay comentarios Escrito en ANALITYCS
Los labels dentro de los inputs
En estos últimos años, después del auge de aplicaciones móviles, cada vez se está usando más el poner los labels dentro de los inputs para los formularios de validación.
Estos ejemplos los puedes ver en aplicaciones y webs tan importantes como facebook, evernote… :
¿Por qué se ponen los labels dentros de estas cajas de texto?
Cuando diseñamos para aplicaciones móviles el espacio es algo muy privilegiado por lo que dejar un input vacio parace un espacio desaprovechado. Sobretodo estas cajas de texto deben ser bastante grandes, más de lo normal ya que van a tener interacción táctil. Si ponemos el label fuera del input esto nos hará tener que agrupar más los elementos y no habrá tantos márgenes o espacios vacios, Lukew, un gran conferenciante sobre mobile, es un gran defensor de este tipo de práctica.
Problemas de poner labels dentro de un input
Cuando el usuario quiere acceder a una zona privada de una web lo ideal es que visualmente vea los inputs vacios donde van a tener que introducir información, según puedes leer en UXmatters, este espacio está reservado para los usuarios.
También ocurre que cuando el usuario pulsa dentro del input el label desaparece y el usuario no recuerda si tiene que introducir un email o un nombre de usuario (esto me ha pasado a mí muchas veces), visualmente no encuentra ningún sitio donde diga que dato tiene que introducir y lo único que puede hacer es borrar la información que ha introducido en el input y visualizar de nuevo el label.
Entiendo que esta situación en móvil se realice ya que el espacio es muy preciado pero en un formulario de validación de una web, donde suele haber sitio, no veo sentido hacer esta práctica. También tenemos que tener en cuenta que en un móvil hay muchos factores del entorno que nos hacen distraernos, quien no consulta facebook mientras va andando, y si tienes que validarte, a veces no eres capaz de rellenar un formulario entero manteniendo la mirada fija en el móvil por lo que las distracciones externas no te hacen recordar que tipo de campo era si usuario o e-mail.
Escrito por manumedina No hay comentarios Escrito en MÓVIL, UX
Inspiración para diseños web, móvil y tablets
Listado de webs para inspiración a la hora de realizar cualquier proyecto online
Inspiración web:
http://creattica.com/: Diseño en general y UI
Inspiración de colores:
Inspiración css y html, responsive, jquery:
http://mediaqueri.es/ Responsive
Inspiración revista, fotografía, maquetación:
http://www.quintatinta.com/
http://basic_sounds.blogspot.com.es/
Blogs de lectura, diseño, ux, seo:
Inspiración móvil y tablets:
http://www.mobile-patterns.com : Categorías por tipos de pantallas móviles
http://inspired-ui.com : Categorías por tipos de pantallas móviles
http://patterntap.com/: Diseños de móvil, tablet y web
http://www.tappgala.com/ – Categorías por tipos de aplicaciones
http://www.makebetterapps.com/ Diseño para móvil, tablet y web. Clasificación por tipo de aplicación
http://www.uiparade.com/ Tipos de elementos de una aplicación
http://www.android-app-patterns.com/ Teléfonos y tabletas android
http://iphone.meer.li/
http://www.mobilemozaic.com/ Móvil por categorías de temas
Nuevas estrategias SEO para posicionar tu página web
Muy interesante los nuevos conceptos que nos explica Rand Fishkin en el whiteboard friday de la semana pasada del blog de SEOMOZ. Las técnicas que siempre hemos usado ya parece que las usa todo el mundo por lo que hay que empezar a utilizar nuevas estrategias para marcar la diferencia.
Escrito por manumedina No hay comentarios Escrito en SEO
Vídeo sobre Responsive Design
Os dejo el vídeo de la charla de Responsive Design que di en Tucamon. No dudes en escribir algún comentario si tienes alguna duda.
Conecta la RSS de tu blog con Facebook, twitter y otras redes sociales
Llevo bastante tiempo usando diferentes aplicaciones de facebook y de twitter para comunicar los blogs en los que colaboro con las redes sociales de forma automática hasta que por fin he conocido la web IFTTT (por cierto, muy buena la interacción y user interface de la web).
¿Qué es IFTTT? No queda muy claro, no? ….. pues simplemente significa: If this then that… es decir, si pasa esto haz lo otro, traduciendo para un community manager: si publico mi post en wordpress publícamelo automáticamente en facebook, twitter o donde quieras.
Puedes realizar toda las configuraciones que desees, por ejemplo:
Cuando alguien publica algo en mi muro de facebook que me llegue un e-mail
Cuando alguien hace un Retuit que me mande un email
Cuando publico algo en wordpress que me lo publique en facebook
y así mucho más
Puedes conseguir muchas configuraciones que son muy útiles para automatizar la información que manejas en Internet.
También decir que no se puede conectar tu RSS de tu blog con Google Plus ya que Google no ha permitido que se haga estos automatismo. También me ha pasado con el perfil de empresa de Linkedin que tampoco me ha dejado conectarlo con la RSS de sus blog, una pena ya que al final hay que hacerlo manualmente. Si alguien encuentra una solución para estas redes sociales que deje un comentario!.
Escrito por manumedina No hay comentarios Escrito en REDES SOCIALES
Presentación sobre Responsive Design en Camon
El 19 de Julio de 2012 di la charla sobre Responsive Design en el espacio tecnológico de Camon. En breve colgarán en el perfíl de Vimeo de Tucamon el vídeo que se grabó de la charla. De momento podéis ir viendo la presentación que he subido en Slideshare.
Responsive design presentación en Camon Madrid from maspixel
Escrito por manumedina No hay comentarios Escrito en SEM, SEO
Charla sobre Responsive Design
El próximo Jueves 19 de Julio de 2012 doy en TUCAMON Madrid una píldora formativa sobre Responsive Design y la utilización de esta técnica para adaptar webs a diferentes dispositivos móviles y sus distintas resoluciones.
La charla es a las 19:00h y el registro es gratuito. Te puedes inscribir en la web de Tucamon.
A veces posicionar determinadas palabras claves en google es tarea muy complicada, principalmente por la competencia y el gran número de contenido que hay sobre esas palabras que queremos posicionar.
¿Qué es el Knowledge Graph?
Google cada vez escucha más al usuario y un claro ejemplo es lo que presentó la semana pasada en su blog de novedades:Knowledge Graph
Escrito por manumedina 1 Comentario Escrito en SEO
Ver mi web en un móvil
Google ha sacado un nuevo servicio para adaptar tu página web a dispositivos móviles. Mensajes del tipo:
“2 de cada 3 personas usan su móvil como si fuera una linterna”
“las tendencias para el 2013 es que habrá más usuarios que se conecten a internet desde su móvil que desde un pc”
“En el 2010 las búsquedas por móvil sufrieron un crecimiento del 400%”
Bueno, todo esto quiere decir que tu web debería estar optimizada para poder ser visualizada de forma correcta desde un dispositivo móvil.
¿Qué quiere decir que tu móvil se vea de forma correcta en un dispositivo móvil?
– El texto de tu web se debería de leer sin tener que hacer zoom
– Los enlaces y botones deben ser fácilmente clikables con el dedo también sin hacer zoom.
– Las cajas de búsqueda y formularios deberán ser grandes para que el usuario acceda de forma correcta.
– Tu página tarda mucho en cargar desde un móvil?
Para poder contestar a estas preguntas puedes acceder a la web de Haz tu web móvil y probar el Test móvil de tu página web
Microdatos en mi tienda online
Para que tu producto salga destacado en el resultado de búsqueda de google y por lo tanto aumentar el número de visitas considerablemente y así tener más ventas, sólo tienes que introducir unos códigos llamados microdatas en los que los robots de google interpretarán de forma semántica y podrás conseguir este resultado.
Resolución Ipad, iphone y dispositivos móviles más comunes
A la hora de crear diferentes diseños para web debemos tener claro las dimensiones en pixel de los nuevos dispositivos móviles que están en el mercado.
La mejor opción es usar media queri que te da la posibilidad de adaptar con css tus clases para abarcar las diferentes resoluciones.
Aquí están las resoluciones de los dispositivos más importantes:
Resulución Ipad: 1024×768
Resolución Ipad 2: 1024×768
Resolución Iphone: 320×480
Resolución Samsung Galaxy Ace: 320×480
Resolución Samsung Galaxy S II: 800×480
Resolución Nokia Lumia 800: 800×480
Escrito por manumedina No hay comentarios Escrito en MÓVIL
Presentación de Service Design
Mis 10 principios de Usabilidad
· Cubos de cerveza

References: Resolución 

Resolución 

Resolución 

Resolución 

Resolución 

Resolución