Redaccion web

REDACCION PARA LA WEB
OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC
Taller
Diseño Gráﬁco 6
REDACCION PARA LA WEB{
domingo 24 de octubre de 2010

“BIENVENIDO A VINOTECAS EL ROBLE. DESDE
NUESTRA FUNDACIÓN EN 1998 HEMOS TENIDO
UN CRECIMIENTO SOSTENIDO DEL 15% ANUAL.
EN NUESTRAS OCHO TIENDAS DE ARICA A PUNTA
ARENAS TRABAJAMOS CON LA MAYOR
HONESTIDAD, CALIDAD Y PROFESIONALISMO
PARA QUE USTED DISFRUTE DEL VINO...”
{

FRASES
{

FRASES
prefabricadas
{

FRASES
prefabricadas
carentes de estrategia
{

FRASES
prefabricadas
centradas en un discurso ajeno
{

FRASES
prefabricadas
a los deseos del usuario
{

FRASES
prefabricadas
a los deseos del usuario
a los objetivos del sitio web
{

El usuario, en una página, hará clic sobre el primer
enlace que crea puede llevarle a lo que busca,
necesita o pudiera interesar. Eso quiere decir que
muchos de los contenidos y enlaces de ese nodo ni
siquiera serán vistos por el usuario.
{

No podemos predecir con exactitud cuál será el
camino que el usuario seguirá durante su
exploración visual de la página, pero sí a qué zonas
le presta mayor atención en su búsqueda:
{

Hay zonas del interfaz de la página
que conﬁeren una mayor jerarquía
a la información que contienen,
como la zona 1. La Jerarquía
Visual[1] proporciona relaciones
jerárquicas del tipo 'esto es parte
de esto' y 'esto va a continuación
de esto' entre los objetos
informativos

INFORMACION
IMPORTANTE
pero, ¿Para Quién?
{

Un objeto de información (párrafo, enlace, dato,...) lo
consideraremos importante si lo es para satisfacer
las necesidades perseguidas por el usuario.
{

http://jaxvineyards.com/

CONDICIONANTES
en la entrega del mensaje
{

ERGONOMIA

MULTITAREA

TIEMPO

ESTRUCTURACION DE
CONTENIDOS
{

Los usuarios centran el interés en el contenidos por
sobre los gráﬁcos
Ellos buscan: titulares-indicaciones (links, gráﬁcos
de contenidos)
{

http://www.dnadarwin.org/

Escribir la mitad del texto que se usaría para la
versión impresa del tema
Escribir para poder encontrar cosas, utilizando
párrafos cortos, subencabezados y listas con viñetas
Utilizar Hipertexto para dividir los contenidos
{

PRINCIPIOS
DE ESCRITURA WEB
{

Orientación. El lector debe recibir antecedentes del
sitio y medios de navegación por él. La página
principal le debe orientar sobre qué trata el sitio,
cómo está estructurado y cómo navegar en él.
{

http://www.duchyoriginals.com/

Información. Claridad y corrección. El texto debe
entenderse en la primera lectura; las palabras cortas
y sencillas funcionan mejor. La corrección
ortográﬁca, gramatical y exactitud en datos no sólo
mejora la claridad, sino que transmite información no
verbal sobre la calidad del sitio.
{

http://www.mutualdeseguros.cl/

Acción. Actitud optimista (mostrar los problemas
pero, sobre todo, las soluciones). Lenguaje centrado
en el usuario (mejor “tú” que “yo”)
{

¿COMO EXPLORAR
EL CONTENIDO?
{

Estructurar los artículos con dos o hasta tres niveles
de titular
Utilizar títulos y subtítulos signiﬁcantes
{

Usar listas bulleteadas y elementos similares para
romper la uniformidad de los bloques de texto
Utilizar realces, enfatizaciones para captar la
atención del usuario.
{

Usar tamaños de letra suﬁcientemente grandes. Las
letras pequeñas guardarlas para notas a pie de
página o avisos legales que poca gente leerá.
El texto pequeño es mas legible si usamos fuentes
de la familia sans-serif, verdana, ...
Justifícarlo a la izquierda, salvo que se escriba en en
árabe.
{

ASPECTOS FORMALES
{

ASPECTOS
FORMALES
{ortografía y gramática

ASPECTOS
FORMALES
estructura

ASPECTOS
FORMALES
estructura
pirámide invertida

ASPECTOS
FORMALES
{pirámide invertida
titulares

ASPECTOS
FORMALES
titulares
explicación

ASPECTOS
FORMALES
titulares
explicación
textos

ASPECTOS FORMALES
recomendaciones
{

Las ideas principales están en el primer párrafo.
{
1

El texto se estructura en secciones, subsecciones y
párrafos.
{
2

Utilizar la negrita y el destacado. Las partes más
importantes deben sobresalir. Los textos en negrita o
destacados (cursiva) deben contener la esencia del
total.
{
3

Usar encabezados para organizar el texto. Ayudan a
estructurar mejor los textos, otorgan tamaños de
letra proporcionales a la importancia de cada parte.
{
4

Se incorporan vínculos para completar la
información.
{
5

El aspecto gráﬁco de la letra resulta cómodo:
tamaño, color.
{
6

El vocabulario utilizado es adecuado al usuario
objetivo
{
7

Redaccion web

Recomendados

Recomendados

Más contenido relacionado

Similar a Redaccion web

Similar a Redaccion web (20)

Más de iConstruye

Más de iConstruye (20)

Último

Último (20)

Redaccion web