Idiomas
Páginas
Jurídico
DISEÑO
WEB
Idioma: ingles
Tipo: general
Facilidad de uso: sencillo
URL: http://twitter.com/
Descripción: Aplicación de red social y microblogging que permite al usuario escribir mensajes de hasta 140 caracteres que se publican en una página web personal “Twitter” y que otros usuarios pueden seguir a través de un link o una suscripción.
Necesidades de negocio de la empresa que puede cubrir: Comunicación interna:Especialmente los empleados que viajan a menudo, pueden “twittear” desde cualquier lugar a su página personal.
Comunicación externa:La empresa puede recibir en tiempo real lo que los usuarios piensan de sus productos y servicios.
Promoción:Es posible utilizar la herramienta para promocionar la empresa.
WEB 2.0 Cuenta la historia que la primera web fue publicada en
el año 1991 por Tim Berners-Lee. El padre de la World Wide Web elaboró un documento informático que rompía con lo anterior porque contenía hipervínculos, es decir, ofrecía posibilidad de ir a otro texto al pulsar sobre una palabra.
Diseño y Web 2.0
La llegada de la Web 2.0 ha supuesto una revolución en el diseño, tanto en lo que se refiere a la concepción artística como en las interfaces. El usuario adquiere un nuevo papel dentro del soporte, ya que deja de ser un “escaneador” de contenidos para ser el que elige, el que participa e incluso el que crea esos contenidos. Gracias a esta demanda el diseño
2.0 se ha visto obligado a incluir como disciplina no sólo la elección de formas y colores, sino también a pensar en el individuo que va a interaccionar. Así nace la Usabilidad, un término que también surgió cuando alguien le puso nombre, en concreto fue Jacob Nielsen
ESTILO 2.0
La Web 2.0 ha supuesto la creación de una serie de
clichés de diseño, de elementos comunes, que
configuran un estilo propio, hasta el punto de que a la
hora de abordar el diseño de una página se habla del
grado de aplicación del arquetipo 2.0 que debe tener.
Características
Colores vibrantes y contrastados
Badges.
Brillos, destellos y reflejos.
Bordes redondeados.
Degradados.
Líneas diagonales.
Desenfoques.
Logotipos reflejados.
CONCEPTOS DE DISEÑO GENERAL
Simplicidad: “en igualdad de condiciones la solución
más sencilla es probablemente la correcta”.
Diseño centrado: mientras en la web 1.0 todo el
contenido se alineaba a la izquierda, las páginas 2.0
siempre están centradas, mejorando la visualización de
los contenidos en cualquier tipo de resolución de
escritorio.
Menos columnas: antes la páginas se estructuraban en
un mayor número de columnas, imitando tal vez el estilo
de los periódicos.
Separar la navegación: aunque siempre fueron distintas
la zona superior y la inferior, ahora se marca más
visualmente.
Navegación simple: Organizar la página para que
el usuario navegue intuitivamente y sepa para qué
sirve cada elemento y con cuáles puede interactua
Tipografías más grandes: consigue que las
fuentes grandes también sean visualmente
atractivas
Leads en negrita: en general, la negrita se ha
convertido en el modo más eficiente de destacar la
información sin recurrir a colores que ensucien la
identidad corporativa de la página
Iconos atractivos: han dejado de ser un elemento
auxiliar del diseño para convertirse en un
componente prioritario.
FUTURO DEL DISEÑO 2.0
Hablar de diseño implica en general referirse a una
estandarización, hablar de escuelas, de
tendencias, de modos de actuar generalizados,
pero, al mismo tiempo, de ruptura y originalidad.
Todos los movimientos artísticos se caracterizan
porque mucha gente hace lo mismo, hasta que
alguien lo rompe y crea algo más innovador. Por
esta razón la Web 2.0 está generando un
movimiento en contra de estos estándares.
EVOLUCIÓN TECNOLÓGICA (Y SU USO)
Navegadores web
Un navegador es un programa que se utiliza para
acceder a la web. Desde el primer explorador,
llamado NCSA Mosaic de principio de los noventa
hasta hoy, la evolución ha sido espectacular.
otros navegadores :
Hoy en día existen otras aplicaciones que están
ganando importancia como son los navegadores
para móviles y para PDA, los navegadores de sólo
texto….
FLASH
Flash si se ha convertido en el gran protagonista de
otro campo del diseño web: los vídeos en línea.
Las principales plataformas de vídeo, como
Youtube, Metacafe o Dailymotion, utilizan los
vídeos codificados en Flash Video, debido a lo
poco que pesan los archivos
AJAX
El término AJAX (Asynchronous JavaScript And
XML), al igual que el de Web 2.0, no es ningún
invento, ni un gran avance tecnológico, es el
nombre que se le puso a una serie de técnicas y
combinación de tecnologías ya existentes.
El uso de Ajax ha supuesto una revolución en el
concepto de interacción del usuario con la página
web. Ya podemos mover las ventanas a nuestro
gusto y ponerlas en donde nos apetezca,
eliminarlas de la vista o añadir nuevas ventanas
con nuestras RSS favoritas en servicios como
Netvives o Igoogle
EL INTERNAUTA 2.0
1. Utiliza IE, Firefox, Opera, Safari…
2. Accede desde su PC, PDA, Blackberry, TV, WII…
3. Se conecta por GPRS, ADSL, Cable…
4. Busca la operativa en las páginas
5. Genera información: Blogs, páginas
personales…
6. Publica contenido, lo ordena…
PRINCIPIOS DE LA USABILIDAD
Anticipación, el sitio web debe anticiparse a las necesidades del usuario.
Autonomía, los usuarios deben tener el control sobre el sitio web. Los usuarios sienten que controlan un sitio web si conocen su situación en un entorno abarcable y no infinito.
Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios con problemas de distinción de colores (aprox. un 15% del total).
Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo.
Eficiencia del usuario, los sitios web se deben centrar en la productividad del usuario, no en la del propio sitio web. Por ejemplo, en ocasiones tareas con mayor número de pasos son más rápidas de realizar para una persona que otras tareas con menos pasos, pero más complejas.
Los usuarios son más exigentes. Hasta la llegada de la Web 2.0 el internauta accedía a una página, la exploraba, valoraba si algún contenido le interesaba y, si no, se iba.
- Los usuarios saben dónde está o debería estar cada botón. Los menús están en la parte superior y/o en la izquierda, y el logo que abre la pantalla es un enlace a la página de inicio.
- Los usuarios no quieren diseñar. Hasta hace poco cuando alguien diseñaba una página web era porque abría un programa de retoque fotográfico, de diseño vectorial o de programación
- Los usuarios quieren participar: la Web 2.0 es a menudo considerada como la “web colaborativa” ya que su base es que los usuarios empiezan a opinar, a juzgar y a decir lo que les gusta y lo que no.
- Los usuarios quieren crear: este el objetivo último de la Web 2.0. Un internauta que crea contenidos y que, por lo tanto, no se encuentra ante una página diseñada con mejor o peor resultado, sino ante una interface
INTERFACES PARA UN INTERNAUTA 2.0
Usabilidad :Se trata en una disciplina cuyo objetivo es facilitar la interacción del usuario y, por esta razón, es lógico que naciera o, más bien, cobrara fuerza, con la llegada de la Web 2.0. Si el mundo web se sustenta en que los internautas participen, es necesario estudiar qué es lo que los estimula
componentes
- Aprendizaje: ¿es fácil para los usuarios emplear las utilidades básicas de una web la primera vez que se encuentran con ella?
- Eficacia: una vez que el diseño ya les es familiar, ¿cuánto tardan en aprender a realizar las tareas?
- Memorización: cuándo los usuarios vuelven al diseño después de un período sin utilizarlo, ¿cuánto tardan en reestablecer la habilidad?
- Errores: ¿cuántos errores cometen los usuarios, cómo de graves son, y cuánto tardan en reponerse de estos errores?
- Satisfacción: ¿es agradable interactuar con el diseño?
Reversibilidad, un sitio web ha de permitir deshacer
las acciones realizadas
Ley de Fitts indica que el tiempo para alcanzar un
objetivo con el ratón esta en función de la distancia
y el tamaño del objetivo. A menor distancia y mayor
tamaño más facilidad para usar un mecanismo de
interacción.
Reducción del tiempo de latencia. Hace posible
optimizar el tiempo de espera del usuario,
permitiendo la realización de otras tareas mientras
se completa la previa e informando al usuario del
tiempo pendiente para la finalización de la tarea.
Aprendizaje, los sitios web deben requerir un
mínimo proceso de aprendizaje y deben poder ser
utilizados desde el primer momento
El uso adecuado de metáforas facilita el aprendizaje de
un sitio web, pero un uso inadecuado de estas puede
dificultar enormemente el aprendizaje.
La protección del trabajo de los usuarios es prioritario,
se debe asegurar que los usuarios nunca pierden su
trabajo como consecuencia de un error.
Legibilidad, el color de los textos debe contrastar con el
del fondo, y el tamaño de fuente debe ser
suficientemente grande.
Seguimiento de las acciones del usuario. Conociendo y
almacenando información sobre su comportamiento
previo se ha de permitir al usuario realizar operaciones
frecuentes de manera más rápida.
Interfaz visible. Se deben evitar elementos invisibles de
navegación que han de ser inferidos por los usuarios,
menús desplegables, indicaciones ocultas, etc.
USABILIDAD FRENTE AL DISEÑO
La Usabilidad se desarrolla con la parte izquierda
del cerebro y representa la razón y la acción lógica;
por lo tanto se corresponde con Marte. Por su
parte, el Diseño reside en la parte derecha del
cerebro y se identifica con lo emocional y la acción
intuitiva, así que se corresponde con Venus. Esta
teoría, desarrollada por Curt Cloninger en su
artículo “Usability experts are from Mars, graphic
designers are from Venus” es una muestra de la
lucha aparentemente existente entre diseño y
Usabilidad.
ARQUITECTURA DE LA INFORMACIÓN
Pasos necesarios para una arquitectura de la información acertada:
Entender el contenido de la web, determinar los servicios que se ofrecen y a quién está dirigida la web.
Realizar estudios de card sorting. Se trata de un ejercicio que consiste en utilizar a usuarios potenciales de nuestra para web para que organicen el contenido a través de fichas, ordenándolo según sus esquemas mentales. Esto hace que la estructura resultante se adecúe más a lo que el internauta espera encontrarse.
Elaborar un borrador del árbol de la web, agrupando la información y estableciendo jerarquías.
Evaluar la correspondencia entre nuestro árbol y los resultados del card sorting.
Evaluar la correspondencia entre nuestro árbol y
los resultados del card sorting.
Crear el mapa del sitio.
Definir las funcionalidades de la página y cómo se
llega a ellas.
Contrastar la organización de la información que
hemos propuesto con el resto de miembros del
equipo.
BENEFICIOS
- Los clientes pasarán más tiempo navegando
- Mejorará la imagen de marca, ya que percibirán la
página positivamente y no se frustrarán por no
encontrar lo que buscan.
- Aumenta su fidelidad, es más probable que
vuelvan.
ESTÁNDARES
El verdadero triunfo de la Web 2.0 ha sido el triunfo de los estándares web, un término a veces poco conocido entre los internautas pero con una importancia vital para el desarrollo web. Se define como el “conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web” (Alexis Bellido)1
“El poder de la web está en su universalidad. El acceso a la web para todos, independientemente de su discapacidad, es un aspecto esencial.” Esta frase de Tim Berners-Lee representa a la perfección lo que suponen los estándares web: que la red no suponga una brecha con ningún colectivo por no disponer al cien por cien de sus sentidos, ni por navegar en un soporte distinto a un plasma de 17”
CCS
Las principales ventajas
Es más sencillo realizar cambios globales: si queremos realizar un cambio en el diseño, como puede ser la distancia entre las fotos el texto, el color de los hipervínculos o el tamaño de los titulares, será más sencillo hacerlo en las CSS ya que bastará con modificar un archivo y no página por página.
El estilo del site se mantiene en toda su extensión: salvo que marquemos lo contrario, todas las páginas tendrán el titular y los párrafos en el mismo formato, los mismo márgenes entre los elementos, etc.
El site es más accesible, ya que pueden definirse estilos para cada tipo de navegador. Pueden crearse distintos formatos para que cada navegador lo interprete como le señalemos.
Rápida descarga: en general las páginas son más ligeras, ya que toda la información de estilo está en los archivos CSS, que cargamos al acceder al site, y no hay que cargar unos estilos cada vez que cambiamos de página.
Separación del diseño y la programación. Los dos
pueden trabajar en la web sin interferir uno en el
trabajo del otro.
Está optimizado para buscadores: hay menos
código en los archivos y resulta más fácil para el
buscador encontrar palabras clave.
El usuario puede usar sus propias normas de
estilo: algunos navegadores de Internet permiten
personalizar las CSS de las páginas, por lo que son
ellos quienes eligen cómo visionarlas.
Una mayor libertad en la maquetación: en relación
con el anterior modo de maquetar, las tablas, las
posibilidades son infinitamente mayores. Mientras
las tablas se basan en filas, las CSS se basan en
posiciones
XHTML
Las principales ventajas que aportan son:
La compatibilidad con navegadores antiguos
La independencia del diseño. Pudiendo adoptar
presentaciones distintas según el dispositivo.
Facilidad de edición del código y su mantenimiento
Mejoras de rendimiento.
CONCLUSIONES
Podemos resumir todo lo expuesto hasta ahora en
que el diseño Web 2.0 pronto estará pasado de
moda. Cuando las normas de un estilo están tan
claras, es porque el siguiente paso será su
redefinición. El diseño supone en gran medida
romper los cánones, así que debemos estar
preparados para la llegada de la próxima
tendencia.
Un nuevo modo de hacer webs, donde se imponga
unos nuevos hábitos de navegación por parte de
los usuarios y que nos obligue a redefinir la
usabilidad, el aspecto visual y, en conjunto, la
interacción.
Top Related