Diseño web: diseño de las páginas Magazinigere con CSS3 para más diversión de lectura

13 Mayo 2011


La columna principal, además de una o dos columnas marginal (s) - al igual que la red de distribución por defecto en sitios de noticias desde hace 15 años. Y hoy en día? Hoy en día sigue siendo el mismo.

Sin embargo: Cada vez hay más evidencia de que los sitios de futuras mostrarán claramente más variados diseños y diseño web podían moverse mucho más cerca de las capacidades de los diseños de impresión.

Adobe, por ejemplo, ahora se ha dado a conocer un navegador que soporte la tecnología CSS marcos de diseño de la casa. Así, complejos diseños de revista como con varias columnas de texto, o el ajuste de recorte de contorno caminos son posibles sin flash. Estos diseños también son dinámicas: Se ajustan en la ventana del navegador automáticamente al tamaño respectivo. Al conectar los dispositivos móviles que cambian con precisión de modo horizontal a vertical.

El objetivo de Adobe: Los diseñadores están en el futuro InDesign sólo tiene que pulsar un botón para generar una salida de HTML 5. Y: CSS regiones no deben seguir siendo de propiedad. Adobe ya ha presentado la tecnología pretende ser el World Wide Web Consortium (W3C). Todos los principales fabricantes de navegadores están activos en el grupo de trabajo de CSS y evaluaron la tecnología de manera positiva.

Enlaces relacionados:

La página oficial de Adobe: diseño de página Rich con HTML y CSS3 (Inglés)

publicado bajo Usabilidad / UX | No Comments »

Agregación de periodismo:
Spiegel Online ahora tiene un pequeño espejo

30a Abril 2011

Visualización, selección y agregación de diferentes fuentes es arte periodístico estándar. En este sentido, la corriente debe expectación en torno a la agregación y la curaduría ya sorprendente. También en la Web, la tendencia no es realmente nuevo - los colegas de la perla o Slatest ejemplo, puede sin duda testigo creíble.

Sin embargo, lo que ya es interesante sobre los grandes sitios de medios había en los últimos años a partir de la competencia y una claramente perceptibles razones de SEO, la eliminación selectiva de los enlaces externos. En Spiegel.de sobre el que se suprimieron "Internet" hace referencia cajas enlace años y desapareció al mismo tiempo, también los vínculos implícitos en los artículos.

Spiegel.de omitido ya que cerca de 2.005 enlaces externos

Aunque desde hace algún tiempo los vínculos incrustados se devuelven a las páginas del artículo, por lo que es ahora, pero se mantuvo en la línea de la casa de prescindir en gran medida de enlace referencias a sitios externos (como lo es en la mayoría de los principales portales de los medios de comunicación del caso). Ahora, sin embargo, hay por lo menos Spiegel.de nuevo un pequeño oasis para la vista exterior: en los artículos de temas secundarios "espejos".

En el sitio web se afirma: "Cada semana Spiegel Online ofrece en cooperación con los diez lenguaje sitio de noticias Presseurop.eu lo mejor de la prensa europea, y muestra cómo Alemania está a los ojos de sus países socios."

El artículo de espejo proporcionan una visión general de comisariado seleccionados informes periódicos europeos-Alemania, se ven como la cita intercalados tipografía Storifys incrustados en él y todos los enlaces conducen a sitios web externos.

Actualización (05/11/2011)
Spiegel.de Rummaging es me di cuenta de que todavía hay por lo menos una segunda visita, se utiliza en los enlaces externos: la página del tema "Mejor de la Web" .

publicado bajo Usabilidad / UX | No Comments »

El comportamiento del usuario en la web móvil:
Residencia de audio aumenta dramáticamente

28a Abril 2011


Saber acerca de los tiempos de residencia típicos utilizados en la actualidad los proveedores de aplicaciones móviles probablemente bastante. Sin embargo, los números de acceso público son escasos.

NPR, la radio pública en los EE.UU., ha publicado ya algunos datos interesantes sobre el uso de su aplicación de noticias en iPhones, iPads y teléfonos inteligentes Android. He aquí un extracto (via Nieman Journalism Lab):

IPhone de NPR, iPad y Android han superado juntos cinco millones de descargas, un número impresionante - pero la mayoría de sus usuarios nunca audio stream. Whenthey hacer la lista, sin embargo, son mucho más comprometida.

De acuerdo con los datos de uso interno de NPR Abarca desde el 1 de enero hasta mediados de diciembre de 2011, los usuarios que solicitan audio - tal vez un flujo de estación, un noticiero nacional, o contenido NPR Music - ver el doble de páginas como aquellos que sólo leen el contenido de las aplicaciones. En promedio, las serpentinas de audio acumular 4,2 páginas por visita frente a 2,4 para el público de sólo texto. ("Página" en este caso se refiere únicamente al contenido de las noticias, no las páginas de navegación.) La relación tiene capacidad para los usuarios de iPad, también: Oyentes vista 8,1 páginas por visita, frente al 3,9 entre los lectores.

Los números son ladeada para Android - 94 por ciento de los usuarios no han utilizado audio - pero lo hice porque la aplicación es probablemente lo que afectada por problemas técnicos thatwere recientemente resuelto (...). El más joven de aplicaciones para Android, dio a conocer a finales de 2009, por lo que tiene menos usuarios (...) - cerca de 900 000 descargas al día en comparación con 2,6 millones de dólares para la versión de iPhone.

Enlaces relacionados:

Nieman Journalism Lab: Sólo tiene que añadir audio

publicado bajo Usabilidad / UX | No Comments »

Estudio de usabilidad: Cada tipo de texto tiene el derecho a su tipo de vínculo

16a Abril 2011


¿Qué tipo de referencia de enlace se debe utilizar para las referencias incluidas en los textos informativos: Esta pregunta no sólo los espíritus, sino también las opiniones de los expertos difieren?

Ronald Yaros de la Universidad de Maryland (EE.UU.), ha publicado recientemente los resultados de un estudio sobre este mismo tema. Se utiliza para sus pruebas, dos versiones de los artículos del New York Times: una versión original, escrito en las noticias de la pirámide invertida periodística estilo, y una versión reformulada que anteriormente ofrecía la información básica esencial y explicaciones en el texto.

Para cada una de las dos versiones probadas Yaros si la comprensión de textos mejoró más por incrustada en el hipervínculo referencias en el texto a los sitios web temáticamente relevantes, externos o - en comparación -, sino más bien por enlaces glosario que el usuario pueda invocar un breve texto explicativo, aparece en una ventana emergente pequeña, en reposo .

El resultado: las historias reformulados con los enlaces Glosario incrustado lograr la mejor comprensión de los valores. Pero: En las noticias los enlaces glosario funcionaron relativamente pobre - corte aquí las referencias de hipervínculos incrustados habituales a sitios web externos significativamente mejores. O en otras palabras: Depende del tipo de texto que vincula la estrategia de ajuste de enlaces web integrados cada uno de lo que es razonable.

Enlaces relacionados

The Way You combinar texto con vínculos puede mejorar la comprensión lectora

OJR: Cuándo hipervínculo dentro de la historia de noticias en línea?

publicado bajo Usabilidad / UX | No Comments »

Vuelva a iniciar el análisis: Esas son las deficiencias en el nuevo diseño de Bild.de

16a Abril 2011


Las reacciones a la Bild.de relanzamiento en la última semana del mes de marzo fueron en su mayoría violentos, los comentarios positivos eran una minoría - como tantas otras veces cuando los usuarios tienen que decir adiós al diseño habitual de una página web. Unos pocos ejemplos de las áreas comentario de sitios web pertinentes (como meedia.de) muestran claramente que la comunidad de usuarios es particularmente crítico de la complejidad del sitio alterada:

No conozco ningún gran sitio de noticias que es tan confuso como el nuevo Bild.de.

Todo parecía como si quisieran dar cabida a más mensajes en menos espacio.

Solo en el Top 10 de los carruseles, de cambiar automáticamente a un teaser de dibujos animados para la elección estatal y varios banners animados - No se me ocurre espontáneamente sitio que desordenado y / o inquieta que el nuevo Bild.de. El viejo diseño incluido.

Malo ...

El sitio se ha vuelto tan increíblemente confuso ... un destello de la película sigue a la otra, y no hay pistas sobre dónde se encuentra ...
el sitio es ahora tanto tiempo que Min segundos tenga que desplazarse hacia abajo.

¿Por qué es que estas impresiones surgen?
Para averiguarlo, aquí está la página de inicio diseño de 16 Abril de 2011 con el lanzamiento de 12 Page Layout Febrero 2011 en comparación. La anticipación se hace constar: Bild.de tenía un diseño bastante atípico en 12/02/2011. Debido a la situación de las noticias de actualidad (poco después del devastador terremoto en Japón) no estaba en la casa ese día una historia principal adicional sobre el encabezado de la página y por lo tanto una página más de lo habitual. Con el fin de no distorsionar el análisis, esta historia adicional plomo se elimina para el análisis de la captura de pantalla. Para mantener el costo de este análisis limitado, se considera cada sección de los primeros 3500 píxeles.

Imágenes Aquí Bild.de incluyendo ejes visuales se documentan.

Para el análisis detallado se recurre en el diseño resultante de la vista entre los elementos de la ilustración de la página.

Líneas de vista que conectan los ojos dirigen los elementos de diseño (como fotografías, gráficos, encabezados, elementos de color, animaciones) y estructurar una red de líneas de visión donde el usuario ve que se realicen en la fase de exploración tiende a ser en la página.

Así vistas proporcionan información sobre la probable apariencia (no en el de hecho) en la forma que acabamos de considerar el diseño. Al igual que en la línea de análisis de vuelo que ofrecen, sin embargo, con relativamente poco esfuerzo de análisis de evidencia sustancial para la paz percibido o la inquietud de un diseño de página. O para la adhesión de ciertas áreas de diseño visual. Además de los ejes visuales, por supuesto, hay otros factores que juegan un papel en la percepción emocional de una página Web. Permanecen fuera de consideración aquí.

La longitud de la página
¿Por qué el nuevo diseño página se evalúa Bild.de en lugar de confundir? Realidad: En la longitud de un lado, no puede ser. En el nuevo diseño, la casa tiene una longitud de 8.209 pixeles en el antiguo diseño tiene una longitud de 8.638 píxeles - el nuevo hogar es por lo tanto más corta que la versión anterior.

Las Fotos
El viejo diseño de la página se muestran los primeros 3.500 píxeles de alrededor de 30 fotos, el diseño de la página sólo muestra 20 fotografías en tamaños por encima del tamaño 80 × 80 píxeles (tamaños más pequeños se consideran no corriendo aspecto relevante). Por lo tanto, con el relanzamiento de la cantidad de fotos se redujo. Menos fotos, pero no necesariamente crean una imagen de la cara más tranquila. También depende del número de diferentes formatos. Y aquí está claramente en la comparación de las páginas, sólo hay 6 diferentes formatos en el viejo diseño de la página de la nueva mano 13 Por tanto, los administradores de Bild.de han tratado de modificar sus formatos de fotos más fuerte. Si nos fijamos en la foto, además de posiciones, llama la atención que las fotos en el antiguo trazado se ejecutan sobre todo en la columna principal amplio. Por el contrario, esta nueva ruptura diseño de dos columnas se rompe con más frecuencia, probablemente para aligerar la página en el diseño consciente. Como resultado, el diseño de la página de inicio está diseñado para esa variable que antes - y es por eso que ahora se sentía estar inquieto. Aquí es probablemente la razón principal de la nueva complejidad criticado por muchos usuarios.

Los ministerios
La jerarquía vertical de los departamentos es en gran parte sin cambios. En el antiguo trazado mirado los primeros 3.500 píxeles como este:

En titulares rotación
Inicio Noticias Área enlace
Política y economía
Noticias
El día en imágenes
Recreación
Deportes

En el nuevo diseño de la página siguen la división ahora se ve así:

En titulares rotación
Mensajes
Noticias
El día en imágenes
Política
Recreación
Vídeo
Deportes

Así que los cambios en la jerarquía departamental parecen más bien marginal. Hay conversiones en el mensaje corto: barra de noticias y la parte superior área enlace de noticias se han comprimido en una ventana de mensajes. Y los tres corto Newsteaser el antiguo trazado (por debajo de los Aufmachers) han dado paso a la nueva disposición de una rotación noticias deportivas de tres partes. El Ministerio de Deportes es mucho más acentuada como una competencia básica. El departamento de noticias se encuentra en la estela de los anteriores apartados de la política, antes de que se invirtió. Vuelva el departamento de video está en la columna principal, que estaba previamente disponible en un área más pequeña en el margen de - una indicación clara de la estrategia Bild.de aún más intensa de obligar a los usuarios acerca de los materiales de vídeo verweilzeitverlängernde. En general, el resultado de alteraciones en el departamento parece más moderado, y difícilmente se puede utilizar como una razón de la complejidad percibida generalizada.

Las rotaciones
El cambio más destacado es sin duda en las rotaciones adicionales de reclamo a través de toda la página: en lugar de sólo una vuelta en su parte inferior, ahora cada departamento principal tiene su propia rotación. Cada activo en el teaser presentada se indica mediante un color de fondo rojo y una flecha de referencia asociado. Estos son visualmente vista muy prominente de los instrumentos de dirección para producir (fuerza adhesiva), junto con la animación una alta pegajosidad.

El problema es: Similar a un exceso de grasa en una frase de texto, el efecto de la rotación de reclamo puede tener el efecto contrario. Si muchas palabras están en negrita, por ejemplo, en un texto, el engrase pierden su importancia. Para las rotaciones es básicamente diferente: Aquí el usuario debe hacer una pausa durante el sobrevuelo, si quieren haber visto todas las imágenes de reclamo una vez - y perder su soberanía en el tiempo.

El encabezado de la página así - es todavía aceptable para muchos usuarios - único. Con demasiadas rotaciones de la vacuna puede volverse rápidamente también: Los pocos usuarios están leyendo acerca de volar todos los bucles totalmente quieren esperar en la rotación o bien explorar el ratón. Tienden a abandonar su recepción de rotación y por lo tanto tomar fotografías sobre todo como una sensación de que la casa no puede ser capturado totalmente por la inversión de tiempo previamente habitual. Así que el sobrevuelo no es tan rápido como el antiguo trazado. Ahora toma más tiempo obligado a registrar los temas de página de inicio. Este aspecto explica por qué algunos usuarios - a pesar de la corta Homepage - tienen la impresión de que ahora están sobre-vuelo de la casa más mucho tiempo (necesidad).

Los ejes visuales
El número y posición de los ejes visuales demuestran dos cosas: En el nuevo diseño, hay menos líneas de visión, por lo que la página podría realmente se ven más ordenado. Al mismo tiempo, los ejes visuales también están ampliamente difundidos a escala, ya no se concentran en la columna principal alineado a la izquierda del antiguo trazado. Esto es una indicación de que los usuarios tienen que defender más espacio en el que volaba sobre el lugar que hoy haber visto todos los grandes temas ofrece al menos periféricamente. Por tanto, su esfuerzo cognitivo para asuntos adquisición es relativamente mayor en el nuevo diseño de la página.

Conclusión
En definitiva, pues, son los formatos de fotos adicionales, rompiendo el límite de una columna antes era muy austera y las muchas rotaciones responsables de asegurar que el nuevo hogar Bild.de parece más confuso. En cuanto a los formatos de fotos y más variado diseño de página, los fabricantes pueden confiar en un efecto de habituación. Sin embargo, lo que las rotaciones términos: Hay una estructura Demasiado de una buena cosa. Iniciar lados sitios informativos son generalmente considerados no más de 15 a 30 segundos. Bild.de en detectar sólo los temas principales (en la rotación) en este corto período de tiempo no es más que posible.

Enlaces relacionados

Las imágenes Bild.de con ejes visuales marcadas

publicado bajo Usabilidad / UX | 1 comentario »
4 5 S. v. 3 5 1 2 3 4 5



  • TFW Siga en Twitter

  • El manual para todos los periodistas en línea

  • La página de TFW-Twitter

  • El! Página TFW-ScoopIt

  • La nube de etiquetas

  • Traductor

    German flagEnglish flagFrench flagSpanish flagJapanese flagArabic flagDutch flagTurkish flag                                        
  • Archivos por mes

  • Mostrar