Como categorizar contenido web centrado en el consumidor

Publicado en: Web 0

Como la categorización de contenidos no es una cosa trivial, necesitamos participación externa al grupo de desarrollo del producto para poder establecer una categorización eficaz para el usuario.

Por ese motivo vamos a utilizar para realizar la categorización de contenidos  el sistema que se conoce como “CardSorting”.

Card Sorting Table

Para realizar este ejercicio necesitaremos:

1. Seleccionar el Contenido.Arbol de Contenido

a. Identificar y crear las categorías.
b. Identificar y crear las futuras categorías.

2. Seleccionar a los usuarios participantes.
3. Preparar las tarjetas.

1. ¿Cómo iniciamos una categorización de objetos?

explorerImaginemos que somos unos exploradores y encontramos frente nosotros  un nuevo objeto, lo observamos detenidamente y acto seguido los recolectamos.

Empezaremos a buscar en nuestro cerebro algún objeto similar para poder asociarlo a algo que ya conozcamos, en el caso no encontrarlo lo añadiremos a una categoría nueva (objetos desconocidos) o lo dejaremos sin categorizar, en ninguno de los casos no concuerda con nada conocido.

Seguimos explorando, nos encontramos con otro objeto,  repetimos los pasos anteriores para asociar el objeto; esta vez nuestro objeto es similar al primero.

En este caso recuperamos la categoría asignada o creamos una nueva categoría  y en ambos casos unificamos los dos objetos encontrados en la misma  categoría y finalmente los almacenamos.

Y esto es lo que hacemos continuamente ante un nuevo objeto, información, etc.

2. ¿Cómo asignamos los nombres categorías?

El nombre o tipo de categoría al que asignamos los nuevos items dependerán de nuestro propio grado de conocimiento especifico sobre el tema a categorizar.

Hago especial hincapié en la importancia del contexto y del usuario final al que va dirigida la información para hacer, una buena categorización del contenido mediante el uso de palabras claves.

Un ejemplo: Para “Oro”.

  • Alguien de económicas lo clasificaría como: Material preciosoActivo financiero de materias primas, …Oro - Au
  • Alguien de ciencias clasificara: Elemento químicoAu, …

Es necesario definir un campo para la sección del contenido –puedes proponerlas tu o generarlas más adelante– y otras para las categorías de la sección.

OroPendientes, Zarcillos, Cadenas, Plumas,…

 

3. Existen tres sistemas principales de dispersión de  la información.binary tree

  • Organización mediante etiquetas.
  • Sistemas en Árbol.
  • Organización mediante raíz, nodos y hojas.

4. Utilizando CardSorting

Para agrupar las categorías se utilizaremos la técnica de “Cardsorting” –Técnica de categorización de contenidos centrada en el usuario– que consiste, en realizar pruebas con nuestras categorías escritas en una tarjeta y pedir a un número determinado de personas de manera individual o colectiva las orden en base a su criterio.

  • Pruebas individuales: un mínimo de 5 a 10 pruebas y el máximo lo pone tu presupuesto y tiempo.
  • Pruebas colectivas: 3 personas por grupo, con un mínimo de 5 grupos

Podemos establecer dos formas a la hora de realizar el cardsorting:

  • Utilizando ordenación abiertaopen sort-.
    • El usuario organiza todas la categorías mediante el grupo que él establezca.
  • Utilizando ordenación cerradaclosed sort-.
    • El usuario organiza todas las categorías según los grupos –sección– que nosotros hayamos establecido previamente.

Prototipado en papel – Card Sorting

5. Trucos a tener en cuenta.idea-users

  • Explicar de forma clara y concisa a los usuarios que pretendemos conseguir.
  • Una categoría que va a contener un solo ítem es irrelevante y no debe usarse.
  • Repartir el mazo de tarjetas desordenado.
  • Sacar fotos al final de la selección para la futura puesta en común.
  • Responder a todas las cuestiones que nos hagan.
  • No presionar ni esperar el mismo resultado para todos los participantes.

6. Conclusiones

Una vez finalizada la sesión y puesta en común del CardSorting deberemos concluir cuales son los resultados comunes, para crear nuestro patrón de categorías.

Además deberemos, tener espacial interés en las categorías que causaron conflictos o se establecieron en más de una sección o grupo, para intentar eliminar esa ambigüedad.

Error Un error típico según Nielsen (2004), consiste en crear la estructura de web e intranets desde el punto de vista de la empresa y como está  establecida jerárquicamente.

Esto dará lugar a diferentes sub-webs para cada departamento o sección con información interna del sitio.

El usuario no tiene que saber cómo está organizada la empresa/institución, para encontrar la información que el necesita, él solo quiere su información de forma rápida y concisa, si en menos de 8 segundos no encuentra lo que quiere se irá a otra web.

7. Herramientas para Cardsorting

  • WebSort Online, Comercial con varios tipos de licencia.tools
  • UzillaGratuito, instalación en el navegador.
  • OptimalworkshopOnline, Comercial con varios tipos de licencia y una cuenta gratuita que te permite el uso de 10 personas con 3 tareas por persona y un máximo de 30 tarjetas.

 

Continúa leyendo: Como categorizar contenido web centrado en el consumidor

Introducción a la web semantica (Web 3.0)

Publicado en: Varios 0

Es vídeo realiza una corta explicación de la próxima evolución (ya se trabaja en ello) de la web al lenguaje semántico, también denominada Web 3.0.

Para entender este vídeo no es necesario tener grandes conocimientos de Internet.

 

Continúa leyendo: Introducción a la web semantica (Web 3.0)

El copiar se va acabar con approbo

Publicado en: Web 0
logo-approbo.png
 

En estos días, se lanzo a la red la aplicación de comprobación de documentos con la red. Esta aplicación permite al usuario conocer si el texto que ha recibido (si lo has escrito tu sabrás si lo has copiado, ¿no?) o leído ha sido copiado de alguna web publicada en Internet.

En el ámbito de la educación esta aplicación, ha sido bien acogida por los profesores, ya que con ella pueden averiguar el nivel de copia de Internet que han realizado sus alumnos,  utilizando el conocido método de «cortar y pegar» de sus trabajos.

Esta aplicación es de software libre realizado por la empresa Citilab y para utilizarla solo deberás registrarte y enviar tus documentos (acepta pdf, html, odt, xml,txt, rtf, doc, docx, xls y xlsx) a través de la web de Approbo.

Así que a partir de ahora, acordaros de citar siempre las fuentes de vuestra información, ya que con aplicaciones como estas, es mas fácil detectar las copias. Y sinceramente, no esta bien visto, lucrarse con el trabajo de otros y esta castigado por algunas leyes.

Si quieres certificar tus informes o los documentos que te han enviado son genuinos, podrás utilizar Approbo.

 

Otra aplicación para comparar el plagio de tus artículos escritos en la web es www.copyscape.com, así podrás saber si alguien o quien te copia los artículos sin citar tus fuentes.

Continúa leyendo: El copiar se va acabar con approbo

Ver web en Internet Explorer, IETester, NETrender

Publicado en: Web 0

Uno de los principales problemas de los diseñadores de páginas web, es conseguir que sus web se vean igual de bien en todos los navegadores utilizados por los usuarios.

Según el seguimiento de los navegadores de la W3C schools en el uso de los navegadores en Marzo del 2009 son:

  • Firefox  46.,5%
  • Internet Explorer 7 24,9%
  • Internet Explorer 6 17,0%
  • Chrome 4,2%
  • Opera 2,3%
  • Internet Explorer 8 1,4%

En este caso tenemos que aunar nuestros esfuerzos para conseguir que se vean como mínimo igual de bien en Internet Explorer 7 y Mozilla Firefox,  ya que actualmente son los navegadores más utilizados en la red según las encuestas.

Además, de no olvidar al resto de usuarios, lo ideal sería optimizar nuestro código para cada navegador por separado, con el trabajo que este con lleva. Así que podremos recomendar-utilizando Conditional comments-a los usuarios de estos navegadores que utilicen versiones más actualizadas de sus navegadores, ya que muchos de estos usuarios ignoran que hay nuevas versiones o que los navegadores hay que actualizarlos.

Así que los desarrolladores web necesitamos tener instalado varios navegadores para probar nuestras creaciones, y ver cómo interactúan conlos diferentes navegadores.

Podéis utilizar programas que engloban distintas versiones de un navegador, por ejemplo, si solo queréis visualizar vuestra web con distintas versiones de Internet Explorer podéis usar un renderizador online.

El netrender, te permite simular tu web de manera online y ver como ser veria con una versión de Internet Explorer concreta, la limitación que tiene es que solo podremos verlo a untamaño de 1024×768 pixeles.

Ejemplo con NetRender en Xelso.com para la visualización.

Otra aplicación útil seria el IETester, un programa que engloba todas las versiones de internet Explorer y te permite navegar por tu web empleando esa versión del navegador(Hay que decir que a veces se peta, ya que hay objetos oscript que no soporta…).

Ejemplo con IETester en Xelso.com .

Como no, también es muy recomendable tener instalado el resto de navegadores.

 

Continúa leyendo: Ver web en Internet Explorer, IETester, NETrender

Cuanto vale tu web?

Publicado en: Web 0

This website is worth

¿Cúal es el valor de mi website?

Seguro que alguna vez te has preguntado: ¿Qué valor tiene mi web?.

Esta pregunta es complicada de responder, ya que según el tasador podrá variar de forma considerable. 

Normalmente, se suelen tomar como referencias los valores de posicionamiento global en la web y su importancia en Internet. Recientemente encontré este medidor, que me hizo retomar esta pregunta y fue grata la sorpresa al ver el valor de mi blog. Animo a los lectores que posean web o blog, a que pasen esta herramienta y devuelvan los resultados en los comentarios, para crear un ranking.

Continúa leyendo: Cuanto vale tu web?

Tamaños estándares de banners

Publicado en: Web 0

¿Qué es un banner?

Es un formato publicitario que se utiliza en Internet. A este tipo de formatos se le conoce como publicidad online que van embebidas en páginas web.

¿Para qué se usa?

La función del banner es atraer tráfico hacia el sitio web del anunciante o simplemente anunciar algún producto a través de algún método de contacto (móvil, email,…) –este método es elegido para los anunciantes que no poseen páginas webs-.

¿De que esta hecho banner?

Un banner está compuesto por una (banner estático) o varias imágenes (frames) para formar una animación en el caso de que sea un banner dinámico.  El formato de las imágenes suelen ser archivos JPG o GIF, para animaciones se utilizan GIF o Flash.

¿Por qué usar un formato estándar?

Los formatos estándares se usan principalmente para no tener que estar trabajando de más. Es algo tan simple como eso. Anunciantes, Diseñadores, Agencias de publicidad y webmaster se ahorran un gran trabajo al no tener que redimensionar el banner para cada proyecto. Al unificar todos el formato, se consigue un ahorro de tiempo  y esfuerzo considerable.

¿Duración y peso?

La duración de los banner animados no debe de ser más de 15 segundos.
Está claro que el peso de nuestro banner cuanto menor sea más óptimo será, en algunas web nos recomiendan que no sean mayores de 10Kb. –Yo estoy más de acuerdo con los pesos máximos que están en la tabla a continuación–  Para ello tendremos que sacrificar la calidad de nuestras composiciones y así alcanzar estas cotas. Conque lo mejor es probar distintas composiciones de colores, calidades y formatos de compresión para optimizar lo mejor posible nuestro banner.
Estilo Común (Estilo Internacional)
Tamaño en pixeles

Peso Máximo

Recomendado

Ejemplo

Banner Estándar (Full Banner) 468  x  60 15 –  40 Kb Ejemplo
Cabezera  (Leaderboard) 728  x  90 40 Kb Ejemplo
Cabezera 2 (Leaderboard 2) 720  x  300 40 Kb Ejemplo
Rectangulo Largo  (Large Rectangle) 336  x  280 40 Kb Ejemplo
Rectángulo Medio (Medium Rectangle) 300  x  250 25 – 40 Kb Ejemplo
Cuadrado (Square Pop-Up) 250  x  250 25 – 40 Kb Ejemplo
Rectángulo (Rectangle) 180  x  150 25 – 40 Kb Ejemplo
Rascacielos  Ancho (Wide Skyscraper) 160  x  600 40 Kb Ejemplo
Rascacielos (Skyscraper) 120  x  600 40 Kb Ejemplo
Banner Vertical (Vertical Banner) 120  x  240 30 Kb Ejemplo
Rectángulo Vertical (Vertical Rectangle) 240  x  400 25 – 40 Kb Ejemplo
Medio Banner (Half Banner) 234  x  60 30 Kb Ejemplo
Botón Cuadrado  (Square Button) 125  x  125 30 Kb Ejemplo
Botón 1 (Button  1) 120  x  90 20 Kb Ejemplo
Botón 2 (Button  2) 120  x  60 20 Kb Ejemplo
Barra Micro (Micro Bar) 88  x  31 20 Kb Ejemplo
Pop-up      500  x  350 40 Kb Ejemplo
Pop-up 2 550  x  480 40 Kb Ejemplo
Media Página (Half Page Ad) 300  x  600 40 Kb Ejemplo

Continúa leyendo: Tamaños estándares de banners

1 2