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

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

¿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

Salesforce, fundamentos del CRM

Salesforce, plataforma de gestión de las relaciones con los clientes (CRM) En medio de una cuarta revolución industrial donde la inteligencia artificial, la robótica e Internet de las cosas (IoT) están transformando la experiencia del cliente y nos llega una nueva ola de fuente de datos desconectados y no sincronizados en todos los canales, se necesitan herramientas como Marketing Cloud que nos ayudan a conocer a nuestro cliente y personalizar su experiencia a lo largo de su viaje con un tratamiento eficiente en cada canal móvil, email, web, redes sociales y publicidad digital. » Sobre Salesforce  Es una empresa estadounidense de software bajo demanda, más conocida por producir un CRM llamado Sales Cloud . Además de esta solución, la empresa cuenta con otros productos con enfoque en la atención al cliente, marketing, inteligencia artificial, gestión de comunidades, creación de aplicativos entre otras frentes. Salesforce se fundó en San Francisco en 1999, la fundó Marc Benioff y desde e