Este documento proporciona recomendaciones sobre el diseño y uso de diferentes controles de formulario para mejorar la usabilidad. Se discuten los radio buttons, combos, checkboxes, campos de texto y fechas para asegurar que los usuarios puedan completar los formularios de manera eficiente y con poco error. El objetivo es maximizar la tasa de cumplimentación de los formularios mediante un diseño centrado en el usuario.
10 Claves para mejorar el SEO de tu sitio WordpressIñaki Lakarra
Presentación - Documentación de la charla: "10 Claves para mejorar el SEO de tu sitio Wordpress" impartida por Iñaki Lakarra en el Congreso Wordpress Euskadi celebrada en Garaia Enpresa Digitala - 16-5-2015
Digitalizate: como digitalizar mi negocio Culinary ActionIñaki Lakarra
Documentación del Taller "Digitalízate" en el Congreso Culinary Action del Basque Culinary Center utilizada por Iñaki Lakarra (Mondragon Unibertsitatea). Febrero 2015
Cómo abordar un proyecto web y no morir en el intento - Araba Encounter 2014Iñaki Lakarra
Documentación de la conferencia "Cómo abordar un proyecto web y no morir en el intento" realizada por Iñaki Lakarra en el entorno de Araba Encounter - Diciembre 2014
Comercialización y visiblidad internacional online. Aplicaciones P2P. IV Foro...Iñaki Lakarra
Documentación de la charla "Comercialización y visiblidad internacional online. Aplicaciones P2P" realizada por Iñaki Lakarra en el IV Foro Enoturismo Rioja Alavesa. Laguardia. Noviembre 2014.
Cómo abordar un proyecto web y no morir en el intento - Indusmedia -2014Iñaki Lakarra
Presentación "Cómo abordar un proyecto web y no morir en el intento" de Iñaki Lakarra en el Congreso de Marketing Industrial para Empresas Industriales "Indusmedia". Octubre 2014
Aspectos a tener en cuenta cuándo tratamos de poner
Optimización SEO para sitios web hechos con WordPressIñaki Lakarra
Transparencias del curso Optimización SEO para sitios web hechos con WordPress en Enpresa Digitala by Iñaki Lakarra (Mondragon Unibertsitatea). Plugins y recomendaciones de optimización SEO de sitios web corporativos o blogs creados con Wordpress.
Actualizado Diciembre 2014
SEO - Internacionalización Web - Congreso Spyro - 27-9-2013Iñaki Lakarra
8 recomendaciones desde el punto de vista SEO a tener en cuenta a la hora de internacionalizar sitios web. Conferencia impartida por Iñaki Lakarra (Mondragon Unibertsitatea) en el ámbito del Congreso Spyro 2013
Charla "Promoción Internacional a través de la web" en el Foro Intergune 2012 - SPRI
Casos prácticos de SEO Internacional
Iñaki Lakarra - Mondragon Unibertsitatea
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...espinozaernesto427
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta intensidad son un tipo de lámpara eléctrica de descarga de gas que produce luz por medio de un arco eléctrico entre electrodos de tungsteno alojados dentro de un tubo de alúmina o cuarzo moldeado translúcido o transparente.
lámparas más eficientes del mercado, debido a su menor consumo y por la cantidad de luz que emiten. Adquieren una vida útil de hasta 50.000 horas y no generan calor alguna. Si quieres cambiar la iluminación de tu hogar para hacerla mucho más eficiente, ¡esta es tu mejor opción!
Las nuevas lámparas de descarga de alta intensidad producen más luz visible por unidad de energía eléctrica consumida que las lámparas fluorescentes e incandescentes, ya que una mayor proporción de su radiación es luz visible, en contraste con la infrarroja. Sin embargo, la salida de lúmenes de la iluminación HID puede deteriorarse hasta en un 70% durante 10,000 horas de funcionamiento.
Muchos vehículos modernos usan bombillas HID para los principales sistemas de iluminación, aunque algunas aplicaciones ahora están pasando de bombillas HID a tecnología LED y láser.1 Modelos de lámparas van desde las típicas lámparas de 35 a 100 W de los autos, a las de más de 15 kW que se utilizan en los proyectores de cines IMAX.
Esta tecnología HID no es nueva y fue demostrada por primera vez por Francis Hauksbee en 1705. Lámpara de Nernst.
Lámpara incandescente.
Lámpara de descarga. Lámpara fluorescente. Lámpara fluorescente compacta. Lámpara de haluro metálico. Lámpara de vapor de sodio. Lámpara de vapor de mercurio. Lámpara de neón. Lámpara de deuterio. Lámpara xenón.
Lámpara LED.
Lámpara de plasma.
Flash (fotografía) Las lámparas de descarga de alta intensidad (HID) son un tipo de lámparas de descarga de gas muy utilizadas en la industria de la iluminación. Estas lámparas producen luz creando un arco eléctrico entre dos electrodos a través de un gas ionizado. Las lámparas HID son conocidas por su gran eficacia a la hora de convertir la electricidad en luz y por su larga vida útil.
A diferencia de las luces fluorescentes, que necesitan un recubrimiento de fósforo para emitir luz visible, las lámparas HID no necesitan ningún recubrimiento en el interior de sus tubos. El propio arco eléctrico emite luz visible. Sin embargo, algunas lámparas de halogenuros metálicos y muchas lámparas de vapor de mercurio tienen un recubrimiento de fósforo en el interior de la bombilla para mejorar el espectro luminoso y reproducción cromática. Las lámparas HID están disponibles en varias potencias, que van desde los 25 vatios de las lámparas de halogenuros metálicos autobalastradas y los 35 vatios de las lámparas de vapor de sodio de alta intensidad hasta los 1.000 vatios de las lámparas de vapor de mercurio y vapor de sodio de alta intensidad, e incluso hasta los 1.500 vatios de las lámparas de halogenuros metálicos.
Las lámparas HID requieren un equipo de control especial llamado balasto para funcionar
Catalogo general Ariston Amado Salvador distribuidor oficial ValenciaAMADO SALVADOR
Distribuidor Oficial Ariston en Valencia: Amado Salvador distribuidor autorizado de Ariston, una marca líder en soluciones de calefacción y agua caliente sanitaria. Amado Salvador pone a tu disposición el catálogo completo de Ariston, encontrarás una amplia gama de productos diseñados para satisfacer las necesidades de hogares y empresas.
Calderas de condensación: Ofrecemos calderas de alta eficiencia energética que aprovechan al máximo el calor residual. Estas calderas Ariston son ideales para reducir el consumo de gas y minimizar las emisiones de CO2.
Bombas de calor: Las bombas de calor Ariston son una opción sostenible para la producción de agua caliente. Utilizan energía renovable del aire o el suelo para calentar el agua, lo que las convierte en una alternativa ecológica.
Termos eléctricos: Los termos eléctricos, como el modelo VELIS TECH DRY (sustito de los modelos Duo de Fleck), ofrecen diseño moderno y conectividad WIFI. Son ideales para hogares donde se necesita agua caliente de forma rápida y eficiente.
Aerotermia: Si buscas una solución aún más sostenible, considera la aerotermia. Esta tecnología extrae energía del aire exterior para calentar tu hogar y agua. Además, puede ser elegible para subvenciones locales.
Amado Salvador es el distribuidor oficial de Ariston en Valencia. Explora el catálogo y descubre cómo mejorar la comodidad y la eficiencia en tu hogar o negocio.
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaAMADO SALVADOR
Descubra el catálogo completo de buzones BTV, una marca líder en la fabricación de buzones y cajas fuertes para los sectores de ferretería, bricolaje y seguridad. Como distribuidor oficial de BTV, Amado Salvador se enorgullece de presentar esta amplia selección de productos diseñados para satisfacer las necesidades de seguridad y funcionalidad en cualquier entorno.
Descubra una variedad de buzones residenciales, comerciales y corporativos, cada uno construido con los más altos estándares de calidad y durabilidad. Desde modelos clásicos hasta diseños modernos, los buzones BTV ofrecen una combinación perfecta de estilo y resistencia, garantizando la protección de su correspondencia en todo momento.
Amado Salvador, se compromete a ofrecer productos de primera clase respaldados por un servicio excepcional al cliente. Como distribuidor oficial de BTV, entendemos la importancia de la seguridad y la tranquilidad para nuestros clientes. Por eso, trabajamos en colaboración con BTV para brindarle acceso a los mejores productos del mercado.
Explore el catálogo de buzones ahora y encuentre la solución perfecta para sus necesidades de correo y seguridad. Confíe en Amado Salvador y BTV para proporcionarle buzones de calidad excepcional que cumplan y superen sus expectativas.
Inteligencia Artificial y Ciberseguridad.pdfEmilio Casbas
Recopilación de los puntos más interesantes de diversas presentaciones, desde los visionarios conceptos de Alan Turing, pasando por la paradoja de Hans Moravec y la descripcion de Singularidad de Max Tegmark, hasta los innovadores avances de ChatGPT, y de cómo la IA está transformando la seguridad digital y protegiendo nuestras vidas.
2. 31/03/2009
Practica
• Hay casos en los que los combos se utilizan para
quot;ahorrar operativa al usuarioquot;...
ahorrar operativa al usuario ...
Ej: comparar dos coches en la web de Supermotor
Elijo la Marca A y el Modelo A (se recarga la pagina
sin que yo lo indique)
Elijo la Marca B y el modelo B (se recarga la pagina
Elij l M Bl d l B( l i
otra vez sin que yo lo indique)
Y ahora es cuando puedo comparar.
Y ahora es cuando puedo comparar
2
4. 31/03/2009
• RECUERDA: El usuario es el que tiene el control... no
la maquina... NUNCA se deben ejecutar operaciones
la maquina NUNCA se deben ejecutar operaciones
sin que el usuario lo haya ordenado. Recargar la
pagina es ejecutar una orden que el usuario ordena...
nunca la debemos hacer si su permiso.
¿Qué ahorro hemos conseguido? Solo hemos
conseguido que el usuario se vea recargando la
d l dl
pagina una y otra vez...
4
5. 31/03/2009
El adecuado uso de controles de formulario es
decisivo para el éxito.
decisivo para el éxito
• Los formularios son usados para comprar, registrarse, buscar,
suscribirse, asociarse, etc. todos ellos procesos básicos para la
suscribirse asociarse etc todos ellos procesos básicos para la
supervivencia de un sitio web y su eslabón más frágil. Cuando un
usuario se decide a completar un formulario ya ha tomado una
decisión (compra, suscripción, registro, etc.) y esta dispuesto a
d i ió ( i ió it t) t di t
llevarla a cabo, el sitio web ha tenido éxito y solo falta quot;rematar la
faenaquot;.
Entre la intención del usuario y una cumplimentación exitosa el
factor más importante es la usabilidad. De ella dependerá su ratio
factor más importante es la usabilidad. De ella dependerá su ratio
de cumplimentación, es decir, el cociente entre el número de
usuarios que finalizan el formulario y número total de usuarios que
lo comienzan.
l i
5
7. 31/03/2009
Combos usables
• Los combos se utilizan para restringir la respuesta de
una pregunta a unas determinadas opciones de
pg p
respuesta (solo 1).
• Las respuestas de los combos están ocultas para
p p
ocupar menos espacio en el formulario.
• Sencillas e inequívocas tras leer el enunciado de la
pregunta.
Ej: 1 combo quot;paísquot; se incluyen todos los países del mundo se hace muy
difícil de utilizar. El usuario escribe antes el nombre del país
seleccionándolo en un combo de más de 100 opciones. Además quot;paísquot; en
la mayoría de los casos no es un campo crítico y su ratio de errores muy
la mayoría de los casos no es un campo crítico y su ratio de errores muy
bajo.
7
8. 31/03/2009
check‐boxes
• Los check‐boxes se utilizan en dos casos:
1) Para restringir la respuesta de una pregunta a unas
1) Para restringir la respuesta de una pregunta a unas
determinadas opciones de las cuales es posible
escoger varias.
escoger varias.
2) Para presentar una única opción que no es
obligatoria.
Ej: confirmar la lectura de cláusulas de contratos, optar por recibir correos
•
electrónicos con publicidad, etc. Para que se produzca una confirmación real y
l tó i bli id d t P d fi ió l
consciente del usuario, la check‐box deberá aparecer por defecto sin marcar, en
caso contrario el usuario puede perder confianza en el sitio e interpretar su política
como engañosa.
g
8
9. 31/03/2009
Campos de texto
Se utilizan cuando se quiere permitir cualquier tipo
de respuesta a una pregunta del formulario. Son los
de respuesta a una pregunta del formulario Son los
preferidos por los usuarios que saben que pueden
escribir casi cualquier cosa.
q
La longitud del campo es importante porque da a los
usuarios la clave sobre la longitud de la respuesta
esperada, ello les hace ajustarla y comprender mejor
la pregunta.
l t
9
10. 31/03/2009
En la dirección postal (tipo de vía, nombre de la vía, número,
piso, escalera, puerta, etc.) es adecuado un solo campo de
piso escalera puerta etc ) es adecuado un solo campo de
texto. Un usuario necesita menos tiempo para completar un único campo,
porque lo hace muy frecuentemente y no es fácil que cometa errores.
La excesiva separación de los datos en diferentes campos
La excesiva separación de los datos en diferentes campos
provoca errores porque no es posible incluir absolutamente
todos los posibles elementos de la dirección (piso, escalera,
puerta, bloque, escalera, patio, etc.). Puede confundir al usuario y
originarle una falta de confianza en el correcto resultado del proceso.
10
11. 31/03/2009
Siendo la dirección postal un campo que no se analiza en la
Si d l di ió tl li l
base de datos y simplemente se imprime en las etiquetas de
los sobres, no tiene sentido utilizar 4 o 5 campos diferentes
para su recogida (en caso de necesidad se puede usar el
código postal que se recoge en un campo distinto).
11
13. 31/03/2009
• Un error típico es introducir el salto automático entre campos
de texto consecutivos y hacer innecesario el uso del tabulador.
Aunque este comportamiento puede parecer que facilita la tarea de introducción
de datos, no es adecuado porque quita control a los usuarios, no es un
funcionamiento estándar y es necesario mirar la pantalla para saber en que campo
se está. Todo ello puede provocar fácilmente errores, como por
ejemplo, introducir datos pertenecientes a un campo en el
j l it d idt t it l
siguiente cuando no se introduce el formato esperado por el
salto automático.
En la validación de campos de texto, se recomienda aceptar
algunos quot;erroresquot; comunes como espacios en los números de
l quot; quot; i l ú d
teléfono, los puntos de millares o el uso indistinto de
mayúsculas o minúsculas.
13
14. 31/03/2009
Recomendaciones Generales
Agrupar
•
Para evitar la incomodidad del cambio entre teclado y ratón, cuando tenga
sentido, agrupar por un lado los controles que se manejan con el ratón
tid ld l tl j l tó
(radio‐buttons, check‐boxes, combos) y por otro los que se manejan con el
teclado (campos de texto), en lugar de alternarlos.
Situar:
•
Respecto a la situación, tanto los quot;radio buttonquot; como los quot;check‐boxquot;
siempre se han situar a la izquierda d l ti
i h it l i q ierda de la etiqueta del campo, así se favorece
t dl íf
la alineación vertical de todos los controles. Por el contrario los combos y los
campos de texto deben situarse a la derecha de la etiqueta del campo.
14
17. 31/03/2009
Optimizar el formato Web para diferentes
dispositivos
• Browser (css media screen) Ejemplo word, ejemplo html
• Impresora (css media print)
Impresora (css media print)
• PDAS.
1‐Ser consciente de las limitaciones de los PDAs.
Los ordenadores de bolsillo tienen una pantalla más
reducida, menos memoria y menos velocidad de proceso
que los ordenadores convencionales.
que los ordenadores convencionales
2‐Definir cuidadosamente la estructura del site.
Con las secciones más importantes y enlaces a las mismas
Cl i ái tt l l i
desde todas las páginas. La primera página ya ha de
mostrar información útil para el usuario, evitando páginas
de bienvenida o de selección de idioma.
17
18. 31/03/2009
Evaluar la usabilidad
• Evaluación automática.
– WebMetrics http://zing.ncsl.nist.gov/WebTools/tech.html:
– https://addons.mozilla.org/es‐ES/firefox/addon/60
– https://addons.mozilla.org/es‐ES/firefox/addon/1843
• Tamaño de las pág
Tamaño de las pág.
• Tiempos de descarga.
• Tamaños absolutos de fuentes y tablas
Tamaños absolutos de fuentes y tablas.
• Formato de los textos.
• Enlaces rotos.
• Evaluación heurística (por expertos)
http://www.useit.com/papers/heuristic/heuristic_list.html
• Evaluación con usuarios (Selenium IDE,
l ó i(l
http://seleniumhq.org/projects/ide/)
18
20. 31/03/2009
eyetracking
• En el mapa anterior, se quiere transmitir que los
anuncios no son vistos, sin embargo se está usando
anuncios no son vistos sin embargo se está usando
un mapa de visión dónde se destaca lo que se ve en
lugar de lo que no se ve.
• Un recurso más apropiado es usar un mapa donde
aparecen tan sólo aquellas zonas han sido vistas por
algún usuario, un mapa de quot;zonas ciegasquot;.
20
22. 31/03/2009
eyetracking
• ¿Es efectivo el diseño de la página de inicio?
• ¿Qué efecto tienen los 'blurbs' (párrafo que sigue al
¿Qué efecto tienen los blurbs (párrafo que sigue al
título en la página de inicio) comparados con los
titulares?
titulares?
• ¿Cuándo es apropiado utilizar recursos multimedia?
• ¿Están los avisos publicitarios ubicados donde
¿Están los avisos publicitarios ubicados donde
puedan ser vistos por la audiencia?
131
22
23. 31/03/2009
eyetracking
• Una investigación de ‘seguimiento’ o ‘rastreo’
de ojo ( eyetracking ) combinado con otras
de ojo (‘eyetracking’) combinado con otras
medidas ya usadas por los administradores de
los sitios web –pruebas de usabilidad,
los sitios web pruebas de usabilidad
sesiones de grupo, análisis de registros (log
analysis)–, pueden suministrar una guía para
analysis) pueden suministrar una guía para
mejorar dichos sitios.
132
23
24. 31/03/2009
patrón común
• Los ojos primero se fijaban con más frecuencia en la
parte superior izquierda de la página, luego se
parte superior izquierda de la página luego se
quedaban en esa área antes de ir de izquierda a
derecha. Sólo después de leer con atención la
porción superior de la página por algún tiempo
hicieron que sus ojos exploraran más abajo.
• Dependiendo del diseño de la página, este patrón
puede variar.
133
24
26. 31/03/2009
eyetracking
• Otra observación del Eyetrack: los titulares
dominantes atraen la atención con más
dominantes atraen la atención con más
frecuencia cuando se ingresa a la página –
especialmente cuando están en la parte
especialmente cuando están en la parte
superior izquierda, y con más frecuencia
(pero no siempre) cuando están en la parte
(pero no siempre) cuando están en la parte
superior derecha.
135
26
28. 31/03/2009
¿Desea que la gente lea, no escanee?
• El comportamiento de la gente fue
particularmente interesante cuando se usaban
particularmente interesante cuando se usaban
titulares y ‘blurbs’ (el párrafo que le sigue al
título) en las páginas de inicio. Los
título) en las páginas de inicio Los
participantes en las pruebas del Eyetrack III
tendían a ver tanto el titular como el blurb
tendían a ver tanto el titular como el ‘blurb’
cuando el primero estaba en negrita y en el
mismo tamaño que el segundo, y ambos en el
mismo tamaño que el segundo y ambos en el
mismo renglón.
137
28
29. 31/03/2009
• Con el titular más largo que el ‘blurb’ y en una línea
separada, la gente tendía a ver los titulares y saltar
separada la gente tendía a ver los titulares y saltar
los ‘blurbs’;
• Los investigadores creen que es el contraste en el
Los investigadores creen que es el contraste en el
tamaño de la tipografía lo que da cuenta de este
comportamiento, así como el tamaño de la tipografía
en si mismo.
• Cuando el titular es más grande que el texto de su
respectivo ‘blurb’, puede ser percibido como
elemento más importante en el bloque titular‐blurb
–así que la gente parece decidir que ver el titular es
así que la gente parece decidir que ver el titular es
suficiente y salta el ‘blurb’–. 138
29
31. 31/03/2009
• Las rupturas visuales –como una línea o regla–
desaniman a la gente a mirar los ítems más allá de la
ruptura, como un ‘blurb’.
• La mayoría de ellos (22 de 25) usan ‘blurbs’ para
acompañar los titulares en sus páginas de inicio. Son
ñl l á d
raros los que usan solo titulares: CNN.com,
NYPost.com y ProJo.com.
NYPost com y ProJo com
• En términos del tamaño del titular, existe una
división equilibrada entre quienes usan un tamaño
división equilibrada entre quienes usan un tamaño
de tipografía más grande y uno más pequeño.
• 12 de los 22 sitios que usan ‘blurbs’ en sus páginas
12 de los 22 sitios que usan blurbs en sus páginas
de inicio ponen líneas bajo sus titulares.
140
31
32. 31/03/2009
La vista parcial de los titulares y los ‘blurbs’ es
más común
más común
• Cuando la gente mira los ‘blurbs’ bajo los titulares en
Cuando la gente mira los blurbs bajo los titulares en
las páginas de inicio, con frecuencia mira solo el
tercio izquierdo de ellos. La mayoría mira solo el
tercio izquierdo de ellos. La mayoría mira solo el
primer par de palabras –y solo sigue leyendo si es
animada por ellas‐.
141
32
33. 31/03/2009
• Este es el ‘heatmap’ (mapa de zonas calientes– es
una vista agregada de todas las fijaciones de ojo de
una vista agregada de todas las fijaciones de ojo de
los sujetos de la prueba). Abajo, el área naranja fue
la más vista; la azul, la menos vista.
142
33
34. 31/03/2009
• Las personas típicamente escanean hacia abajo una
lista de titulares, y con frecuencia no los ven
lista de titulares y con frecuencia no los ven
completamente. Si las primeras palabras las animan,
tienen la tendencia a continuar. En promedio, un
titular tiene menos de un segundo de la atención de
los visitantes.
• Para los titulares –especialmente los más largos–
parecería que el primer par de palabras necesitaran
ser verdaderas cautivadoras de la atención si usted
dd ti d d l t ió i t d
desea captar los ojos.
143
34
35. 31/03/2009
• Lo mismo vale para los ‘blurbs no solo deberían
conservarse cortos, sino que el primer par de
conservarse cortos sino que el primer par de
palabras necesita capturar la atención del visitante.
• En los 25 sitios que revisaron hay una considerable
variedad de ‘blurbs’. La longitud promedio del ‘blurb’
g p
varía de un mínimo de 10 palabras a un máximo de
25, con la mayoría de los sitios alrededor de 17.
144
35
36. 31/03/2009
• El Eyetrack encontró que la gente típicamente
mira más allá de la primera pantalla. Pero sus
mira más allá de la primera pantalla Pero sus
ojos típicamente escanean las porciones más
bajas de la página buscando algo que capture
bajas de la página buscando algo que capture
su atención.
•SSus ojos pueden fijarse en un titular
j d fij il
interesante o palabra que se destaque, pero
no en otro contenido. De nuevo, esto señala la
id D ñl l
necesidad de escribir titulares atractivos.
145
36