Internet es un fenómeno global que sin duda
ha revolucionado el mundo. Está vinculado estrechamente con la comunicación,
pero influye en casi todos los ámbitos de la sociedad, por ejemplo: en la educación,
en la sociedad, en la economía y en la política. Es un medio masivo de comunicación
en el que se transmite información por medio de páginas web. Cada página o
sitio web debe contar con diseño pensando en el usuario para comunicar.
El diseño de estas páginas consiste en la planificación,
el diseño y la implementación de sitios electrónicos, los cuales requieren
navegabilidad, interactividad, usabilidad y arquitectura de la información,
ademas de interacción entre audio, texto, imagen y video.
Una página web consiste en elaborar un
documento con información hiperenlazada con otros documentos y asignarle una presentación
para diferentes dispositivos de salida (en una pantalla de computadora, un teléfono
móvil, una tableta).
La demanda del desarrollo de páginas web se
ha incrementado porque las organizaciones públicas y privadas requieren de
ellas para administrar y gestionar desde sus procesos internos hasta los
servicios que brindan.
El diseñador gráfico ha ganado profesionalidad
y referencia laboral con la revolución tecnológica y mediática. Muchas empresas
requieren presencia en Internet, debido a estos y a la competitividad visual,
muchas de ellas emplean diseñadores gráficos para que comuniquen y transmitan,
con elementos innovadores y gráficos, su información a los usuarios.
Los diseñadores
gráficos forman una parte muy importante de nuestras vidas. Gracias a ellos
se transmiten ideas en muchos campos, de los cuales destacan el diseño
editorial, el diseño web y el diseño multimedia.
|
Los estándares del consorcio World Wide Web (W3C)
El consorcio W3C es una organización
independiente y neutral, la cual desarrolla estándares relacionados con la
web, tambien conocidos como recomendaciones. Los estándares web más conocidos
y usados son:
·
HTML (Hypertext Markup Language)
·
XML (eXtensible Markup Language)
·
CCS (Cascading Style Sheets)
La creación de un estándar requiere un proceso
controlado, que consta de varias etapas que aseguran la calidad de la especificación.
|
Estos campos son los más demandados debido
al alto crecimiento de intercambio de la información y, particularmente, a
causa del gran desarrollo exponencial de las nuevas tecnologías de la información y comunicación, pero ¿qué cualidades debe tener un diseñador gráfico
para transmitir todas esas ideas, en todos esos campos, de manera clara y
fluida?
El diseñador web debe tener las siguientes
cualidades: apreciación estética, imaginación y originalidad, que permitan el
desarrollo de proyectos novedosos, creativos y de valor plástico. Tambien debe
contar con una agudeza visual, agilidad manual y precisión en el manejo de
equipo y herramientas para la aplicación de procesos técnicos y artísticos. Asi
como las habilidades para diseñar y dibujar, conceptualizar y desarrollar
proyectos a partir de la recopilación, la interpretación y el análisis de la información.
Y, por último, debe aplicar los estándares web recomendados por la W3C.
Asimismo, el diseño web necesita de una metodología,
de técnicas y de procedimientos ideados para un fin específico: centrar el diseño
en sus usuarios.
El diseño web se divide en las siguientes
etapas: planificación, diseño, implementación,
lanzamiento y el mantenimiento y seguimiento.
|
Prototipado:
n Low Fidelity: sirve para evaluar
la usabilidad del sitio sin necesidad de esperar a su implementación.
n High Fidelity (wireframe). Es el aspecto del prototipo distara
bastante del que tenga el sitio web final.
Evaluación.
Hay variedad de modelos para evaluar el
sitio web. Los más utilizados son:
-
Aspectos
generales.
-
Identidad
e información.
-
Lenguaje
y redacción.
-
Estructura
y navegación.
-
Layout de la página.
-
Accesibilidad.
|
è Planificación. Cuando se planifica un sitio web se debe considerar entender a su audiencia y a sus necesidades actuales y a futuro. Se debe definir claramente
el propósito del sitio web, asignar los temas y contenidos a cubrir, y tambien
decidir el sitio web. Finalmente, comprobar la disponibilidad del nombre de
dominio y registrarlo; asi como hacer un análisis de lo que otros sitios han
hecho.
è Diseño. Es el momento del proceso de desarrollo para la toma de decisiones
para el diseñar o rediseñar. Con base en el conocimiento obtenido en la etapa
de planificación, asi como en los problemas de usabilidad descubiertos en el
prototipado y la evaluación.
El diseño incluye las siguientes etapas:
è Modelado del usuario. El diseñador debe pensar para quien diseña y que es lo que el
usuario espera encontrar y de qué forma. Es decir, identificar los tipos de
usuarios que representan los patrones de conducta, los objetivos y las
necesidades, basados en información real extraída de la audiencia objetiva del
sitio web.
è Diseño conceptual. El esquema de organización, el funcionamiento y la navegación del
sitio son definidos. Se realiza la “arquitectura de la información”, los sitios
web son sistemas hipermedia. Otras tareas del diseñador son determinar sistemas
de clasificación para los contenidos mediante esquemas exactos o ambiguos y
diseño de contenidos.
è Diseño visual y definición
del estilo. Se especifica el aspecto visual del
sitio web: la composición de cada uno de los elementos de información y la pagina;
el aspecto y el comportamiento de los elementos de interacción y presentación
de elementos multimedia. Se debe tomar en cuenta el modo de lectura visual para
jerarquizar la distribución de los elementos de información y navegación.
En esta fase tambien se consideran todos
los elementos de la página web:
▬ Resoluciones y medidas seguras, de las cuales hay tres estándares:
§ 640 x 480 pixels, 800 x 600 pixels o
1024 x 768 pixels.
▬ Elementos gráficos para el diseño como
banners, ficheros gráficos en formatos GIF, JPG, PNG, si son estáticos; o en
formato SWF o GIF animado, si son animados.
Dimensiones de los
banners:
® 460 x 680 pixeles (banner completo)
® 234 x 60 pixeles (medio banner)
® 120 x 240 pixeles (botón cuadrado)
® 392 x 72 pixeles (full banner)
▬ Los botones permiten al usuario interactuar
con la aplicación, informándole de la acción que se producirá si da clic sobre
ellos.
▬ El correcto uso de los colores, el contrates
entre texto y fondo para no dificultar la lectura. Se seleccionan las combinaciones,
tomando siempre en cuenta las discapacidades visuales.
▬ Mantener una coherencia y un estilo común entre
las páginas.
▬ El diseño de contenidos, el nuevo medio y sus
características obligan a ser concisos, precisos y estructurados en la redacción.
Seguir una estructura piramidal, asi como permitir una fácil exploración del
contenido.
|
Compatibilidad:
se refiere a que la página
web se muestre de forma muy similar en todos los navegadores web (Firefox,
Chrome, Opera, Microsoft Edge, entre otros).
Escalabilidad: es la propiedad deseable que indica su
habilidad para reaccionar y adaptarse sin perder calidad.
|
è Implementación
y lanzamiento. Es recomendable utilizar estándares web (HTML,
XHTML…) para asegurar la compatibilidad y escalabilidad del sitio. Separar el
contenido de estilo mediante el uso de hojas de estilo (CCS) del lado del
cliente y uso de bases de datos del lado del servidor
è Mantenimiento
y seguimiento: un sitio web
no es una entidad estática, es un objeto vivo y requiere de continuos rediseños
y mejoras. Estos rediseños deben ser muy sutiles. Los mensajes y las opiniones
de los usuarios, su comportamiento y uso del sitio ayudan a detectar problemas
no considerados en el desarrollo del sitio.
Es asi como de forma
general se diseñan los sitios web por medio de la aplicación de técnicas,
recomendaciones, métodos y procedimientos de diseño centrado en el usuario.
Un ejemplo del buen
diseño y la funcionalidad de una página es https://trello.com/
, un administrador gratuito de tareas, con el cual se pueden organizar tareas
diarias o hacer la administración de proyectos escolares, ademas de que
visualmente es muy agradable.
