Foros del Web » Creando para Internet » Diseño Gráfico » Competencias DG »

Resultado Olimpíadas

Estas en el tema de Resultado Olimpíadas en el foro de Competencias DG en Foros del Web. Muchas gracias a todos los que colaboraron, opinaron, criticaron, participaron. A Robibaggio que tuvo un trabajo bárbaro haciendo de interlocutor y que me dió las ...

  #1 (permalink)  
Antiguo 15/09/2008, 08:55
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Resultado Olimpíadas




Muchas gracias a todos los que colaboraron, opinaron, criticaron, participaron.

A Robibaggio que tuvo un trabajo bárbaro haciendo de interlocutor y que me dió las identidades por mail el sábado a la tarde.

A Kseso que es nuestro cronista gráfico por excelencia.

A Al Zuwaga que prestó servidor y contraseñas.

A los que analizaron concienzudamente y escribieron muchísimo.

Si hay una nueva versión de estos juegos, quedan muchas cosas por reveer, la mas importante es el sistema de puntuación.
Yo les dí libertad a los colaboradores/ moderadores que opinen desde el ángulo que quieran, desde el punto de vista que mejor manejen. Algunos sólo votaron y otros votaron y criticaron. (las críticas las voy posteando abajo) Leanlas que están súper jugosas.
Sí creo que tendría que haber previsto un sistema de puntuación, pero tarde me dí cuenta... pido disculpas por ésto.

También debo destacar que hablando sólo de diseño, el oro se lo lleva Nadie, seguido por nicks. Las votaciones del videíto son las generales.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio

Última edición por paolamurias; 15/09/2008 a las 13:47
  #2 (permalink)  
Antiguo 15/09/2008, 08:59
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Voto de U_Goldman

Nadie

Lo que me gusta:
- XHTML válido.
- Buen uso de css.
- Buen uso de técnicas de accesibilidad.
- Me encantó el logo, le da mucha frescura.
- La navegación es franca, no hay pierde.


Lo que me gustaría ver modificado:
- El formulario de contacto no tiene validación, el uso de JavaScript hubiera sido muy bueno para esto.
- El portafolio está incompleto,los links no llevan a ningún lado vamos, ¿dónde está la creatividad?
- Me gustó que validara si la página existe o no, desgraciadamente tengo que poner como contra, que se ve mal dicha página de error (los pequeños detalles son de suma importancia a la hora de entregar un proyecto).
- No soy experto en css, pero me da la impresión de que dado el "layout" del sitio, se pudo haber limitado mucho la inclusión de estilos en el hack para IE6.
- Existen links inactivos o secciones no existentes, en mi opinión no debe haber secciones "deshabilitadas" o "en construcción", esta es una muy mala práctica, mejor no incluír estos elementos en la navegación.



Personalmente, creo que el logo proporciona una herramienta muy fuerte para en torno a el, crear el diseño, pero el contenido tiene muy poca fuerza, el header es demasiado alto.

Aunque el sitio está muy bien logrado estructuralmente, me faltó más dinamismo, ver la parte del programador, algún efecto elegante en JavaScript, algo más de web 2.0
-----------------------------------------------------------------------------------------------------------------------------------------------------------

Nicks

Lo que me gusta:
- Gracias por limitar al máximo el uso de condiciones css.
- Gracias por el uso de JavaScript en su portafolio, se ve muy bonito.
- Gracias por proporcionar links a las validaciones.
- Me gusta mucho el diseño de las páginas interiores, el sitio es fácil de navegar y su información está siempre a la mano.



Lo que me gustaría ver modificado:
- La página de inicio, de entrada me dejó pensando acerca de la temática del website, y me costó trabajo ver que cualquier foto me lleva al mismo lugar, al principio pensé que cada una era una opción del menú de navegación.
- Demasiados links muertos, si no hay páginas para estos links, no hacer links.
- Me hubiera gustado ver un poco más de acción en las noticias, no se si más contraste de color, otra fuente, o un efecto JavaScript.
- Un menú más vistoso.


Me gusta, está muy bien ordenado, es fácil de navegar, el diseño es sencillo, te deja enfocarte en el contenido, los contrastes son buenos.
-------------------------------------------------------------------------------------------------------------------------------------------------------------

dBlers



Lo que me gusta:
- Gracias por porveer un método alternativo para seguir viendo el sitio aún sin JavaScript.
- Gracias por no usar hacks de css
- La navegación es sencillo, el aspecto técnico está muy bien cuidado
- Tiene lo que se necesita dónde se necesita, lo hicieron tan bien, que parece muy sencillo.



Lo que me gustaría ver modificado:
- El ancho del website en distinto en IE6.
- ¿Por qué la envidia con su hoja de estilos?
- Me faltó ver su información, una forma de contacto, un teléfono o un email...no los puedo contactar :S
- Secciones muertas en el menú, es mejor omitirlas.
- Me ví demasiado extremo y deshabilite las hojas de estilo, no pude navagar el sitio, pero esto si fué demasiado extremo.
- La palabra "portafolio" del menú de navegación está incorrectamente escrita.


Me gusta mucho sobre todo desde el punto de vista técnico.
-------------------------------------------------------------------------------------------------------------------------------------------------------------

Novatos


Lo que me gusta:
- Qué buena página de entrada, justo lo que se necesita, informativa, con un buen impacto visual, clara, buen acceso de navegación. ¡Felcidades!
- Gracias por no usar hacks de css.
- Tiene el JavaScript necesario.
- En general, la composición del sitio, su diseño, navegación.
- No tiene links muertos ¡Felicidades!



Lo que me gustaría ver modificado:
- ¿Por qué utilizaron charset=iso-8859-1?
- La página de contacto no valida XHTML, el link de XHML válido no debería estar en el footer -lo siento-
- La forma de contacto no es accesible, el atributo for se debe asociar con el atributo id de los objetos.
- El diseño aplicado al contenido en la página de contacto y en los detalles del portafolio están descuidados, se ven muy distintos a las páginas de servicios y quiénes somos.
- La forma no presenta validación alguna.

Me encanta, particularmente fué el diseño que más me gusto, me parece súper práctica, funciona muy bien...desgraciadamente no les puedo dar mi voto porque hay trabajos que cumplen con todas las reglas, sin embargo, de haber validado el XHTML de la página de contacto, les hubiera dado mi voto.
Mi voto: dBlers
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #3 (permalink)  
Antiguo 15/09/2008, 09:01
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Voto de Okram

- Nadie

• Valida correctamente el HTML y el CSS. Hay un orden jerárquico en la estructura del HTML adecuado (no óptimo), lo que permite ver la página sin estilos conservando un esquema amigable. Es de destacar la ausencia de tags <meta> importantes, como la descripción o keywords. La codificación indicada está de adorno, pareciese como que se hubiera hecho un copy&paste de otra página.
• El diseño celeste de pronto se convierte en muy monótono, con un brusco cambio en el footer de la página. El link de versión en inglés no debería mezclarse con los de inicio y contacto en la parte superior de la página. Al ver cada sección se observa un número aislado que corresponde al número de la sección en la barra celeste horizontal, lo cuál es muy poco acertado. El portafolio es el punto negro en el sitio. A mi parecer no da ninguna impresión acerca de los trabajos de la empresa. Un formulario de contacto de buena "presencia", aunque el botón de Enviar algo aislado. Me gustó el efecto de degradado en los campos de texto.
• Lamentablemente no logré encontrar código JS. No diré nada respecto al empleo de un esquema modular con PHP de fondo, pues no es punto de calificación.
• Sobre el logo, aunque el motivo de las alas me parece muy original, la tipografía la encuentro poco adecuada. La leyenda "marcando tendencias" da una pequeña idea acerca del tipo de empresa en cuestión.
• EN CONCLUSIÓN: Aunque la navegación es sencilla, hay muchos detalles que me harían pensar dos veces antes de contratar su servicio.

- Nicks

• Al igual que el primer equipo, un HTML bien estructurado, muy amigable a la navegación sin estilos. Sin embargo, para ciertas cosas, como los menúes, el uso de listas personalizadas es preferible a los <div>
• Me encantó la hoja de estilos CSS. Especificaciones concretas. Es un diseño muy simple, pero que demuestra seriedad y compromiso, lo que lo hace en conjunto estupendo. Hay un buen ordenamiento de los elementos del sitio. Un panel de noticias que sin ser llamativo, no pasa desapercibido, al igual que el banner inferior de premios. Es de aplaudir el "resalte" que se le dá al teléfono de contacto, aunque esperaría más datos, como una dirección postal. La gráfica de "10 años marcando tendencia", muy original.
• Tengo un navegador del año 0 y no logro ver mas que 3 elementos en el portafolio. La idea de incluir un link directo a una imagen con JS desactivado es pésima.
• Me gusta el diseño del logo, y nuevamente, la leyenda debajo de él es una gran ayuda para predecir el tema del sitio.
• EN CONCLUSIÓN: Seria, comprometida, eficiente (con pocos recursos da una gran impresión). Aunque un tanto inaccesible universalmente hablando.

- dBlers

• Es un HTML limpio, pero lo que no me agrada es un sólo HTML contiene el sitio entero, además de las páginas _noscript que representan gasto innecesario. Aunque no es apreciable la diferencia, con un sitio más grande el tiempo de respuesta se alargaría.
• Una hoja CSS concreta. El diseño en negro podría dar un aspecto elegante, pero combinado con una tipografía blanca, con escaso espacio entre líneas y figuras hasta cierto punto abstractas que crean demasiado contraste lo convierte en un diseño "extravagante". El portafolio no es más que una colección de links, que no da idea alguna sobre cada proyecto a menos que lo abras.
• Me gustó el hecho de que un script ejecutándose no invalida a los demás, lo cuál es muy común de ver. No es necesario decir nada sobre la disponibilidad a navegadores con javascript inhabilitado.
• El logo me recuerda al de Domino's Pizza, y viéndolo sólo jamás imaginaría que tiene algo que ver con computación.
• EN CONCLUSIÓN: Aunque se pensó en el usuario, procurando darle la posibilidad de ver el sitio entero bajo cualquier circunstancia, el sitio no guarda relación con la visión de la empresa.

- Novatos

• HTML igualmente válido (excepto en el formulario de contacto, que devuelve 6 erroresw de validación y 3 advertencias), a diferencia de los demás se pensó en tags <meta> lo cual, para mí, le da punto a favor. Un código limpio, aunque muy poco amigable si los estilos están deshabilitados.
• CSS preciso, aunque con declaraciones redundantes. El aspecto visual es adecuado. Da una imagen de confianza y seriedad. La cabecera es algo amplia también, y el footer simple, adecuado. EL área de noticias está opacada con el gris de fondo que tiene. El formulario de contacto está muy poco trabajado, mejor se hubiese puesto sólo el email o algo así.
• Javascript pasa desapercibido, da la misma impresión que usar links directos a páginas HTML. El mismo error que Nicks, links directos a la imagen son muestra de poco interés en los usuarios que no habilitan su JS. Además, deja de funcionar correctamente cuando se deshabilitan los estilos CSS.
• La imagen del logo, aunque parece bien trabajada, no se integra con el texto, como si fueran elementos distintos.
• CONCLUSIÓN: Aunque hay conocimiento, varios detalles son pasados por alto.

Por lo tanto, mi voto es para Nicks
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #4 (permalink)  
Antiguo 15/09/2008, 09:04
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Voto de Alvlin

Aquí va mi análisis, como siempre basado completamente en la subjetividad. Lo siento, pero la objetividad es algo que sé que no voy a alcanzar.
Quiero advertir que mis comentarios buscan los puntos débiles, más que los fuertes. Que esto no desanime a nadie, todos los presentados son muy buenos trabajos. Que nadie se sienta atacado, ni crea por un segundo que desmerezco su trabajo.

Probé los sitios con Opera 9.52, Firefox 2 (Gecko) y Konqueror (WebKit, Safari y Chrome). Tuve toda la intención de probar también Internet Explorer, principalmente porque en el trabajo del grupo Nadie, no veía la "n" de "noticias".
Mala fue la impresión cuando vi que tampoco se ve en IE8.

A efectos de mi consideración para el puntaje, los equipos Nicks y novatos tienen 0, de entrada.
Nicks queda eliminado dado que utilizó código javascript tomado de internet, y eliminando la licencia de uso. Es probable que lo hayan copiado ya sin licencia, pero de todas formas es un código "prefabricado".
Simplemente revisen por acá: http://www.gamarod.com.ar/. La función para detectar el navegador es la misma, y cada código tiene su mini-licencia de uso.

novatos queda eliminado porque uno de los requisitos era que el código fuese válido, y en su trabajo hay errores en la página de contacto.

Lo siento chicos, hicieron un buen trabajo pero no puedo considerarlos para el premio. Igual no se preocupen que soy solamente 1 de los que votan. De todas formas voy a dar un comentario sobre su trabajo en cada categoría, porque lo importante siempre es participar y aprender.

Análisis

1. La estética (visión general)
Mejor conocido como "el punto en el que divago", dada mi absoluta torpeza para el diseño.
o Nadie: Los colores del menú no contrastan bien con el texto, dificultando la lectura.
Solamente Firefox mostró el menú como corresponde y la palabra "noticias" completa. Incluso IE8 cayó en el mismo problema. El tipo de letra queda bien en el menú superior y en el lateral, pero no en el texto. Debería haber más juego con las tipografías. Me gustó mucho el trabajo con el logo.
El diseño se descuadra al aumentar el tamaño de la letra, lo cual es necesario en pantallas como la mía. El diseño no es líquido, esto no es necesariamente un requerimiento pero siempre se agradece algo de flexibilidad.
Da la impresión de tener más trabajo en la cabecera que en el contenido, la cabecera parece desproporcionada.

o Nicks: No me agrada el uso de páginas de "introducción". Creo que únicamente me obligan a hacer un clic más. Y lo veo inútil al considerar el buen diseño que hay detrás de esa página de presentación.
Simple y efectivo. Solamente le agregaría algo más de color a la sección de noticias, el resto me gustó mucho. El sitio escala muy bien al reducir el tamaño de la ventana.
o dBlers: La estética oscura les quedó muy bien.
Pienso que el texto "menú" quizás no debería ir (queda claro que es un menú).
Buen uso de la interactividad.
Parece un diseño equilibrado, con buen uso de los espacios. Parece lo suficientemente líquido, no se descuadra al redimensionar la ventana. Muy buen trabajo, un diseño bien logrado.
o novatos: Un sitio de apariencia seria y profesional, aunque la cabecera me habría gustado un poco más pequeña.
No me gustó el estilo de los recuadros, y al ser un elemento que se repite tanto, es un poco molesto.
El efecto de la botonera al pasar el ratón por encima no me parece adecuado. Más que activarse, parece que se desactiva, al usar un tono similar al que las interfaces de usuario indican que un elemento está desactivado (tono grisáceo). Sí me gusta el color elegido para la página activa. Se nota que tiene mucho trabajo, pero hay algo en el aspecto que no me convence. Me gustaría saber lo suficiente de diseño como para identificar qué es.
Puntuación parcial: Nadie 0 - dBlers 1

2. El código HTML

A partir de ahora sí me meto con seguridad...
o Nadie: Faltó enlace al validador.
Al validar, sale una advertencia con respecto a la codificación de caracteres. Quizás se trate de un problema del servidor (que manda por defecto la codificación ISO) pero es algo a considerar.
El código sufre una cierta divitis, pero considerando la complejidad del diseño en realidad es correcto, y además bien sangrado.
Se divide la página en varias cajas usando la etiqueta div, pero hace falta una estructura semántica en el contenido.
Hay un uso excesivo de etiquetas div en el formulario de contacto.
Se echan en falta algunas etiquetas META comunes, pero esto no es necesariamente malo.
o Nicks: Usan una gran cantidad de dives vacíos para lograr los efectos gráficos.
Hay saltos de línea para generar margen antes y después de divisiones horizontales (etiquetas hr, que de por sí no se deberían usar).
Como el de Nadie, sufre de divitis, necesita algo de limpieza.
Hace un buen uso de etiquetas LINK para demostrar los vínculos entre las páginas
Se echan en falta algunas etiquetas META comunes, pero esto no es necesariamente malo.
Un código HTML bien sangrado, aunque complicado de leer debido a la divitis.
o dBlers: No hay sangría en el código.
Usa la nunca bien vista entidad &nbsp; para separar texto.
El texto "inhabilitado" es candidato perfecto a ser agregado mediante :after, o mediante Javascript.
Se usan etiquetas br para generar margen entre distintos div
Usan muchos div, sin embargo hay elementos claramente decorativos añadidos mediante etiquetas img. ¡Y con títulos que indican que es meramente decorativo! No parece una buena decisión
A pesar de todo, es el trabajo que hace uso más correcto de las etiquetas de encabezados (aunque se saltea h1)
o novatos: Código bien estructurado, pero con la peor divitis entre los 4 trabajos. Una cantidad de elementos div absolutamente excesiva.
El sangrado está correcto, y el uso de las etiquetas META está muy bien.
Muchachos: denle más trabajo al CSS y menos al HTML.
Puntuación parcial: Nadie 1 - dBlers 1

3. El código CSS

o Nadie: Correcto, bien comentado. Se podría haber optimizado un poco al agrupar algunas declaraciones.
Se lleva el punto.
o Nicks y dBlers: Está bien ahorrar en ancho de banda, pero creo que al tratarse de una competencia donde el CSS será valorado, es mejor dar un código fácil de leer.
o novatos: Un código correcto, aunque algunos comentarios serían de gran ayuda.
Puntuación parcial: Nadie 2 - dBlers 1

4. Javascript

o Nadie - novatos: No usa javascript. Lo cual no es malo, pero es un punto a valorar, así que hay que darle el reconocimiento merecido a quien sí lo usa.
Y además el formulario de contacto era el lugar ideal para implementar una validación con javascript.
o Nicks: Muchachos, aquí el motivo de su descalificación (por mi parte).
Se pedía que no se usaran prefabricados, ustedes tomaron un script prehecho (al menos la función bw_check) y no solamente la usaron sino que violaron la licencia del código.
Como programador, no puedo dejarlo pasar. Lo siento pero no pueden ganar mi voto. Por supuesto que tienen derecho a réplica y sin ninguna clase de soberbia me retractaré si me demuestran la originalidad del código que usaron.
o dBlers: El código no es invasivo, sin embargo hay elementos (como el enlace de "cerrar") que sin javascript se transforman en elementos sin sentido ni función alguna. Hay algunas cosas a mejorar en el código, algunas que puedo ver a simple vista:
 Si se hacen varias modificaciones al estilo de un elemento, es más rápido ocultar el elemento primero, aplicar los cambios, y volver a mostrarlo. Le evitan al navegador tener que redibujar la página en cada cambio.
 Al usar setTimeout/setInterval, no pasen el primer argumento entre comillas. Equivale a usar un eval(), lo cual tiene un peor rendimiento que simplemente pasar el objeto función.
 Si bien Javascript agrega un ; cuando falta al final de una línea, el confiar en esto puede llevar a errores difíciles de notar. Asegúrense de siempre añadir un ; al final de una sentencia.
Puntuación parcial: Nadie 2 - dBlers 2
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio

Última edición por paolamurias; 15/09/2008 a las 13:27
  #5 (permalink)  
Antiguo 15/09/2008, 09:07
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Voto de Derkenuke

Derkenuke

Como nadie lo ha hecho todavía, voy a aportar un test de velocidad de respuesta a las diferentes páginas (según http://tools.pingdom.com/fpt/). Aviso que este test no es del todo fiable para los tiempos de respuesta, ya que depende de cuánto se repita el test se lograrán mejores o peores resultados. Para lo que sí es objetivo es para el número de elementos (imágenes, CSS, HTML, JS) y para su peso. Realizo 2 tests: Uno para la página de entrada, el documento raiz; y otro para la sección de portafolio, que debería ser la más completa en elementos. Además es la única que poseen cada uno de los participantes.

Páginas de entrada

Nadie
• Total loading time: 9.5 seconds
• Total objects: 20 (200.9 KB)
• (X)HTML: 1 (3.8KB)
• CSS: 1 (6.1KB)
• Scripts: 0
• Images: 18 (191.1KB)

Nicks
• Total loading time: 6.4 seconds
• Total objects: 2 (94.3 KB)
• (X)HTML: 1 (0.7KB)
• CSS: 0
• Scripts: 0
• Images: 1 (93.6KB)

dBlers
• Total loading time: 12 seconds
• Total objects: 35 (231.3 KB)
• (X)HTML: 1 (6.2KB)
• CSS: 1 (5.3KB)
• Scripts: 1 (3.6KB)
• Images: 32 (216.2KB)

novatos
• Total loading time: 10.2 seconds
• Total objects: 24 (166.7 KB)
• (X)HTML: 1 (6.2KB)
• CSS: 1 (4.6KB)
• Scripts: 0
• Images: 22 (155.9KB)

Páginas de portafolio
(en el caso de dBlers se utilizó el documento noscript_portfolio.html, si no sería el mismo análisis que el anterior)

nadie
• Total loading time: 9.8 seconds
• Total objects: 23 (223.8 KB)
• (X)HTML: 1 (4KB)
• CSS: 1 (6.1KB)
• Scripts: 0
• Images: 21 (213.8KB)

nicks
• Total loading time: 11.9 seconds
• Total objects: 33 (74.1 KB)
• (X)HTML: 1 (5.6KB)
• CSS: 1 (4.2KB)
• Scripts: 1 (3.5KB)
• Images: 30 (60.8KB)

dBlers
• Total loading time: 28.6 seconds
• Total objects: 33 (212.5 KB)
• (X)HTML: 1 (4.1KB)
• CSS: 1 (5.4KB)
• Scripts: 0
• Images: 31 (203.1KB)

novatos
• Total loading time: 13.5 seconds
• Total objects: 28 (326.1 KB)
• (X)HTML: 1 (7.5KB)
• CSS: 1 (4.6KB)
• Scripts: 1 (1.3KB)
• Images: 25 (312.6KB)


Conclusiones

En la página de entrada Nicks tiene gran ventaja porque la suya es un documento introductorio, es vacía de contenido, por eso tiene la mejor respuesta con 6.4 segundos. Así que considero que en este apartado no puede participar por desigualdad de condiciones.

El mejor resultado lo obtiene Nadie (9.5s), seguido muy de cerca por novatos (10.2s). Economía de imágenes (18 y 22 respectivamente). novatos tiene más imágenes, pero muy pequeñas, lo que le penaliza al final. Destacar su mínimo CSS de 4.6KB; y en Nadie su mínimo HTML de tan sólo 3.8KB.

Más lejos está dBlers (12s), con 32 imágenes (216.2KB) que deben cargar para estar disponibles durante toda la ejecución del documento, pero que implica que luego no se tenga que soportar esperas entre un cambio de documento y otro gracias a javascript.


En el documento de portafolio se lo lleva nadie de nuevo (9.8s), seguido de cerca por nicks. nicks destaca por su ligero portafolio y bajo peso en imágenes (60.8KB) frente a sus competidores, que ninguno baja de 200KB; pero sus 30 imágenes le pasan factura frente a nadie, que tiene el mínimo con 21.


El punto favorable de este análisis es para nadie, que con su coherencia en ligereza de diseño y peso ha ganado en tiempos de carga en los dos documentos analizados. El desfavorable se lo lleva dBlers, que quizá para ganar usabilidad o comodidad para el usuario se inclinó a usar más ancho de banda y se lleva la lentitud en este test.


Por supuesto sólo he analizado cantidad de elementos, su peso y su respectivo tiempo de carga. Ningún voto puede dejarse llevar únicamente por este análisis, como tampoco ninguno puede dejarse llevar únicamente por el aspecto del HTML o del CSS. Entiendo que es una competición global en el que todos los aspectos tienen que tomarse en cuenta, y yo plasmé algunos importantes pero por supuesto ni los que más relevantes son, ni todos los que hay.


Mi voto de momento sería para nadie, me encantó su frescura y simplicidad.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #6 (permalink)  
Antiguo 15/09/2008, 09:09
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Voto de Derkenuke (aspecto gráfico)

Nadie

Color base: Blanco, azul, azul turquesa y cian. Negro.

Líneas: Muy dinámicas, poco rígidas y diagonales. Casi siempre doble línea con doble tonalidad cromática (profundidad).
El esquema de la web es en principio claro, predominando una basta zona horizontal azul que agrupa el menú y separa la cabecera del contenido principal. Eso ayuda a entender la organización de la página, estableciendo claramente prioridades. Cada elemento es acompañado por una línea que marca el carácter del apartado. Así, el menu posee una línea gruesa y los subapartados (noticias, clientes, ultimos proyectos) poseen líneas más finas y equiparables en peso.

El logo: Sigue muy bien la tendencia del sitio, con líneas dinámicas y un cromatismo que acompaña. Dos conceptos se dejan claros: web+air. El concepto de air se refuerza mediante el dibujo de un ala, y se asocian gracias a que tanto la palabra como el ala están marcados en azules. El concepto de web va acompañado del subtitulo "marcando tendencias", dando a entender que es una empresa innovadora. También asociamos ese negro a las dos personas trajeadas de la imagen, dando aspecto profesional. Se conjuga dinamismo con innovación con seriedad. Aunque no sabemos a ciencia cierta a qué se dedica la empresa estamos cerca de conseguirlo.

El menú: El menú se sitúa a la izquierda haciendo de contrapeso en la composición al logo y a la imagen de cabecera. Los cuatro elementos quedan bien diferenciados mediante cambios en la gama cromática, pero carecemos de contraste suficiente en la tipografía. Que las distancias entre los colores de los elementos del menú sean tan grandes no nos ayuda en ver que son elementos "hermanos" y nos hace pensar en una jerarquía inexistente. Al pasar el ratón se resalta satisfactoriamente, pero al adentrarnos en un apartado no queda resaltado y no sabemos dónde nos encontramos ya que carecemos de indicaciones claras en ese aspecto.

El contenido: La linea del menú desemboca en su base y da pie a una contracurva más fina que nace y nos lleva la mirada intuitivamente hacia el contenido. En este sentido las líneas de composición conducen a los ojos cómodamente hacia donde el diseñador quiere, y nos hace centrarnos en un elemento cada vez. Eso facilita la lectura. Cada bloque de contenido (noticias+clientes+ultimosProyectos) forman bloques bien diferenciados, y dan pie a pensar en que noticias es más importante que clientes y ultimosProyectos, que quedan relegados a la posición más baja y agrupados entre sí. La tipografía es demasiado ancha para la estrechez del contenido, la línea es muy corta e incómoda. Las palabras son muy anchas y los espacios entre ellas también.

El pie de la página es lo más desafortunado, con naraja como color complementario del azul que no consigue encajar en ningún lado y es el elemento que más llama la atención inútilmente, ya que carece de información útil (excepto la firma del autor).

Puntos débiles: Desorganización del contenido. Tipografía desacertada.
Puntos fuertes: Logo muy expresivo y acorde con el diseño del sitio. Las líneas nos ayudan a jerarquizar y ordenar el contenido. Nos conducen la exploración del sitio.

Nicks

Color base: Blanco, azules y negro. Naranja.

Líneas: Líneas rotundas, rectas, pero redondeadas en las esquinas con carácter de amoldarse y ser más amigable. El esquema de la web menos claro, con una caja blanca que lo agrupa todo. Dos zonas en el fondo que no se transmiten al contenido principal, y que no aportan demasiado. Toda la organización se realiza en base a cajas redondeadas. Las líneas no se rompen.

El logo: En el logo se transmiten también dos ideas: Web+air; y nos define el servicio claramente con el subtítulo. No transmite nada más de información, aunque su grafismo y cromatismo van acordes al diseño web.

El menú: El menú es horizontal y en la parte más alta, pero no queda más resaltado que cualquier texto excepto por su leve cambio de color. Tampoco se resalta cuando visitamos un apartado. Sin embargo su colocación es fructífera y hace que no podamos leer más contenido sin haber pasado por ahí la mirada. Es tímido y algo sobrio. Que únicamente el apartado de "contacto" tenga icono desconcierta.

El contenido: El contenido se separa del menú y de otro contenido mediante líneas ténues grises o cajas redondeadas grises. La tipografía es acertada, y la estructuración en 4 párrafos iguales invita a leer cómodamente. El apartado de noticias lo encontramos marginado y descolocado, con poca importancia respecto al "Quienes somos". La imagen de "premios de 2000 a 2007" tiene formato de banner, y la de "10 años marcando tendencias" es original, pero aparece demasiado marginada del contenido principal.

El pie de página pasa tan desapercibido como debería, y encontramos un teléfono de contacto siempre presente remarcado en naranja.

Puntos débiles: La página de entrada es innecesaria. El cromatismo azul y naranja lo forman dos colores complementarios. Se desperdicia espacio para arrinconar todos los elementos al centro. La jerarquía "logo"-"menu"-"quienes somos"-"noticias" no está demasiado bien definida. Poca personalidad, demasiado pasiva en colores. Falta fuerza.

Puntos fuertes: La estructura de cajas es cómoda de entender y leer. Los elementos se posicionan en orden natural (arriba izquierda, abajo izquierda, arriba derecha, abajo derecha).
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #7 (permalink)  
Antiguo 15/09/2008, 09:11
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Derkenuke - gráfico (continuación)

dBlers

Color base: Negro, ocres, café con leche. Blanco.

Líneas:
Rectas y redondeadas, se rompen inesperadamente para incluir el logo. Predomina la horizontalidad.

El logo: El logo es símplemente un cuadrado girado con las iniciales de la empresa (WA). No sabemos si fabrican cajas o qué hacen. Pero está claramente definido en la cabecera. Desafortunada desproporción entre "Web air" y su "subtitulo". Un reflejo que no acaba de desvanecerse y que manifiesta un suelo únicamente existente para esos caracteres desconcierta. Las nubes de la cabecera se asocian a Air sólo por su significado, no intuitivamente. Corte inesperadamente brusco en la imagen de las nubes para dar paso al menú de selección de idioma.

El menú: Un tosco título innecesario da paso al menú: Cinco botones verticamente dispuestos que intentan ocupar más superficie de la que necesitan. Como consecuencia experimentamos un vacío en cada botón. Se resalta tímidamente en el apartado donde nos encontramos. Al pasar el ratón por cada elemento en vez de resaltarse se ensombrece, puede ser desconcertante.

El contenido: Se estructura a la derecha del menú, claramente encabezado por su título, que desgraciadamente queda fuera de la caja perdiendo un poco la unión entre el título y a lo que hace referencia. La tipografía la encuentro demasiado grande en proporción al interlineado; y el espacio entre párrafos demasiado pequeño. El efecto javascript que muestra las noticias inexplicablemente sobreescribe el menú. El portafolio aparece desconcertantemente debajo de donde imaginamos que aparecerá, y comparte su posición con el apartado que estabamos viendo. Carece de contraste suficiente para entender que es una sección nueva, y carece de título. El enlace para ocultarlo se llama "cerrar" en vez de "ocultar" y no se resalta respecto al texto normal.

Los grafismos que acompañan a izquierda y derecha cuesta encontrarles significado. No sabemos si se trata de plantas, o de manchas, pero aparecen para el asombro del visitante en los sitios donde podría encontrar un descanso visual.

Puntos débiles:
Con esos colores podría haber llegado mucho más lejos el diseño si se hubieran tratado con elegancia y cariño. Se utilizan de manera tosca y desordenada, empastando el resultado. Se necesita más gama de colores. Desconcierta como se rompe con la estructura inicial. Desproporción entre elementos. Logo inexpresivo.
Puntos fuertes: Colores bien escogidos a priori. Tiene la lectura de la estructura más sencilla de todas.

novatos

Color base: Azul marino, cian, gris. Naranja.

Líneas:
Rectas y rotundas. De arriba a abajo. Aristas a veces, bordes redondeados en las cajas interiores. Se lee claramente una cabecera con su respectivo logo, un menú embebido en esa cabecera; y por otra parte el contenido. La bandera del Reino Unido se disgrega en el fondo, y es necesario desproporcionarla para que se vea.

El logo: A la imagen del planeta le falta contraste, no llegamos a identificar todas sus partes. Diríamos que se trata de una empresa de mensajería o de comunicaciones, por las connotaciones de unir con lazos las zonas del mundo. Por lo demás no hay grafismo, únicamente las palabras Web Air y un subtítulo totalmente desproporcionado. La tipografía no es acertada.

El menú: Unos botones redondos naranjas, que no concuerdan con la personalidad del sitio forman el pie de la cabecera. Inexplicablemente el apartado de "Inicio" no posee icono, y desequilibra la composición de 5 elementos. Todos los gráficos de dentro de los botones son blancos excepto uno, el de PortFolio (que además sería Portafolio) y rompe la interconexión entre ellos. Al pasar el ratón por cada elemento tenemos la impresión de que se desactiva en vez de activarse. En cualquier apartado al que entremos lo vemos remarcado con azul más eléctrico, más potente y acorde al sitio. Pero al pasar el ratón sobre él vuelve a "desactivarse". "Inicio" toma un color naranja entonces. Poco control sobre el menú.

El contenido: En el contenido inicial se nos da la bienvenida como título y encontramos cuatro cajas, correspondientes a cuatro zonas de la web que marca el menú. Cada una de esas cuatro cajas no posee un diseño uniforme, y el título de cada caja aparece abajo en vez de arriba (arriba tenemos un ribete del mundo decorativo). El título queda poco contrastado pero lo más extraño es que la descripción del apartado queda fuera de la caja.

En la columna izquierda nos encontramos dos botones similares al menú, pero que no son enlaces. El apartado secundario de noticias lo encontramos antes a la izquierda que el contenido principal. El título "Noticias" también parece ser un enlace, pero no lo es.

Una línea impide que el espacio se magnifique y separa las columnas y el pie innecesariamente.

En el pie nos encontramos por tercera vez el menú, esta vez en sólo texto y por primera vez está en naranja. El copyright tiene incluso más importancia que los subtítulos de los apartados o las noticias.

Puntos débiles:
Falta espacio en donde descansar la mirada. Demasiado elemento. De nuevo el naranja y el azul son colores complementarios, y son dificiles de combinar de una manera seria. Repetición exagerada de elementos. Descontrol en el menú. Logo. Columnas equivocadas. Diseño poco innovador.

Puntos fuertes: La estructura es muy clásica.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #8 (permalink)  
Antiguo 15/09/2008, 09:16
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

Voto de Paolamurias

Nadie
Colores: Analogía de azules sobre un gran lienzo blanco y contraste de valor con pequeños detalles negros. Bien, es una analogía bien lograda, porque hay tonos que están en el borde (como el botón de portfolio) pero no se va, destaca. Bien usado.
Disposición: Tradicional, con búsqueda de juegos como las líneas del menú que irrumpen hasta el header. Y líneas dinámicas que conducen el sentido de lectura. Audaz.
Uso de la tipografía: Uso la Courrier, quizás para remitir a programación y a “modernidad” pero le falta constrastes. De tamaños o de peso. Se hace aburrido leer. Felicitaciones por el interlineado.
La Times no la veo muy acertada, quizás faltó tiempo para la búsqueda de cómo implementarla mejor. Queda a mitad de camino. Pero veo bien la búsqueda de un contraste.
Uso de las imágenes: De estética vectorial y plana, no hay nada que escape a esto. Connota modernidad. A los hombrecitos le falta “juego” de tamaño o transparencia, no sé, así, igualitos en dos sectores diferentes parecen figurita repetida.
Hay planos con tramas que no escapan a la estética plana y sombras y degradados muy sutiles, bien. Lindo el juego del menú con y sin trama.
Logo: Muy bueno, remite a aire sin ser obvio, es sintético y se puede imprimir sin dificultades. Lo uuunico que veo es la curva del ala a medias chocando con con la punta del bastón de la W, hay un roce molesto.
Unidad general: El sitio conserva unidad. Las líneas le dan fuerza, son “el elemento” de la página.
Hubo una búsqueda, una apuesta a la originalidad, que aunque en algunas partes los blancos quedaron descompensados, es válida.
Observaciones: No se respetó el texto de apoyo “servicios web” reemplazándolo por “marcando tendencias”
No existe el apartado de los premios web.
El portfolio está medio pequeño, la imagen en perspectiva que no llega a posicionarse horizontal, no creo que sea efectiva.
El header es demasiado alto para resoluciones menores.

dBlers

Colores: Monocromía + gris. Correctos, pero le falta algún destaque, un contraste de tinte, ya que la gama que eligió aplana mucho. No usa color en el texto, ni en los a ni en los span haciendo que el contenedor con la info quede demasiado soso.
Disposición: Original, al tener el portfolio debajo permite seguir leyendo mientras se navega.
Uso de la tipografía: Correcto, sin ningún juego.
Uso de las imágenes: una en el header, de nube iluminada por la luna
(connotación por el negro del fondo). Los otros elementos (ornamentos orgánicos y geométricos) además de estar pixelados y pertenecer a a dos estéticas diferentes no corresponden con el entorno despojado por la que se optó. No aportan, es mas, restan al diseño.
Las miniaturas del portfolio usa un bisel y sombra que no corresponde con la estética plana que se buscó, no se usa este recurso en ninguna otra parte no dentro ni fuera del portfolio. Son cuadrados y no siguen con el planteo horizontal del sitio.
Logo: Indefinido, no tiene pregnancia, eso no sería el problema, el problema es que lleva un isotipo que tampoco le da elementos y que aparte de usar una tipografía de otra familia, no rescatada en ninguna otra función del sitio, usa rectas no planteadas en la web. El degradé tiene fallas, rompe muy brusco. Lo bueno es que no recure a efectos, o sea que se puede imprimir sin dificultad.
Unidad general: Salvo por el logo y los efectos del portfolio, el sitio tiene unidad, pero basada en un diseño tibio, que no condice con la “originalidad” buscada en las bases del juego.
Observaciones: El sitio sorprende por su navegabilidad, ese es su punto fuerte y bien logrado. El diseño no lo acompaña. Los destacados se fundieron en uno y no llaman la atención, están posicionados casi como footer.

Nicks

Colores: Monocromía de azulgrisáceo + complementario naranja: bien!
Disposición: Clara, tradicional, bien compensados los espacios.
Uso de la tipografía: Muy bueno, un poquito + de interlineado no hubiera venido mal en el texto.
La única falla que noto es la del apartado “noticias”, que está justificado en el contenedor estrecho y tiene espacios medio difíciles.
Uso de las imágenes: Salvo las fotos de los destacados, prescinde de ellas y pone todasu fuerza en la claridad del diseño
Logo: Punto débil en esta web. No tiene fuerza ni de color ni de forma. Juega con la geometría de la tipografía sin ningún resultado “fuerte”
Unidad general: Excelente
Observaciones: Aunque la web es correcta y cumple con todas las reglas del juego, no logra una: la originalidad. Está todo bien, pero no está el dinamismo del que habla la empresa.
Muy buen portfolio. Rápido y claro, quizás un tanto pequeño para altas resoluciones.

Novatos

Colores: Monocromía de azul + complementario naranja con buenos
Disposición: Clara, tradicional, hummm demasiado tradicional.
Uso de la tipografía: Bueno, un poco de de padding para que nos e pegue a los bordes y respire el texto vendría bien.
Uso de las imágenes: A las imágenes utilizadas las veo demasiado “de catálogo” mas los colores planteados no se logra definir de qué rubro es la página sin leer de que se trata. El mundito utilizado bien podría ser de un courrier internacional.
Logo: En verdad no hubo ningún juego. No sé (en verdad no entiendo) si el mundito de la imagen del header se quizo utilizar como imagen institucional, si es así, no se une con la leyenda del logo, entonces queda a mitad de camino.
Unidad general: Muy buena
Observaciones: Aunque poco jugado en cuanto a “efectos” el portfolio lo veo claro y grande. Lo que le veo de fuerte a la web es la presencia, lo malo es la poca búsqueda de elementos originales.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #9 (permalink)  
Antiguo 15/09/2008, 10:05
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 12 años, 10 meses
Puntos: 150
Respuesta: Resultado Olimpíadas

Sos un capo Pao

Qué linda canción de cierre

Felicidades a los participantes en este encuentro, compitiendo, organizando, narrando y evaluando, menudo trabajazo...

  #10 (permalink)  
Antiguo 15/09/2008, 10:24
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Resultado Olimpíadas

Felicitaciones a Nadie, Dblers y Nicks!!! han hecho un gran trabajo.

Gracias Paolamurias y Robibaggio, jurados y todos los que han emitido su opinión y permitieron que este juego puediera llevarse a cabo.

Ahora sí, hablaré por [email protected], quiénes conformaron [email protected]?
Pao01 y Triby. Hablo con el consentimiento de mi compañero ya que queríamos más allá del resultado hablar sobre nuestra participación.
En definitiva, sólo hablaré por mí y luego si quiere él hablará sobre su área en particular.
MUCHAS GRACIAS A TODOS!!!!, en verdad este juego me ha colmado de cosas bonitas.
La primera, jugar con algo que jamás hubiese podido hacer, Factores: pues qué decir....; no soy diseñadora, lo único que he visto sobre diseño es desde Junio de este año en este foro, quise conseguir compañero y hallé uno muy bueno; y sobre las críticas: pues pensé que me enviarían a dedicarme a otra cosa.
Le puse todo el empeño del mundo, pero obviamente hay gente muy talentosa y preparada con demasiados estudios.
Esto fue una osadía bonita, que me permitió meterme un ratito en un terreno que desconozco, ver materializado ese proyecto y encima pasarlo muy bien.
Cada una de las críticas en cuanto al diseño realizado, pues no hay nada que decir, sólo que son ciertas.

Lo último agradecer a Triby, quien pobrecillo me contactó para participar (aunque debo ser sincera, en todo momento le he advertido el riesgo que corría)
Has sido un gran compañero de ruta y aún con algunas grandes dificultades que debiste atravesar has tenido que soportar mi ansiedad y mi falta de experiencia, apareciendo finalmente con todo listo.

Nuevamente Felicidades a todos, y muchas gracias por ser tan ámplios en permitir que hasta yo pudiese ser parte de esto.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #11 (permalink)  
Antiguo 15/09/2008, 10:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Resultado Olimpíadas

uhhhhhhhhhhhhh!!!

Acabo de ver el video y tengo que deciros que se os va la cabeza una barbaridad

Qué pasada de trabajo. No me puedo creer que hayáis hecho todo eso expresamente para el juego. Vaya trabajo, de verdad, increible.

A cvander se le tendrían que estar saltando las lágrimas de emoción, porque hacer y regalar todo esto por puro gusto me parece bestial.

Mi más sindera enhorabuena.
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 15/09/2008, 12:06
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 3 meses
Puntos: 2113
Respuesta: Resultado Olimpíadas

Felicidades a los ganadores, muy buenos trabajos!!!

Felicidades también ForosDelWeb por crear esta competencia; como bien dice Paola Murias, hizo falta considerar algunos detallitos, que seguramente mejorarán para futuras ediciones... Nuevamente Felicidades y gracias por permitirnos participar.

Independientemente del resultado obtenido YO SOY UN GANADOR por la fortuna de poder participar en esta competencia y mucho más aún por la excelente compañera, gracias Super Pao (pao01)

En el tema donde se lanzó la convocatoria y los links a los trabajos finales por equipo alguien comentaba que tal vez yo (como codificador) me vi limitado por la "falta de creatividad" de Pao (como diseñadora), sólo deseo aclarar que pasó todo lo contrario, Pao es una excelente artista y con gran creatividad, que se vió limitada por los conceptos que yo le transmití para iniciarse en esto del diseño web.
  #13 (permalink)  
Antiguo 15/09/2008, 12:59
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 10 años, 9 meses
Puntos: 87
Respuesta: Resultado Olimpíadas

excelente video....

muy buenos los trabajos presentados, y sobre todo, esos jueces imparciales

en espera de la proxima competencia

desde principio a fin, muy buena la competencia, y sobre todo la anfitriona que se lucio con la presentacion del evento

y me imagino que el cierre estuvo a cargo de Robbi, verdad???

__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #14 (permalink)  
Antiguo 15/09/2008, 13:30
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Continuación de voto de Alvlin

5. La semántica

o Todos:
Hay imágenes decorativas incluidas con etiquetas <img>. Los elementos decorativos deben ir como fondo, para no estorbar al contenido real.
Este punto no va para ninguno de los trabajos, en tanto que ninguno de ellos logra una estructura clara en el HTML, además de los errores y las malas prácticas ya mencionadas.
o Nadie: Usan etiquetas <li> extra en el menú del pie. Eso es trabajo de CSS.
También agregan números en la lista del menú que bien podrían ser generados con CSS.

6. Accesibilidad
o Nadie: No se definen teclas de acceso en la página principal, aunque sí en el formulario de contacto.
La página es navegable sin estilos ni javascript, pero la falta de estructura mediante etiquetas de encabezados les juega en contra, al igual que las etiquetas <li> extra que tienen en el menú final.
o Nicks: Buen uso de las teclas de acceso, definen varias por página y eso ayuda mucho a navegar. La estructura de la página esta bien hecha, el sitio es usable sin css/js, excepto por la página de portfolio.
o dBlers: Hay una falta de ortografía en uno de los enlaces del menú.
El atributo title de los enlaces deshabilitados no ayuda en nada, así como "Logotipo" sobre la imagen de la cabecera. Sin css/js las imágenes decorativas quedan completamente fuera de lugar (y ahí está el motivo por el que deben ir como fondo). Se nota que intentaron usar los atributos para teclas de acceso, pero en diferentes páginas hay diferentes teclas definidas (diferentes en número, en la página de inicio hay 3 y en las internas 1)
o novatos: La gran dependencia en imágenes hace que el sitio sea complicado sin ellas. De todas formas la estructura del mismo es correcta, por lo que se puede seguir navegando por él.
Se definen teclas de acceso pero no hacia los enlaces que importan, que son los del sitio mismo.
Puntuación parcial: Nadie 2 - dBlers 3

7. Usabilidad
o Todos: No hay distinción visual de enlaces visitados. Es importante indicarle al visitante las páginas que ya visitó.
Se mantienen enlaces a la página actual, algo que debe evitarse por un motivo similar al anterior.
No agreguen elementos a la página si no funcionan bien, solamente llevan a confusión y frustración.
La usabilidad es un problema que los dos trabajos competidores tienen. Y considero que los problemas son lo suficientemente grandes como para que ninguno merezca el punto en esta categoría.
o Nadie: No se especifican títulos para cada página. Una vez que se hace clic en un enlace, ya no se sabe en qué página se está. Este es un error de usabilidad grave. Hay enlaces rotos que no hacen nada, y por lo tanto confunden. Uno se queda esperando y haciendo clic más de una vez, obviamente sin éxito.
o Nicks: Hay enlaces rotos que no avisan de que lo son.
o dBlers: Hay enlaces rotos, que a pesar de marcar su condición, siguen estando ahí. No se deben mantener enlaces que no llevan a ninguna parte.
Noté que al estar el portafolio activo, el enlace ya no hace nada. Puede dar la impresión de ser un enlace roto.
Hay un error en el funcionamiento del script que carga las páginas: si hago clic por segunda vez me carga la página con el noscript.
Los enlaces con flechas del portafolio no funcionan bien.
o novatos: No hay enlaces rotos, es el único en cumplir esto. Hay una buena redundancia de enlaces, no es necesario que vuelva arriba para seguir visitando el sitio. Se agradece, aunque en contenidos cortos no pueda verse la diferencia.

Conclusión
Mi voto va para dBlers. Felicitaciones a todos por un gran trabajo.
Se entregaron 4 buenos trabajos, lamentablemente 2 de ellos no cumplen las condiciones de entrega. Creo que los competidores deben mejorar en el aspecto técnico, ya que en cuanto a diseño están a un muy buen nivel. En el entorno web la usabilidad y accesibilidad son fundamentales, y considero que todos los trabajos tienen problemas en este sentido.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #15 (permalink)  
Antiguo 15/09/2008, 13:32
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

el link del voto de alvlin no funciona, así que pegué su análisis en dos posts, si algun mod por favor lo puede subir para que queden los dos juntos...

y Shiryu_Libra, el videito es mío...Robi en esto no tiene nada que ver, lo juro!!!
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #16 (permalink)  
Antiguo 15/09/2008, 14:02
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 10 años, 9 meses
Puntos: 87
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por paolamurias Ver Mensaje
y Shiryu_Libra, el videito es mío...Robi en esto no tiene nada que ver, lo juro!!!


excelente



de principio a fin
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #17 (permalink)  
Antiguo 15/09/2008, 14:23
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Resultado Olimpíadas

¡Hay que estar tronao!
Semejante derroche de talento, recursos y tiempo solamente para deleitarnos.
Por muchos y muchas veces que digamos gracias nos quedaremos cortos.
A Paolamurias, no solo tuvo la idea (grande) sino que se lo ha currado durante todo el proceso, a tantos como anónimamente la han ayudado: Roby, Alzuwaga, y todos los demás, incluidos los que habéis tenido que poner de manifiesto los fallos,tarea nada grata, pero sobre todo a los ocho participantes, !se necesita ser incosciente! . En mi ignorancia, compartís el título de campeones los cuatro equipos.
En fín, gracias a todos y enhorabuena,

Un saludo

N.B. 1: Paolamurias, gracias por el detalle de citarme.
N.B. 2: Shiryu_Libra, se nota que el vídeo no es de Roby, la elección del traje lo denota. Está hecho un 'pincel'.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 15/09/2008 a las 16:28
  #18 (permalink)  
Antiguo 15/09/2008, 16:18
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 12 años, 10 meses
Puntos: 150
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por Shiryu_Libra Ver Mensaje
y me imagino que el cierre estuvo a cargo de Robbi, verdad???

Cha... pero si Paola es más Capo que Yo con estas cosas Ni de cerca hubiera hecho algo similar

Mira que acaparó más la atención que el videocast de AIR

Así que a la dirección de Pao se pueden hacer llegar los jamones, flores y donaciones
  #19 (permalink)  
Antiguo 15/09/2008, 17:12
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por RobiBaggio Ver Mensaje
Así que a la dirección de Pao se pueden hacer llegar los jamones, flores y donaciones
¿Tienen que ser las tres, o es a libre elección ... de la destinataria?
Pues Paolamurias, elije y cárgalo a mi cuenta
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #20 (permalink)  
Antiguo 15/09/2008, 17:22
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 10 años, 9 meses
Puntos: 87
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por kseso? Ver Mensaje
¿Tienen que ser las tres, o es a libre elección ... de la destinataria?
Pues Paolamurias, elije y cárgalo a mi cuenta
puess.... por estos lados del continente, un buen Kilo de Carne Machaca seria lo mejor para obsequiar

ya vendra comentarios de otros compatriotas
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #21 (permalink)  
Antiguo 15/09/2008, 17:23
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 12 años, 10 meses
Puntos: 150
Respuesta: Resultado Olimpíadas

Supongo que el que quiera enviar los 3 lo puede hacer, o solo uno

Un pincel, por lo delgado?? pues así soy!!
  #22 (permalink)  
Antiguo 15/09/2008, 17:40
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por Shiryu_Libra Ver Mensaje
puess.... por estos lados del continente, un buen Kilo de Carne Machaca seria lo mejor para obsequiar
Lo de tecate, vale, te lo acepto, pero ¿carne machaca frente a jamón? . Has estado demasiado tiempo en los confines de la galaxia.
Cita:
Iniciado por RobiBaggio Ver Mensaje
Un pincel, por lo delgado?? pues así soy!!
Ir hecho un Pincel: la locución adverbial coloquial última.
Que eres más flaco que un silbido, jejeje, ya lo sabemos, pues lo que estaba oculto ha sido desvelado
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #23 (permalink)  
Antiguo 15/09/2008, 18:57
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: Resultado Olimpíadas

El jamón me encanta y si es de mac, seguro que tiene calidad, pero me muero por probar carne machaca. Debe estar buenísima.
Los mexicanos sí que tienen buena cocina!
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #24 (permalink)  
Antiguo 15/09/2008, 19:19
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 10 años, 9 meses
Puntos: 87
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por kseso? Ver Mensaje
Lo de tecate, vale, te lo acepto, pero ¿carne machaca frente a jamón? . Has estado demasiado tiempo en los confines de la galaxia.
exacto

Cita:
Iniciado por paolamurias Ver Mensaje
El jamón me encanta y si es de mac, seguro que tiene calidad, pero me muero por probar carne machaca. Debe estar buenísima.
Los mexicanos sí que tienen buena cocina!
mira que a mi me gustaria probar un platillo de argentina

mmmm... esto suena a un interesante trueke
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #25 (permalink)  
Antiguo 15/09/2008, 19:23
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por Shiryu_Libra Ver Mensaje
mmmm... esto suena a un interesante trueke

si, pero pienso que a Paola le interesaría mas hacer el trueque con alguien que sepa cocinar..
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #26 (permalink)  
Antiguo 15/09/2008, 19:27
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 12 años, 10 meses
Puntos: 150
Respuesta: Resultado Olimpíadas

La carne machaca se puede comer sola, es buenísima... o soy muy carnívoro, no se

..
OT. de cuándo acá los pinceles se visten de traje?? =P
  #27 (permalink)  
Antiguo 15/09/2008, 19:32
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 10 años, 9 meses
Puntos: 87
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por juaniquillo Ver Mensaje
si, pero pienso que a Paola le interesaría mas hacer el trueque con alguien que sepa cocinar..
perdoneme pero dejeme decirle que para comida sonsorense o k diga sonorense, me apunto en lista de espera... para un buen chef, por que yo no... jajjajaja

y si robi, la carne machaca se puede comer sin necesidad de cocinarse, o incluso en un buen complemento entre salsa bandera y esta misma con papas en tiras o cuadros pequeñas, acompañado de frijoles con tortillas sobaqueras (tortilla muy grande), y el complemento al gusto

: demoños, ya me dio hambre
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #28 (permalink)  
Antiguo 15/09/2008, 19:57
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Resultado Olimpíadas

Cita:
demoños, ya me dio hambre
a mí también me dio hambre.

Me gustó lo del trueque, veremos cuales son las opciones...
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #29 (permalink)  
Antiguo 15/09/2008, 22:16
okram
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Resultado Olimpíadas

Qué gran trabajo Paola!! Esto es mucho, los demás se sentirán emocionados, pero yo podría decir que estoy... conmocionado! , sin duda nadie mejor que tú para iniciar con las olimpiadas de los foros. Haber quien se anima para la siguiente!

Muchas felicidades a los 8 participantes, los trabajos estuvieron todos buenísimos. El equipo ganador estará recibiendo en breve un par de jamones y la cuenta de AlZuwaga por servicios y ancho de banda prestados. A RobiBaggio no le queda más que acostumbrarse a su nuevo look, y Paola estará dando conferencias de prensa y compartiendo experiencias acerca de las olimpiadas durante todos estos días. Autógrafos en horarios de oficina.

Y pues nada, espero que este tipo de eventos se realicen a menudo.

Saludos para todos,
  #30 (permalink)  
Antiguo 16/09/2008, 03:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Resultado Olimpíadas

Cita:
Iniciado por paolamurias Ver Mensaje
Los mexicanos sí que tienen buena cocina!
No dudo de que tanto en Argentina como en Mexico se comerá muy bien (que no he estado nunca), pero yo vivo en el país vasco, no sé eso os da una idea de que en cuanto a cocina estamos hablando de palabras mayores, y en cuanto al jamón, si no habéis probado uno de primera división del sur de España, todavía os falta u puntito para tocar el paraiso.

Zeus dió a Extremadura y Salamanca los cerdos negros para que hicieran el jamón de pata negra, y con eso ya se cerró el olimpo.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:29.