[ot] critica de web

Agradezco la confianza y apreciaciones sobre mis comentarios. Conozco
del tema un poco. Todos empezamos de una forma u otra más o menos de
igual modo, así que el inicio no es tan importante como lo es el camino
que tomemos luego de iniciar la "aventura" de tomar una ruta en diseño y
programación (aplicable creo a todas las instancias de la vida).

Veamos entonces... procuraré ser lo más objetivo posible.

Trabajar sobre fondos obscuros o casi negros presenta una limitación
inherente: el carácter es incrementado a extremos. Esto quiere decir que
o es alegre o es dramático (lugubre en algunos casos). Los fondos
obscuros, eventualmente, pueden ser de corte o carácter serio. Si bien
es cierto realzan las imágenes y textos coloridos, los resaltan pero,
reitero, no dejan de ser influenciados por el carácter general. Esto que
se tome como un inicio, pues es un previo. Continuemos.

Empezando desde arriba, el link sobre Advertencia legal es en realidad
casi no utilizado en dicha posición o ubicación. Las advertencias
legales (títulos de propiedad, descargos, términos de privacidad,
políticas de privacidad, etc. suelen ser ubicados normalmente y
generalmente al final de la página). El colocarla al inicio
implícitamente (y sobre todo al estar antes del título del web) indica
que le estas dando mayor importancia, como si el "aspecto legal" del web
es sumamente importante. ¿Lo es?. Busca esa respuesta como ejercicio.

El gif animado que representa el título del web "www.flateric.es" es
bueno. Discreto y simple, sin embargo hay 2 detalles que creo se han
exagerado mucho. El primero es la luz. La iluminación empieza bien en
las 3 w pero es nula al final, en la "es" dandole en ese aspecto un
formato plano. Es claro que tiene superficie y grosor, pero (aquí otro
problema de trabajar con fondos obscuros) como la iluminación es
unilateral (de derecha a izquierda y desde el fondo) entonces el "borde
de grosor" de "es" se pierde. El segundo detalle es la sombra que
proyecta. ¿Es una sombra o es un diseño alternativo del título?.Pregunto
porque una sombra con un efecto de borde como el que estas planteando
puede prestarse a confusiones. En todo caso da una sensación de
"recargar innecesariamente" el título. Si lo que buscas es un efecto de
sombra, reitero, no se puede trabajar con fondos obscuros.

En este punto (y antes de continuar) debes evaluar el carácter del web,
hacia donde deseas ir, hacia donde deseas apuntar, que tipo de
visitantes deseas atraer.

El gif animado que esta justo debajo del título del web no es muy claro
que digamos. ¿Por que?. Fondo de entorno obscuro, tamaño del gif.
Volvemos al párrafo previo cuando te sugiero que te interrogues sobre
que carácter deseas para el web.¿Ese gif animado es necesario?¿Cuál es
la intención de una animación en este punto?. Y de haber una razón, ¿por
que tan pequeña?.

El color celeste (creo que Cyan) es bueno para el tipo de fondo. El tipo
de letra (Comic Sans Serif si no me equivoco) es común y agradable a la
vista. El tamaño esta proporcional. Sin embargo es un texto de apenas
una línea. Y aquí empieza un "error" que aplicas en toda la página :
todo esta con el tag CENTER. Esto lejos de guardar armonía y estética,
crea un exagerado sentido de simetría. En una página web (chequea
cualquiera literalmente), debe haber "movimiento" y esto se logra no
sólo y no únicamente con animaciones sino con diagramación. Primero,
evitar las distribuciones "cuadráticas" que se obtienen cuando se
utiliza una gran tabla y varias tablas dentro de ella. Siempre hay un
sentido de "tabloide". La otra forma es mezclar textos justificados y
sin justificar.

Los textos centrados son para "situaciones de interés máximo" pero no
para un contexto general como en esta página. Contiuemos.

El colocar la palabra MENÚ es innecesario. Obviamente se trata de tu
menú de navegación. Esta simple acción convierte el web en un web de
categoría "amatur recién nacido" (sorry el sarcasmo). ¿Por que?. Porque
estas "subestimando" el conocimiento de navegación del usuario. Por eso
simplemente.

Los botones, y comprende bien esto, están perfectos para el tipo de
carácter que el fondo obscuro presenta. Es ideal. Ese tipo de letra,
color, ligera iluminación van de acuerdo al fondo obscuro (cualquier
tonalidad de obscuro) y presentan armoniía. Si es que este web tiende a
ser algo como http://www.idsoftware.com/

Continuemos con esa columna

El icono @ animado es clásico, común, poco original a decir verdad y
claro marcador de que es ahí donde debo hacer clic para enviar un email.
Pero ¿ir a una página de comentarios?. El problema con el diseño web en
general es que parece que "todo ya ha sido creado y diseñado" y no le
deja a uno mucho de donde tomar para ser original. Por eso lo que se
debe hacer (yo lo hago y es efectivo) es tomar "las imágenes de varios
webs" y crear un collage o diseño propio. La mejor forma de aprender
algo es por imitación. Así lo hicieron al inicio los grandes pintores,
escultores, literatos, actores en fin todos. Claro que ahora hay
cursos y especializaciones para entrenar estos temas, pero si te fijas
bien, cuando empiezas un curso de diseño gráfico, te piden "copiar" con
tus propios medios, digamos, un cubo, hacerlo con Photoshop y solo con
ayuda del cursor.

Seguimos..

Las imágenes deben representar la intención de lo que queremos
transmitir. Pocos leen antes de ver imágenes. La gran mayoría se guía
por las imágenes antes que por los textos. Por eso los avisos en los
centros comerciales y en las autopistas. ¿Una calavera con los brazos
abiertos para indicar que ahí se muestran estadísticas?. Digo, ¿es la
cantidad de huesos la que usas como analogía para establecer una
relación estadística con el link que incluye?. Los iconos (iconografía
como explique en el post anterior) es importante. Aunque incluyeras un
texto en la imagen para dejar más explicitamente la intención, aún asi,
la imágen debe representar lo que se desea que represente y no
simplemente un elemento decorativo.

Lo de chat lo encuentro equilibrado. Aquí no tengo mayores comentarios.

Sigamos con la columna central. El banner esta bien ubicado. La
publicidad es importante. El resto del contenido hace referencia al
error que mencione antes : todo centrado. Quita espacio, quita carácter
serio del texto al darle igual jerarquía en cuanto al carácter se
refiere. Peor lo más importante aquí es el espacio. Ocupas mucho mucho
mucho espacio libre, diría hasta innecesario. Encuentro un poco excesivo
el uso de fuentes tipo bold (en negrita) Este estilo se usa para
resaltar una palabra o frase dentro de un texto, o para un título, pero
¿todo el texto en bold?. Un punto a considerar.

La columna de la izquierda. El icono o banner de "recomienda esta web"
es exageradamente grande y solamente es texto. Esto es, denota una falta
de creatividad, pues si vas a utilizar texto y un efecto en el mismo, la
mejor opción es un flash o un javascript, pero un botón (esto no es un
banner claramente) con esa intención y en ese tamaño, es como si
"clamara" que lo recomienden. Uno recomienda un web por su contenido, no
por el aviso de recomendación publicado ahí. Que de eso no te quede la
menor duda.

El mini-banner de tutpo es claro que esta siendo tomado de un tercero.
Me explico. Estas usando un banner que ofrece un web amigo o de terceros
para esta votación. Asumo que es de tu proveedor de hosting. Es
llamativo simplemente porque (otra vez con el tema) el fondo y el
carácter lo marcan así. El test de velocidad y la imagen están de
acorde. Son relacionados. El servicio de "clima" que incluyes no se
puede leer bien por el color de fondo de dicho servicio y el color y
tamaño de letra incluidos. Las letras verdes que están justo debajo de
ese servicio asumo que es del propio web que ofrece el servicio, pero no
se lee nada bien, no es claro en realidad. Pero creo que eso no importa
mucho por ahora.

Lo del pie de página. Lo de Google ¿al final pones un buscador?. Eso
debe ir al inicio (el buscador, no Google), no dejarlo para el final. En
todo caso, puede ser en una de las columnas laterales. Es la primera vez
que veo que alguien indica que la resolución recomendada indica hasta el
tipo de colores (32 bits). Me he quedado pensativo por ello. Esto de
indicar la mejor resolución, no estoy seguro que sea necesario. Para tal
caso uno tiene 2 opciones. O diseña un web para cada resolución conocida
(algo arduo y que quita mucho tiempo) o hace un diseño para 800x600 y lo
centra (lo más usual). Para finalizar este apartado del pie de página,
tu has puesto un gif animado con el nombre del dominio dando vueltas. Me
tomo como 3 minutos darme cuenta de que se trataba pues va muy rápido,
la letra esta muy compactada y no logra "extenderse" completamente..
tal vez bajando la velocidad.

Para finalizar, el marcar las celdas de la tabla principal con borde,
delimitando las 3 secciones de la página, es reincidir. Es como si las
fotos que tomamos salieran con el borde color negro. Es redundante e
innecesario.

Bueno, espero sinceramente haberte ayudado con mis comentarios. Reitero
mi disposición de apoyar y ayudar, no de criticar por criticar. Es mi
más sincero deseo que te sea de utilidad mis opiniones.

Un abrazo

ACD