Pregunta: Estudio de caso: The Boston Globe Resumen de una línea BostonGlobe.com invierte en un sitio web de diseño responsivo para permitir que los lectores disfruten de su sitio. a través de varios dispositivos. El problema El Boston Globe es un diario estadounidense y necesitaba un sitio web que fuera... visible y utilizable en una variedad de dispositivos.

Estudio de caso: The Boston Globe
Resumen de una línea
BostonGlobe.com invierte en un sitio web de diseño responsivo para permitir que los lectores disfruten de su sitio.
a través de varios dispositivos.

El problema
El Boston Globe es un diario estadounidense y necesitaba un sitio web que fuera...
visible y utilizable en una variedad de dispositivos. Recurrieron a Upstatement, diseñadores editoriales
que se especializan en sitios web y aplicaciones, para ayudarlos a resolver este problema (Bottitta,
2012).
La solución
Upstatement decidió crear un sitio responsivo para Boston Globe, para satisfacer las necesidades de todos los dispositivos.
cuyo mercado objetivo estaría visitando el sitio.
Antes de poder construir este sitio web, hubo algunas decisiones clave que se debieron tomar.
Entre algunas otras consideraciones, los líderes del proyecto necesitaban establecer los diversos
Puntos de interrupción. Los puntos de interrupción son los puntos en los que la pantalla del dispositivo es demasiado estrecha o ancha para
mostrar el sitio de forma óptima. Una vez identificados los elementos que debían cambiarse en cada uno de estos
Se podrían tener en cuenta los puntos de interrupción y se podría crear una experiencia de usuario fluida (Bottitta,
2012).

¿Qué puntos de interrupción y anchos de pantalla diseñar?
Upstatement tenía algunas preguntas importantes que responder antes de poder comenzar el proceso de diseño.
Algunos de estos fueron:
¿Cuáles son los puntos de interrupción clave?
¿Cómo se ven las plantillas principales en cada punto de interrupción?
¿Cómo se ven el encabezado y el pie de página?
¿Qué contenido aparece en la página de inicio, en las distintas secciones y en la página de artículos?
¿Cuál es el aspecto general y la sensación que transmite? (Bottitta, 2012)
Para identificar los puntos de interrupción, se analizaron una variedad de dispositivos disponibles: PC, portátiles,
Entre ellos se encontraban tabletas, teléfonos inteligentes y teléfonos tontos. Upstatement identificó seis
puntos de interrupción.
Algunos de ellos fueron diseñados específicamente para teléfonos inteligentes y iPad (Bottitta, 2012).

Se seleccionaron los siguientes puntos de interrupción:
1200 píxeles
960 píxeles
768 píxeles
600 píxeles
480 píxeles
320 píxeles
Luego se diseñaron páginas clave para acomodar estos diferentes anchos (Bottitta, 2012).
El proceso
Diseñar teniendo en mente los dispositivos móviles primero es una escuela de pensamiento bien respaldada, pero este equipo
Diseñado con el escritorio en mente primero, al menos durante la fase de diseño. Descubrieron que era más fácil
Diseñé de esta manera ya que la mayoría del contenido cabe en la versión de escritorio. Luego, el diseño se simplificó.
para pantallas más pequeñas. En la etapa de codificación, se utilizó el enfoque de "móvil primero". Descubrieron que
Funcionó bien y lo utilizó en sus proyectos posteriores (Bottitta, 2012).
Diseñar para escritorio es lo más complejo, ya que la mayoría de los elementos están incluidos, pero también es
Es más fácil diseñar, ya que es probable que todos los elementos encajen. Se buscaron diferentes puntos de interrupción.
durante todo el proceso de diseño, siendo los puntos de interrupción móviles los que proporcionan la mayor información.
Dado el tamaño limitado de pantalla que ofrecen los teléfonos móviles, se tuvieron que tomar decisiones difíciles
sobre qué elementos eran los más importantes para mostrar. La simplicidad fue un tema clave en este
proceso de diseño, con la pregunta constante de "¿qué es absolutamente necesario y cómo?"
¿Puedo simplificarlo? (Bottitta, 2012).
Para ilustrar algunas de las decisiones tomadas en este proceso, el diseño del encabezado
El elemento del sitio web de The Boston Globe se analizará con más detalle.
Se necesitaba mostrar la barra de navegación, el logotipo, la barra de búsqueda y la información meteorológica.
También era necesario acceder aquí a la información de la cuenta del usuario. Otro elemento importante era
'Mi lista guardada', donde los usuarios pueden 'marcar' el contenido del sitio (Bottitta, 2012).

Diseño para 960px
Una vez que se determinaron los elementos de diseño, todos los elementos del encabezado encajaron bien para esto.
punto de interrupción y escalado al tamaño de pantalla más grande de 1200 px. Un gran menú desplegable habilitó cada
Se incluirá una subsección donde se puedan encontrar fácilmente las principales historias y subcategorías (Bottitta,
2012).
Preguntas del capítulo

El desarrollo y el diseño web pueden verse como el hilo que mantiene unido el marketing digital.
Después de todo, los sitios web son lo primero que nos viene a la mente cuando hablamos de Internet.
Teniendo en cuenta el papel crucial que desempeñan los motores de búsqueda en la forma en que las personas exploran Internet,
El desarrollo y el diseño web van de la mano con el SEO. Y, por supuesto, con la publicidad online.
Las campañas, los canales de redes sociales, los boletines informativos de marketing por correo electrónico e incluso los programas de afiliados generan
La gente hace clic para acceder a su sitio web y, a veces, a una página de destino personalizada.
El diseño web vuelve a entrar en escena.
Configurar correctamente las analíticas en su sitio web también es esencial para gestionar y supervisar su
Éxito de marketing.
El desarrollo y diseño exitoso de un sitio web depende de la preparación adecuada y del resultado.
El sitio web suele ser la base de cualquier estrategia de marketing digital a seguir. Asegúrate de
Comprenda las necesidades de sus usuarios y construirá una base sólida.
1. ¿Qué es un mapa del sitio XML?
2. ¿Qué es más importante en el diseño web: la funcionalidad o la apariencia?
3. ¿Qué papel juega un sitio web en una estrategia general de marketing digital?

Esta es la segunda vez que publico esta pregunta... ¿Alguien puede ayudarme con este caso de estudio?

primera vez que no entiendo bien mi pregunta....