¿Cómo puedo hacer que la información de mi blog de diseño sea más útil/accesible? [cerrado]

Tengo un blog que contiene información sobre diseño/métodos de investigación. Quiero mejorar la UX y hacer que la información sea más útil y, lo que es más importante, accionable. ¿Qué pasos puedo tomar para lograr esto? Este es el sitio: designmethodsandprocesses.co.uk

ingrese la descripción de la imagen aquí

Lo he intentado: editando el contenido, aplicando un poco de estilo a la página de inicio para la selección de técnicas, agregando una barra de búsqueda, usando bootstrap para permitir la lectura en el móvil.

¿Podría ser un poco más específico, por favor? Una captura de pantalla y algo de información sobre lo que ha probado podrían ayudarnos a visualizar.
Me parece bastante agradable. ¿Podría explicar qué quiere decir con medios "más útiles y, lo que es más importante, procesables"? ¿Tiene problemas para conseguir tráfico? ¿Las personas no hacen clic en lo que usted quiere que hagan clic? ¿O su contenido simplemente no es útil? Poco confundido.
¿Cuál es la ruta deseada para el usuario, qué está tratando de hacer que haga? ¿Encontrar un método de investigación específico? ¿Navegar por la página hasta que alguno les llame la atención? ¿Quieres que aprendan sobre ti? ¿Pretendes que busquen? ¿Y si no saben lo que buscan? ¿Has visto a los usuarios usar el sitio? ¿Dónde quedan atrapados? Estas son preguntas que deben responderse si desea aplicar los principios de UX a su sitio web. En términos de accesibilidad, su marcado semántico no es fuerte. Las etiquetas alt describen el contenido de los lectores de pantalla.

Respuestas (1)

Básicamente, lo que tiene es una lista de viñetas para categorías y una "lista de viñetas" para publicaciones (en realidad no es una lista de viñetas, pero en el sentido de recuperación de información, es una lista de viñetas).

En cierto sentido, tu blog no tiene un formato de blog clásico; hay muy poco que indique que sus publicaciones están conectadas en el tiempo y, por lo tanto, son secuenciales. No tiene nada de malo, solo una observación. Pero si el blog es una especie de depósito de investigación visual en curso, es posible que desee considerar agregar fechas u otros marcadores de tiempo.

Esta es fundamentalmente una cuestión de arquitectura de la información, y no entraré en el lenguaje visual como tal.

Tienes una cantidad aterradora de categorías. Es posible que desee intentar hacerlo más sistemático; una estructura más jerárquica. Me imagino que, digamos, la creación de prototipos bien podría ser una subcategoría de proceso, etc. Trate de aclarar esto; trate de ponderar las categorías más importantes. Si encuentra esto imposiblemente difícil, debe proporcionar un mejor método para navegar por las categorías.ingrese la descripción de la imagen aquí

Para la recuperación de información básica, hay (básicamente) tres formas de verlo:

  • "Necesidad de saber": La difusión de información guía, paso a paso. Una jerarquía de información altamente controlada, basada en presunciones de lo que el usuario quiere y necesita. En cierto modo, se podría decir que los periódicos hacen esto; con encabezados, ingreso y texto principal, y libros con páginas posteriores.
  • La "agenda telefónica". El usuario sabe lo que busca y es muy específico. Palabras, clasificación por tiempo, lugar, etc.
  • Exploración de información, datos y contenidos. Cierto nivel de casualidad; el usuario se entretendrá, explorando y siguiendo caminos inesperados. Supongo que esto es lo que estás buscando. Es muy difícil de crear, a menudo satisfactorio para jugar, y siempre con una alternativa más jerárquica. Parece que los sitemaps están pasados ​​de moda, pero esa es una forma de dar una alternativa jerárquica a lo "aleatorio".

Creo que en realidad puedes usar una buena cantidad de espacio para colocar tu blog en un contexto más amplio . Su contenido es complejo, tome algo de tiempo y espacio para demostrar el alcance. La propaganda "una caja de herramientas de métodos de investigación y diseño" es un poco difícil de ubicar; podría significar muchas cosas diferentes. Entonces, la única forma en que puedo tener una idea de lo que trata su sitio es leer los titulares; o lo que hago, lee las categorías. Y esos son abrumadores sin más estructura.

Intente usar un bloque grande de la parte superior para crear una experiencia de navegación. Sus temas son interesantes, pero es extremadamente importante ponerlos en un contexto más amplio.

me parece interesante que escribas sobre redes, diagramas de flujo, lenguajes visuales, sistemática, mapeo conceptual, etc; seguramente podrías aplicar esto a la estructura del blog. Personalmente, actualmente estoy jugando con la idea de crear un navegador basado en red para el contenido de uno de mis sitios. No veo por qué no podrías intentar algo similar:ingrese la descripción de la imagen aquí

Este en particular está hecho en Gephi. También he recopilado una lista bastante larga de herramientas de visualización de datos que existen.

Hay muchas formas visuales de crear una experiencia de navegador de imágenes. Mencionaré algunos, muchos de ellos están cubiertos en el enlace de arriba. Algunos de estos funcionarán bien como términos de búsqueda.

visualización de datos

Información visual

Nubes de etiquetas ( sitio web de QI )

Cronologías

Redes (nodos)

mapas

Gráficos

Visualización multivariable/multivariable

Peso

Codificación de colores de alguna manera. Puede enseñar a sus lectores que en su mundo, el púrpura es matemática, lógica, el verde es procesos, el naranja es tutoriales de lo que sea. Por supuesto, no necesita ensuciar su sitio con colores; es bastante estricto en el diseño, pero puedes dar pistas sutiles. Esto se puede definir en css y adjuntar a categorías. Ejemplo no muy elegante:

ingrese la descripción de la imagen aquí

A veces se trata de enseñar a la audiencia una nueva forma de ver. Estoy totalmente de acuerdo, siempre que agregue valor.

Ah, y un pequeño comentario sobre el lenguaje visual tal como es; Haría la navegación un poco más clara y haría algo con ese cuadro de búsqueda. Una vez más, dado que su blog se extiende enormemente (¡felicitaciones!), una barra de búsqueda prominente y bien diseñada sería una buena idea. Los predeterminados en Bootstrap no son tan malos.

Ah, ¿y mencioné el contexto?

Feliz de ser de ayuda, particularmente cuando se trata de mis temas favoritos :) Si pienso en mejores ejemplos, agregaré enlaces. Un poco ocupado en este momento.
un par de cosas que voy a investigar para la visualización: github.com/mbostock/d3/wiki/Gallery kineticjs.com
D3 es un clásico, y lo encontrará en la lista a la que me vinculé :) al igual que Raphael, y Gephi, por ejemplo, pueden exportar a js "interactivo". Gephi también tiene una cantidad increíble de complementos para cada situación imaginable. visualsquirrel.wordpress.com/2014/03/10/…