Necesito sus comentarios

Francisco Moreno Diaz escribió:

no soy expertos en sistemas, pero me encanta el mundo web, de ahí q he
realizado una pagina web que se llama www.saludtolima.com quisiera que
la revisaran y me dieran sus comentarios, lo anterior para mejorarla

cordialmente

Buenas tardes Francisco:
Veamos. Se trata de un tipico web basado en PHP Nuke, esto salta a la
vista (sin necesidad de ver el pie de página). Esto no es malo por
cierto, es una de las plantillas más completas y populares por cierto (y
estables siempre y cuando lo tengas actualizado por el tema de seguridad).

Lo primero que salta es que el logo de www.saludtolima.com se nota
pixelado, esto parece ser porque has pretendido hacer un gif
transparente sobre un fondo que no lograste borrar del todo. Una mejor
alternativa es utilizar un formato PNG que para el caso no será mucho
más pesado que el GIF. Otro detalle es que es un logo pequeño comparado
con el resto de la página. El logo debe destacar no por el tamaño
únicamente sino por la ubicación y contraste que ofrezca con el resto
del entorno. Un ejemplo muy conocido es el del web de Microsoft. Su logo
es su nombre y este esta en letras blancas (antes sobre fondo negro si
recuerdas) y este simple hecho hace que se destaque del resto de la
página. Algo así debes considerar y apuntar para el logo de tu web.

La animación GIF que esta en el medio (somos.gif) es muy básica y
bastante amateur (es tu caso según nos refieres). Aquí es demasiado
claro el fondo blanco de la animación en cuestión. Bien podrías lograr
algo similar con un flash usando programas como Swish que son muy
intuitivos y te ofrecen más alternativas de las que puedas imaginarte.
Para lograr el fondo transparente de un archivo SWF lo único que tienes
que hacer es agregar este parámetro al código que incluirias en el web:

<param name=wmode value=transparent>

Ten presente que desde hace un buen tiempo y como resultado de la
actualización KB912945 los archivos flash pedirán la activación por
parte del usuario para utilizarlos como controles al menos que los
actives desde un inicio y esto se logra utilizando archivos js que se
encargan de "escribir" el código de invocación del flash, de la
siguiente forma:

document.write('<param name=wmode value=transparent>');

e invocas al archivo js como cualquier archivo de script.

Un detalle antes de que se me pase de largo. Al menos en mi caso, al
cargar la página me aparece el aviso de que la página trata de instalar
un ActiveX. Esto es bastante molesto por cierto sobre todo para usuarios
que no quieren instalar cualquier cosa solo porque el diseñador de una
página así lo considera necesario. Ignoro que control será el que
invocas pero deberias considerar otras alternativas para evitar este
tipo de reacción (por cierto me auno a la idea).

Sigamos. El GIF animado con el simbolo del $. Lo malo de este tipo de
animaciones es que son muy comunes y fáciles de poder encontrar. ¿Qué
problema representa entonces?. Al margen de que se incrementa la idea de
un diseño amateur, existe el riesgo que por este detalle no se tome en
serio a la empresa o al web mismo. Más que animaciones habría que
recurrir al concepto de collages. Lo que me lleva al siguiente punto.

Es una página muy plana. Esto es, le falta "vida" y "movimiento". Pero
no comprendas movimiento por animación. Los diseños webs hoy en día y
desde hace muy buen tiempo son conceptuados y diagramados como revistas.
Falta el elemento de color. El movimiento lo logras con imágenes o
collages que "rompen" la diagramación lineal que plante plantillas como
PHPNuke y similares. Veamos algunos ejemplos.

http://www.elle.com/
En esta página se nota claramente el diagramado lineal al que hago
referencia pero es compensado primero con el fondo blanco (esta diseñado
para una resolución mínima de 800x600 por eso se ve 2 fondos, blanco y
gris). El otro detalle es la presentación de las imágenes en ciclo
rotativo que esta a la izquierda. Esta es una diagramación más fluída
que hace que el concepto lineal no se vea tan marcado.

http://www.schoolworld.com/welcome.cfm
Aquí otro ejemplo de como se libera de la atención la diagramación
lineal con la cabecera con curvas que se muestra. Al fusionarse con el
fondo (en este claso blanco) hace que se pierda el punto de atención a
lo que es una diagramación simple de tablas.

Sigamos. Uno de los problemas con plantillas del tipo PHPNuke es que las
secciones son tan abundantes que pocas veces resistimos el deseo de
mostrar más de lo que debemos. Aquí hay un problema. Mi monitor esta
configurado a una resolución de 1152x864 y para ver toda la página debo
scrollar 6 veces y fracción. Esto es mucho. La primera página es
recomendable que sea no más de 3 scrolls de tamaño para que pueda lograr
lo que en realidad se pretende: capturar la atención del visitante y ser
claros y concisos. Tienes ahora mismo:

Articulos de hoy
Encuestas
Foros
Vuelve pronto
Frase dle día
Buscar
Historia de Articulos
Información
Resgitrese
Titulares aleatorios
Los 10 más descargados
Los 10 más visitados
Ingresa a tu MSN
Ultimas visitas
Anuncios Google

Es MUY PELIGROSO el ofrecer una opción para que un usuario pueda
ingresar a su MSN por medio de una página cualquiera. Peligroso y NADA
RECOMENDABLE. Te vas a hacer de una fama de "capturar usuarios y
passwords" muy fuerte y esto es NADA DESEABLE. Empezando por lo básico,
¿qué sentido tiene ofrecer esta opción a los visitantes?. En verdad es
muy mala, MUY MALA idea.

Le estas dando prioridad a Foros en Salud, Vuelve pronto, Artículo de
hoy y encuestas (es lo que se ve en la ventana inicial sin hacer scoll)
sobre sección que claramente son más importantes como Buscar y
Registrese. Tal parece que en una sóla página quieres mostrar todo y eso
es un gran error y un terrible riesgo que estas tomando. La idea de un
web, es verdad, es la de ofrecer información (entre otras cosas), pero
esta información debe estar adecuadamente agrupada y ordenada. La
primera página debe invitar al usuario a navegar y quedarse en el web.
Una lista de opciones con títulos sugestivos es una opción.

Tienes una sección de avisos clásificados con unos iconos por demás
exageradamente grandes y no son proporcionales entre si. Aquí viene otra
pregunta: ¿Cuál es la finalidad del web site?. Esta claro que hablas de
algo de salud, pero entonces ¿que tienen que ver avisos clasificados de
compra y venta?. Si apuntas más a un portal entonces es probable que el
slogan de tu web debas cambiarlo o hacer más claro la transición entre
las distintas secciones.

Finalizando, el tema de color asumo que esta basado en los colores
institucionales o corporativos de la empresa. Aún asi, es muy plano. No
se pide un exceso de colores pero si un criterio de equilibrio entre
ellos. No en vano la gran mayoría de webs utiliza el blanco como fondo
dado que es uno de los más ductiles para poder crear diagramaciones y
presentaciones variadas. El blanco y el negro por cierto, aunque este
último hay que tratarlo con mayor dedicación por otros conceptos que no
vienen al caso comentarlos.

Lo importante aquí es que has empezado algo y debes continuarlo. Eso es
lo rescatable a mi entender. Hay que aclarar ideas, tomar un par de
hojas y un lapíz y empezar a bosquejar conceptos e ideas. Ten presente
las siguientes preguntas:

1. ¿Qué quiero ofrecer por intermedio del web?
2. ¿Cuál es el carácter que quiero mostrar?. Esto es, un carácter
informal, empresarial, profesional, elegante, elitista, etc.
3. ¿Cuál va a ser la organización del web?. Enfocalo como si crearas los
departamentos de tu empresa, desde la recepción hasta la gerencia
general. Incluye procedimientos y rutas, esto es, para llegar por
ejemplo a la gerencia, el documento o visitante debe primero pasar por
recepción, luego por atención al cliente y de ahí recién a gerencia.
4. ¿Cuales van a ser los colores básicos que he de tomar en cuenta?
5. Si voy a utilizar plantillas del tipo PHPNuke entonces ¿hay otros
skins disponibles que pueda utilizar?. Esto es en pocas palabras: busca.
Lo mejor aquí es que crees tu propio skin. Hay miles de foros en
Internet que pueden ofrecerte soporte y guía para crear skins para
phpNuke, obviamente, todos ellos estan con PHPNuke.

Sinceramente espero que mi comentario te sea de utilidad.
Un saludo desde Lima, Perú

ACD

me ha parecido una buena crítica, aunque no sea yo el que preguntó
inicialmente me ha parecido interesante... gracias!

Excelente aportación Arturo, tu aportación me hizo suscribirme a estos
apartados desde mi oficina gubernamental solo para felicitarte, espero
encontrar muchas más ideas por que también "peleamos" por tener la mejor
página institucional, visita la página premiada y reconocida.
http://www.sat.gob.mx, me gustaría una crítica tuya sobre dicho portal.
Saludos.

"Arturo Costa Delgado" wrote:

Francisco Moreno Diaz escribió:
> no soy expertos en sistemas, pero me encanta el mundo web, de ahí q he
> realizado una pagina web que se llama www.saludtolima.com quisiera que
> la revisaran y me dieran sus comentarios, lo anterior para mejorarla
>
> cordialmente
>
Buenas tardes Francisco:
Veamos. Se trata de un tipico web basado en PHP Nuke, esto salta a la
vista (sin necesidad de ver el pie de página). Esto no es malo por
cierto, es una de las plantillas más completas y populares por cierto (y
estables siempre y cuando lo tengas actualizado por el tema de seguridad).

Lo primero que salta es que el logo de www.saludtolima.com se nota
pixelado, esto parece ser porque has pretendido hacer un gif
transparente sobre un fondo que no lograste borrar del todo. Una mejor
alternativa es utilizar un formato PNG que para el caso no será mucho
más pesado que el GIF. Otro detalle es que es un logo pequeño comparado
con el resto de la página. El logo debe destacar no por el tamaño
únicamente sino por la ubicación y contraste que ofrezca con el resto
del entorno. Un ejemplo muy conocido es el del web de Microsoft. Su logo
es su nombre y este esta en letras blancas (antes sobre fondo negro si
recuerdas) y este simple hecho hace que se destaque del resto de la
página. Algo así debes considerar y apuntar para el logo de tu web.

La animación GIF que esta en el medio (somos.gif) es muy básica y
bastante amateur (es tu caso según nos refieres). Aquí es demasiado
claro el fondo blanco de la animación en cuestión. Bien podrías lograr
algo similar con un flash usando programas como Swish que son muy
intuitivos y te ofrecen más alternativas de las que puedas imaginarte.
Para lograr el fondo transparente de un archivo SWF lo único que tienes
que hacer es agregar este parámetro al código que incluirias en el web:

<param name=wmode value=transparent>

Ten presente que desde hace un buen tiempo y como resultado de la
actualización KB912945 los archivos flash pedirán la activación por
parte del usuario para utilizarlos como controles al menos que los
actives desde un inicio y esto se logra utilizando archivos js que se
encargan de "escribir" el código de invocación del flash, de la
siguiente forma:

document.write('<param name=wmode value=transparent>');

e invocas al archivo js como cualquier archivo de script.

Un detalle antes de que se me pase de largo. Al menos en mi caso, al
cargar la página me aparece el aviso de que la página trata de instalar
un ActiveX. Esto es bastante molesto por cierto sobre todo para usuarios
que no quieren instalar cualquier cosa solo porque el diseñador de una
página así lo considera necesario. Ignoro que control será el que
invocas pero deberias considerar otras alternativas para evitar este
tipo de reacción (por cierto me auno a la idea).

Sigamos. El GIF animado con el simbolo del $. Lo malo de este tipo de
animaciones es que son muy comunes y fáciles de poder encontrar. ¿Qué
problema representa entonces?. Al margen de que se incrementa la idea de
un diseño amateur, existe el riesgo que por este detalle no se tome en
serio a la empresa o al web mismo. Más que animaciones habría que
recurrir al concepto de collages. Lo que me lleva al siguiente punto.

Es una página muy plana. Esto es, le falta "vida" y "movimiento". Pero
no comprendas movimiento por animación. Los diseños webs hoy en día y
desde hace muy buen tiempo son conceptuados y diagramados como revistas.
Falta el elemento de color. El movimiento lo logras con imágenes o
collages que "rompen" la diagramación lineal que plante plantillas como
PHPNuke y similares. Veamos algunos ejemplos.

http://www.elle.com/
En esta página se nota claramente el diagramado lineal al que hago
referencia pero es compensado primero con el fondo blanco (esta diseñado
para una resolución mínima de 800x600 por eso se ve 2 fondos, blanco y
gris). El otro detalle es la presentación de las imágenes en ciclo
rotativo que esta a la izquierda. Esta es una diagramación más fluída
que hace que el concepto lineal no se vea tan marcado.

http://www.schoolworld.com/welcome.cfm
Aquí otro ejemplo de como se libera de la atención la diagramación
lineal con la cabecera con curvas que se muestra. Al fusionarse con el
fondo (en este claso blanco) hace que se pierda el punto de atención a
lo que es una diagramación simple de tablas.

Sigamos. Uno de los problemas con plantillas del tipo PHPNuke es que las
secciones son tan abundantes que pocas veces resistimos el deseo de
mostrar más de lo que debemos. Aquí hay un problema. Mi monitor esta
configurado a una resolución de 1152x864 y para ver toda la página debo
scrollar 6 veces y fracción. Esto es mucho. La primera página es
recomendable que sea no más de 3 scrolls de tamaño para que pueda lograr
lo que en realidad se pretende: capturar la atención del visitante y ser
claros y concisos. Tienes ahora mismo:

Articulos de hoy
Encuestas
Foros
Vuelve pronto
Frase dle día
Buscar
Historia de Articulos
Información
Resgitrese
Titulares aleatorios
Los 10 más descargados
Los 10 más visitados
Ingresa a tu MSN
Ultimas visitas
Anuncios Google

Es MUY PELIGROSO el ofrecer una opción para que un usuario pueda
ingresar a su MSN por medio de una página cualquiera. Peligroso y NADA
RECOMENDABLE. Te vas a hacer de una fama de "capturar usuarios y
passwords" muy fuerte y esto es NADA DESEABLE. Empezando por lo básico,
¿qué sentido tiene ofrecer esta opción a los visitantes?. En verdad es
muy mala, MUY MALA idea.

Le estas dando prioridad a Foros en Salud, Vuelve pronto, Artículo de
hoy y encuestas (es lo que se ve en la ventana inicial sin hacer scoll)
sobre sección que claramente son más importantes como Buscar y
Registrese. Tal parece que en una sóla página quieres mostrar todo y eso
es un gran error y un terrible riesgo que estas tomando. La idea de un
web, es verdad, es la de ofrecer información (entre otras cosas), pero
esta información debe estar adecuadamente agrupada y ordenada. La
primera página debe invitar al usuario a navegar y quedarse en el web.
Una lista de opciones con títulos sugestivos es una opción.

Tienes una sección de avisos clásificados con unos iconos por demás
exageradamente grandes y no son proporcionales entre si. Aquí viene otra
pregunta: ¿Cuál es la finalidad del web site?. Esta claro que hablas de
algo de salud, pero entonces ¿que tienen que ver avisos clasificados de
compra y venta?. Si apuntas más a un portal entonces es probable que el
slogan de tu web debas cambiarlo o hacer más claro la transición entre
las distintas secciones.

Finalizando, el tema de color asumo que esta basado en los colores
institucionales o corporativos de la empresa. Aún asi, es muy plano. No
se pide un exceso de colores pero si un criterio de equilibrio entre
ellos. No en vano la gran mayoría de webs utiliza el blanco como fondo
dado que es uno de los más ductiles para poder crear diagramaciones y
presentaciones variadas. El blanco y el negro por cierto, aunque este
último hay que tratarlo con mayor dedicación por otros conceptos que no
vienen al caso comentarlos.

Lo importante aquí es que has empezado algo y debes continuarlo. Eso es
lo rescatable a mi entender. Hay que aclarar ideas, tomar un par de
hojas y un lapíz y empezar a bosquejar conceptos e ideas. Ten presente
las siguientes preguntas:

1. ¿Qué quiero ofrecer por intermedio del web?
2. ¿Cuál es el carácter que quiero mostrar?. Esto es, un carácter
informal, empresarial, profesional, elegante, elitista, etc.
3. ¿Cuál va a ser la organización del web?. Enfocalo como si crearas los
departamentos de tu empresa, desde la recepción hasta la gerencia
general. Incluye procedimientos y rutas, esto es, para llegar por
ejemplo a la gerencia, el documento o visitante debe primero pasar por
recepción, luego por atención al cliente y de ahí recién a gerencia.
4. ¿Cuales van a ser los colores básicos que he de tomar en cuenta?
5. Si voy a utilizar plantillas del tipo PHPNuke entonces ¿hay otros
skins disponibles que pueda utilizar?. Esto es en pocas palabras: busca.
Lo mejor aquí es que crees tu propio skin. Hay miles de foros en
Internet que pueden ofrecerte soporte y guía para crear skins para
phpNuke, obviamente, todos ellos estan con PHPNuke.

Sinceramente espero que mi comentario te sea de utilidad.
Un saludo desde Lima, Perú

ACD