Tres personas desarrollando imágenes, iconos, etiquetas, contenidos dinámicos, etiquetados, evolutivos en 3D a través de la Red Internet.

Hace un tiempo les hablé de la UOC y su WEB Semántica, pues bien aquí están los protagonistas de este portal y de muchos otros [...]]]> No es sencillo describir lo que vimos a través de la empresa “El Bestiario“.

Tres personas desarrollando imágenes, iconos, etiquetas, contenidos dinámicos, etiquetados, evolutivos en 3D a través de la Red Internet.

Hace un tiempo les hablé de la UOC y su WEB Semántica, pues bien aquí están los protagonistas de este portal y de muchos otros igual de visuales, interactivos e interesantes.

Les recomiendo que lo visiten y “alucinen”.

Aquí unas capturas de algunos ejemplos

Enlázalo

Hide Sites

Entre [...]]]> Si queremos ser eficazmente comunicativos, debemos tener ciertos criterios de “usabilidad” que no es más que algunas normas definidas para que los usuarios encuentren nuestro sitio adecuado a la hora de navegar por él. Sobre los consejos a seguir, el blog “Freelance is better” ha traducido el documento “http://www.peterpixel.nl/projects/ebook/introduction_to_good_usability.pdf, y lo publica en este enlace.

Entre los datos a destacar:

• Organizar los enlaces de forma coherente. No llamar un enlace de una forma diferente a la página que acudimos. Las rutas tienen que tener sentido.
• Si se usan pestañas se recomienda una sola fila.
• Las etiquetas tienen que tener textos cortos
• Recomendable una etiqueta que te lleve al Inicio.
• El enlace tradicional es subrayado y en azul. Seguir este estandar ayuda al navegante a no confundirse.
• Indicar hacia qué se enlaza.
• Evitar los enlaces dentro de la misma página. Ya no se usa.
• Cuidado con el uso excesivo de ventanas flotantes.
• Evitar los menús anidados o cadenas muy largas de submenús.
• Hay que evitar el desplazamiento horizontal.
• No exagerar con la inclusión de iconos
• Los tamaños de texto deben relacionarse con la importancia de la información.
• Mejor párrafos de texto pequeños.
• Tamaño de letra adecuado: 12 puntos.
• Fuentes más usadas: Tahoma, Verdana, Sans, Sheriff
• Interlineado: 12
• Fondos que no distraigan y contrasten con el color de texto. Negro y blanco, azul y gris claro, blanco y negro, etc…

Enlázalo

Hide Sites

Es un blog en inglés y por ello les traduciremos algunos conceptos:

Para que una página cumpla con los criterios de la WEB 2.0 tiene [...]]]> En el portal Web Desing From Schratch nos ofrecen una clara y sencila explicación de cómo crear nuestro blog o nuestro portal siguiendo la estética y la estructura de la WEB 2.0

Es un blog en inglés y por ello les traduciremos algunos conceptos:

Para que una página cumpla con los criterios de la WEB 2.0 tiene que seguir los siguientes criterios:

1. Simplicidad: Que no es lo mismo que minimalista, significa que cuando el usuario vea nuestro portal, sepa encontrar el contenido.  Los módulos deben estar definidos y la estructura central lo suficientemente clara.
2. Página central: el contenido principal se verá en la página principal
3. Pocas columnas: el estandar actual es tener como máximo tres columnas.
4. Una sección de encabezado diferente a las otras áreas. Esta sería nuestra imagen principal.
5. Crear espacios a través de colores sólidos
6. Ofrecer una navegación sencilla y directa
7. Crear logotipos sencillos y gruesos.
8. Texto más grande. Se acabaron las páginas con miniletras.
9. Bloques de informaciones con textos de introducción. Así se permite al usuario seguir leyendo o no
10. Colores fuertes
11. Superficies con dimensiones, reflejos, sensación de 3D
12. Uso de degradado para crear efectos de separación
13. Reflejos: imágenes más realistas
14. Iconos atractivos
15. Estrellas con anuncios

Estas son algunas de las recomendaciones que hemos sintetizado en nuestro blog de todo el artículo posteado por Howie Jacobson

Enlázalo

Hide Sites