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 sigues siendo becar

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

Aprender y compartir

Aprender y compartir 2019.  El porqué de este blog.  Llevaba años con la idea de volver a publicar en un blog, pero empezó a tomar forma después de realizar el curso ¿ Cómo y por qué desarrollar una mentalidad de aprendizaje continuo ? donde fui nuevamente consciente de la importancia de anotar conceptos, y técnicas relevantes para poder en un futuro poder consultarlas rápidamente. Y qué mejor forma de hacerlo que como hacía hace años, en un soporte que pudiera no sólo servirme de medio de consulta desde cualquier parte, sino además poder compartir mi experiencia y reflexiones con otras personas que pudieran tener inquietudes similares, y de esta forma además enriquecer esta información a través de los comentarios de visitantes y referencias compartidas. Y aquí está mi primer post. Cómo elegí este nombre para el blog. Algo que he aprendí durante mi etapa de "como joven profesor de ofimática" fue lo rápidamente que aprendía enseñando a mis alumnos. Algo que he pod