Ir al contenido principal

Creación de un proyecto web y fundamentos de los CMS

¿Cómo crear una estrategia de contenidos en un proyecto web?


Una pequeña síntesis de lo que me ha parecido más relevante sobre las competencias profesionales necesarias para crear un proyecto web, y algunas de mis notas con conceptos clave e identificación de los fundamentos de los CMS para poder revisarlo a futuro y que quiero compartir contigo. Os enlazo los cursos y enlaces con herramientas al final del documento.

1. Creación de un proyecto web.

Gestión de la estrategia de contenidos en el proyecto web de Creación de un proyecto web. Análisis del proceso por y Armando Sotoca


Diseño web:

- El término 'diseño web' en la actualidad es un concepto que engloba todas las disciplinas y las aúna desde la idea inicial del proyecto hasta la presentación final. Disciplinas como el grafismo, "interface", estrategia de contenidos, arquitectura de información, desarrollo, optimización de motores de búsqueda, el desarrollo de la parte "front", de la parte "back", la arquitectura, etc. 

  • El objetivo es crear la mejor experiencia del usuario posible. Para el propietario facilitarle la capacidad de trasnmitir información al usuario final. Y para el usuario, la capacidad de econtrar, consumir y entender la información que busca.
  • Mantra del diseño web: mis sentimientos son irrelevantes. Estoy aquí para proporcionar la mejor experiencia al usuario final, sin importar mi contexto sino el suyo y cómo el usuario ha decidido acceder a la información.
  • Dos ideales a seguir: mejora progresiva y el contenido es el rey (por encima del diseño)


Estrategia de contenidos:


  • Concepto persona: usuario final rasgos y atributos. ¿Para quién estamos montando la web?Crear 3 personas como mínimo.
  • Auditoría de contenidos: Inventario inicial, verificación y validación.
  • Jerarquía del contenido: prioridades y jerarquía. 

    • Global 1º (Home, contacto, ...), 2 (servicios, blog,  ...), 3 (Legal, sitemap)
    • Por página 1º (Título, CTA, ...), 2 (promociones), 3 (redes sociales , ...), ...
  • Arquitectura de la información: diagrama. 
    • Testeo Card sorting: los usuarios definen la jerarquía, categorías y taxomías, y arquitectura de la información.
  • Prototipado: wireflames o esqueleto. Prioridades. Pensar en mobile.
    • Testeo wireframes y patrones. Permitir que el usuario resuelva el ejercicio, o se que de atascado.

Fase de desarrollo:

  • Se recomienda trabajar en líneas paralelas de trabajo y no secuenciales.
  • Disponer de una guía de estilo solventa muchos problemas.
  • La estructura del contenidos. Mapa de plantillas basado en la arquitectura de la información.
     
  • Prioridades del desarrollo: Estándares web "código correcto" , accesibilidad "cualquier persona puede acceder" , mobile-first "diferentes soportes"
    • Accesibilidad: Probar ver html respeta los estándares. Ver sin css ni javascript. Navegación por teclado. Texto a voz o deficiencias visuales. 
    • Responsive: Mobile-first, después aprovechar el mayor espacio de otros dispositivos. Definir puntos de corte predefinidos. Diseñar directamente en el navegador.

Test y revisiones:


  • Listado
    • Test de accesibilidad (ver herramientas)
    • Test de estrés (desactivar hojas de estilo, js, ...)
    • Test de usuarios - Feecback
    • Test de anomalías - Páginas de error
    • Mensajes de formularios
    • Seguridad

Optimizar la experiencia del usuario:


  • Parte técnica
    • Tiempo de carga = factor crítico
      • Optimizado - Minimizar código
      • Cacheado
      • Redes de distribución de contenido (CDN) - youtube para vídeos.
    • ¿Responsive y Accesible?
    • Seguridad y backup
  • SEO
    • Calidad del contenido y factor de confianza "https"
    • Accesibilidad 
    • Tiempo de carga
    • Calidad de código
    • Buenas prácticas
      • Texto alternativo imágenes
      • Meta descripción
      • Sitemaps a enviar a motores de búsquedas
      • Activar verificaciones sitios web (google "search console", bing)
  • Analíticas
    • Establece objetivos medibles
      • Analiza si el tráfico de usuarios fluye por las páginas que quieres.
    • Fuentes de información:
      • RRSS, Google Analitycs, CMS
      • Test a/b
  • Feedback y control de errores




2. CMS

[en desarrollo]





Enlaces más información y herramientas:

https://www.linkedin.com/learning/creacion-de-un-proyecto-web-analisis-del-proceso/gestion-de-la-estrategia-de-contenidos-en-el-proyecto-web 

Usabilidad:
http://www.nosolousabilidad.com/articulos/cardsorting_unicauca.htm
https://www.usableyaccesible.com/

Responsive:
https://mediaqueri.es/
https://bradfrost.github.io/this-is-responsive/

Diseño en webapp:
https://webflow.com/
https://froont.com/
https://readymag.com/

Accesibilidad:
https://www.tawdis.net/
http://examinator.ws/
http://validator.w3.org/
https://achecker.ca/checker/index.php

Optimizar:
https://cssminifier.com/ (CSS) ... también Javascript
https://tinypng.com/ (Imágenes)
https://kraken.io/ (Interfaz de optimización web)
https://browserdiet.com/es/ (Como perder peso en el navegador - Buenísima)




Comentarios

  1. Aquí hay otra herramienta para su lista.
    https://url-decode.com/cat/
    Aquí encontrará varias herramientas para mejorar el ranking SEO de su sitio web.

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

¿Sabes de qué generación eres?

¿Sabes de qué generación eres? Generación Alfa 👶🏻, Z 👧🏻, Y o Millennials 🧒, X o Xennials 🧔, Baby Boomers 👴, ó Silenciosa 🤶🏻 ¿A cuál de las 6 generaciones perteneces y qué se dice de nosotr@s?: Generación Silenciosa:  conocidos como niños de la postguerra, y es la generación comprendida entre 1930 y 1945. Época del silencio y tristeza. Por lo general son personas austeras, reservadas y la generación de sacrificio y el esfuerzo.   Baby Boomers : fuisteis los primeros en tener un coche, iros de vacaciones a la playa, y tener un trabajo estable compaginado con la vida en familia. Viste llegar al hombre a la luna, y el asesinato de Kenedy. Nacidos entre 1946 y 1964.   Xennials o Generación X : conociste los primeros ordenadores y utilizas lo justo internet. Viviste la caída del muro de Berlín. El ocio se compagina con el mundo laboral. Inmigrantes digitales. Nacidos entre 1965 y 1979.   Milennials o Generación Y: eres la generación más preparada, pero ...

Enseñar a enseñar - cuaderno de viaje de un maestro

Fueron los niños los que me enseñaron a enseñar  Por José Antonio Fernández Bravo , docente, escribe e investiga, sobre Educación y aprendizaje de la Matemática, procesos de enseñanza para la Innovación Educativa. Subraya la pregunta fundamental no es cómo de bien realiza el niño los ejercicios que hace, sino cuánto bien le hacen al niño los ejercicios que realiza.  Buscando información y métodos de aprendizaje he aterrizado y conocido a un gran maestro , del que he aprovechado los vídeos que enlazo y la presentación de su web para anotar varias reflexiónes y compartirlas en este artículo. Gracias Jose Antonio, ya que estoy seguro que algunos de los grandes profesionales que nos acompañarán en el futuro habrán tenido la suerte de haber pasado por tus aulas. Enhorabuena por el trabajo y la capacidad didáctica de enseñarnos a todos. Notas: "La educación tiene dos objetivos básicos, hacernos más listos y hacernos mejores personas" La importancia de enseñar contand...

La vida no es lo que uno vivió sino lo que recuerda y cómo la recuerda para contarla

"La vida no es lo que uno vivió sino lo que recuerda y cómo la recuerda para contarla". Gabriel García Márquez. Del libro "Vivir para contarla" "La vida no es lo que uno vivió sino lo que recuerda y cómo la recuerda para contarla".  "Recordar es volver a vivir"... y es que cuando recordamos, por lo general, nuestra mente nos muestra aquello que deseamos revivir, bueno o no tan bueno, pero es el recuerdo que tenemos y el mismo que vuelve a nuestra mente. Y es verdad que siempre existen tres enfoques en cada historia: mi verdad, tu verdad y la verdad. Pero cuando recordamos y volvemos a vivir, en realidad aquí importa nuestra verdad, porque es como nosotros/as mismos lo recordamos. Disfruta ese pequeño viaje en tus recuerdos, revive, llora, vuelve a sonreír... vale la pena sentirse libre al revivir nuestras memorias. En  Amazón He conocido este  libro  de Gabriel García Marquez  gracias al vídeo "La vida no es la que vivimos, sino cómo la reco...