Diego Muñoz, Inmigrante Digital

Diseño Web 2.0

2008-09-05T23:41:00.024-04:00

Todos los sitios Web 2.0 que existen actualmente tiene muchas cosas en común, pero la más destacada es la sencillez de sus diseños.

1. Simple
"El diseño de páginas Web es más sencillo que nunca, y eso es muy bueno".
La sencillez no quiere decir que las páginas debe ser minimalistas, esto no quiere decir que todos los sitios web deben contar con el mínimo de cosas, sino que se debe utilizar las funciones que son necesarias para lograr lo que se necesita.

¿Por qué la simpleza es Buena?

Tener la atención del usuario es un recurso finito
Es trabajo del diseñador ayudar a encontrar lo que el usuario quiere
Las cosas que aparecen en la pantalla atraen a los ojos del usuario
Se habilitar una determinada comunicación, y también se tiene que minimizar el ruido. Esto significa que se debe que encontrar una solución para que las cosas se hagan el mínimo de esfuerzo posible.

¿Cuando y cómo hacer un Diseño Simple?

Siempre se debe usar un diseño simple.
Para lograr un diseño simple se eliminar componentes innecesarios, sin sacrificar la eficacia; aprobando las soluciones alternativas que permitan alcanzar el mismo resultado de forma más simple.

2. Diseño Centrado

Los diseños de páginas Web 2.0 se encuentran centrados dentro del navegador, en comparación con los diseños anteriores que ocupaban toda la pantalla o se alineaban a la izquierda.

¿Cuando y cómo usar un Diseño Centrado?

El sitio siempre debe estar centrado, a menos que se tenga una muy buena excusa para no hacerlo.
En algunos sitios puede que se quiera mostrar mayor cantidad de información (por ejemplo con una aplicación web).

3. Pocas columnas
Anteriormente la mayoria de los sitios contaba con 3 columnas y en algunos casos hasta con 4. Hoy es más común encontrar sitios con 2 columnas y sólo cuando es necesario con 3 columnas.

¿Por qué es bueno usar pocas columnas?
Menos es más. Un menor número de columnas se siente más sencillo. Estamos comunicando menos información con mayor claridad.

¿Como elegir las columnas?
Definitivamente no es recomentable utilizar más de 3 columnas, simplemente porque no debe utilizar más de lo que se necesita.

4. Secciones superiores separadas
Conciste en separar la cabecera y la barra de navegación del resto de la página.
Por supuesto que esto no es algo nuevo, siempre ha sido una nueva idea y se utilizada desde hace tiempo, pero ahora la distinción se hace más fuerte.

¿Cuando y cómo utilizar una sección superior?
En cualquier sitio, tanto las principales marcas y de navegación principal debería ser bien marcadas.
Siempre se debe poner el logo en la parte superior, y se recomienda poner la barra de navegación al lado izquierdo de la página.
La sección superior siempre se debe ver distinta del resto del contenido de la página.

5. Áreas diferenciadas
Al igual que lo explicado en el punto anterior, también se deben diferenciar las distintas secciones del contenido del sitio.

6. Navegacion Sencilla
Los usuarios deben tener una misma barra de navegación en cada una de las páginas del sitio que les indique en que lugar se encuentran y hacia donde se pueden ir. Como se ha indicado en un punto anterior, esta área de navegación debe ser fácilmente reconocible y diferenciada del resto de la página.

7. Logos Robustos
Un logo grande y robusto hace que una marca sea fácilmente reconocible y deben representar el espíritu de la empresa. De un simple vistazo debe decir “esto es lo que somos”. También debe poder adaptarse a distintos tamaños y medios de difusión sin que pierda legibilidad.

8. Fuentas más grandes
Al tener más espacio al hacer más sencilla la página eliminando elementos innecesarios, puedes incrementar el tamaño de los textos con lo que puedes aumentar la legibilidad de los mismos y, por tanto, incrementar la usabilidad de tu sitio.

9. Introducción en negrita
Si se tiene algo importante que decir y se quiere diferenciar del resto del texto se puede utilozar al comienzo una introducción en negrita que resalte sobre lo demás.

10. Colores intensos
Se pueden utilizar colores intensos para separar las secciones o para atraer la atención del usuario hacia un lugar. Los colores intensos se deben utilizar con moderación para no distraer al usuario y hacer un sitio confuso.

11. Superfices ricas
La mayoría de las sitio 2.0 utilizan un sutiles efectos 3D que realzan el sentido cualitativo del diseño. Como todo, debe de utilizarse en su justa medida y se debe seguir un mismo patrón en toda la página y no aplicar efectos sueltos.

12. Gradientes
Los gradientes (o degradados) suavizan las áreas que de otra manera tendrían colores planos. En los fondos pueden dar sensación de distancia.

13. Reflejo
Este es uno de los efectos más usados. Pueden realizarse sobre el mismo elemento o este elemento puede verse reflejado en el fondo de la página. Este efecto tiene peligro de ser sobreexplotado y que pueda producir cansancio de verlo tanto.

14. Bonitos iconos
Los iconos desempeñan un papel importante en el diseño Web 2.0. Actualmente se utilizan menos iconos que que tengan un mayor significado. Un icono sólo es útil cuando es fácilmente reconocible y tiene un significado claro. Si no, es mejor utilizar un texto descriptivo. Al haber menos iconos, estós son más limpios y claros, más bonitos y más detallados.

15. Estrellas
Estas son las etiquetas en forma de estrella que puedes ver pegadas en las páginas webs alertándo de algo importante. También es un efecto muy utilizado y puede ser muy interesante, pero no se recomienda abusar de él.

Para mayor información ver los siguientes link:

Web 2.0 how-to design guide
Guía de estilo Web 2.0
9 Essential Principles for Good Web Design
Information Design Principles For Web 2.0 Design: Simple & Social

Inmigrante Digital

2008-09-04T11:55:00.008-04:00

He pasado el nombre de este blog de "Informatiquillo de Pacotilla" que era un poco chistoso, casi infantil por del de Inmigrante Digital. Y se preguntaran por que lo de Inmigrante Digital, es sencilla la cosa, yo no naci con un computador al lado de la cuna, en mi niñez el celular no era mas que un sueño, el telefono era cosa de algunos pocos, la era dígital y la Web 2.0 no era más que una idea que ni creaba en los cebreros de los grandes genios.
Actualmente esto ha cambiado, cada día puedo ver como mis sobrinos son capaces de tomar un celular y sin tomar el manual pueden manipularlo a diestra y siniestra. La facilidad que tienen para adaptarse a las nuevas tecnologías es increble, armar su propio equipo de futbol en el Play Station 2; incluso el menor de mos sobrinos (de 1 año 8 meses) ya se ve atraido por los computadores.
Por desgracia para los de mí generación, aun peor, para generaciones anteriores, el enteder las nuevas tecnologías, los nuevos terminos es casi imposible, a pesar que algunos por más tecnologicos que seamos, nunca llegaremos a entender todas las nuevas tecnologías.
Esto alcanza un problema importante entre los actuales profesores y alumnos, debido a que muchos profesores se ven sobrepasados en conocimientos tecnológicos, por los llamados Nativos Digitales.
La verdad es que los Inmigrantes Digitales sólo debemos tratar de alcanzar un nivel de apropiación de las nuevas tecnologías hasta llegar a obtener una “Nacionalización”.

La Web 2.0, donde estamos y que esperamos

2008-09-04T00:09:00.002-04:00

La verdad es que hace mucho tiempo (más o menos un año), que el término Web 2.0 ronda mi cabeza, término que al principio sólo lo relacionaba como Ajax, con la idea de poder tener aplicaciones Web asincronas, sin la necesidad que cargar toda la página para realizar una simple tarea, como era cargar un combobox.
El concepto principal de este término fue llegando con el tiempo, no era tan sólo un cambio de versión, desde la 1.0 a la 2.0 y que luego pasara a la 3.0, como se hace en el desarrollo de software, este versionamiento no es programado, como dice Alberto Arébalos, Director de Comunicaciones de Google para América Latina: "La Web es impredecible, caótica y vital. Como sus actores, como usted y como yo.".
En la Web 2.0 los efectos de la red son conducidos por una arquitectura de participación, en el cual el protagonista es el usuario, ya que en la Web 1.0 los contenidos eran estaticos y la participación era nula, ahora la cosa cambio, actualmente empresas toman la opinión los usuarios para sacar nuevos y mejores productos. La posibilidad de descargar libros antes de que salga en papel, incluso libros se escriben en forma colaborativa entre distintos autores.
La Web 2.0 además a traido una nueva ola de nuevo inventos como facebook, twitter, ping.fm; herramientas que han aportado a sus creadores con una no despresiable suma de dinero (link).
Actualmente por la red ya se esta viendo un nuevo término, la Web 3.0 que muchos comentan que será la próxima generación de la red, que traera la web semántica que trata de convertir la información en conocimiento, ordenar y clasificar los contenidos de la web para que los ordenadores sean capaces de interpretarlos y tomar decisiones a través del cruce de datos. Para ello se están desarrollando tecnologías que etiqueten la información con nombres comprensibles entre todos los dispositivos y programas informáticos.

Primer encuentro con Google Chrome.

2008-09-03T09:18:00.001-04:00

Desde el lunes en la noche que me encontraba muy expectante al ver el post publicado por USABILIDAD en el twitter y ademas dejando este primer link con información http://www.mqaccesibilidad.com/2008/09/google-chrome-el-inesperado-invitado-a-la-ii-guerra-de-los-navegadores.html. La verdad es que casi no dormi buscando más información, leyendo el comic que ya se habia publicado. Al día siguiente, al llegar a la oficina y ver que primer post que habia en el twitter era de ASCHEK o Mistes Chips para los que leen FayerWayer que dice " Jugando con Google Chrome", el muy desgraciado por pituto ya se habia conseguido el tan esperado navegador, le insisti si me podía dar el link para descargarlo, pero el hombre fue una tumba y no revelo nada, sólo me quedaba por esperar.
Despues de esperar toda la mañana a la hora de almuerzo me fui a ver el partido de mis compañeros de oficina, por la lesion de mi tobillo no pude jugar, asi que me reemplazo mi hermano menor, luego del partido parti muy rapido a mi casa para almorzar y quedarme a trabajar junto al calor de la estufa. AL prender de nuevo mi portatil veo la noticia que a las 15:00 hrs se publicaria el Google Chrome. Ya hora ya habia llegado era el momento de la verdad, se abrio finalmente la pagina de descarga, para desilución mía (linuxero de corazon), sólo estaba para Windows, que horror, no lo podia creer, la gran G me estaba desilucionado, a esta hora ya habia perdido las esperanzas y me puse a trabajar buscando el error que me habia reportado Jean.
Luego a eso de las 18:00 hrs veo una nuevo post en el twitter Build Instrucions for Linux (http://dev.chromium.org/developers/how-tos/build-instructions-linux), con eso la vida retorno a mí, lo malo era que habia que hacerlo a la antigua, a lo mero macho, compilando, con el primer intento me fallo la descarga del src, era muy pesado al rededor de 400mb y el servidor ya estaba algo colapsado, bueno deje descansar un poco mi cabeza y me fui a buscar a mi papá a la clinica, de vuelta en la casa y despues de una rica once, y con bastante más energía me dispuse a ir por el segundo intento de instalación, gracias a Dios todo mejor, pude descargar todo el paquete src, ya tenía todo para compilar he instalar, manos a la obra, despues de casi media hora de ver pasar lineas de compilación y de ir todo bien, me encontre que me habia pasado un error ya reportado por los desarrolladore de Google not found while processing Hammer/webkit/WebCore/xml/XPathGrammar.y, plop así me quede con el segundo intendo fallando al final, me quize morrir por segunda vez en el día, pero bueno ya era tarde y al otro dia habia que levantarse temprano, asi que mejor me voy a dormir, esperando que el otro día, sea mucho mejor para instalar el Google Chrome, por que en Windows no lo uso ni muerto.

Tips para TYPO3

2008-03-08T12:49:00.001-03:00

Crear Carpetas al Instalar Extensión

(
Muchas de las extensiones que se creamos necesitan trabajar carpetas para almacenar algún tipo de archivo, ya sea dentro de la carpeta fileadmin, upload, typo3temp. Para esto existe la posibilidad de crear la(s) carpeta(s) al momento de instalar la extensión.

Para esto debemos ir al archivo ext_emconf.php, que se genera al crear la extensión, en este archivo encontramos un arreglo con diferentes opciones. Si deseamos crear una carpeta que lleve por nombre el key de la extensión dentro de upload debemos habilitar la opción uploadfolder, que por defecto viene en 0:

No crear carpeta dentro de carpeta upload: 'uploadfolder' => 0

Crear carpeta dentro de upload: 'uploadfolder' => 1

Si deaseamos crear carpetas dentro de fileadmin u otra carpeta debemos utilizar la opción createDirs, a esta se le deben agregar las carpetas que se deben crear, ejemplo:

'createDirs' => 'fileadmin/carpeta,fileadmin/carpeta2'

Ahora, cada vez que instalemos la extensión por primera y si no se han creado las carpetas se mostrara la siguiente pantalla.

Typo3 4.2 Beta1a

2008-02-08T10:40:00.000-03:00

Anoche, antes de quedarme dormido, se me ocurrio dar la última vueltecita por la red, y sin nada más que hacer y ver ingrese a la web de Typo3, y me encontre con la noticia que ya estaba la versión 4.2 Beta 1a de este genial CMS. Días atras ya se había lanzado la primera beta la cual tenia un bug que ya fue corregido en esta beta.
Obviamente se me quito el sueño y no dude en descargar los paquetes he instalarlo, para ver si lo que leia era verdad.
Cuando logre instalarlo, siguiendo los mismos pasos que las versiones anteriores me di cuenta que el BackEnd, habia sufrido un gran cambio en cuanto en sus funcionalidades.

Lo nuevo de esta Versión

Redimensionar árbol de páginas: El tipico árbol de páginas del BlackEnd en esta versión se puede redimensinar lo cual permite un mayor espacio de trabajo.

Editor de constantes: El Editor Constantes también se ha mejorado para ahorrar aún más tiempo cuando se trabaja con él. Hasta ahora se tenía que comprobar los campos que querían cambiar, guardar y editar finalmente su configuración. Ahora sólo tiene que hacer clic en un icono delante de los parámetros que quiere cambiar y que se presenta inmediatamente con un campo de editable.

Filtro para el Árbol de Página: El árbol de navegaciónde páginas ahora cuenta con un cuadro de búsqueda para filtrar y destacar elementos en el árbol. Esto es muy útil para encontrar rápidamente el camino a través de enormes árboles. alfabéticamente. En TSconfig existen opciones para configurar / desactivar esta característica.

Otro cambio muy importante es el nuevo estilo del módulo de menú. El menú ahora se contrae y se expande sin recargar. Al instalar una extensión que viene con un nuevo módulo de backend o configurar un nuevo lenguaje en sus preferencias de usuario en el menú también se actualiza para reflejar estos cambios.

Los paquetes están disponibles en http://typo3.org/download/packages/

Vacaciones para un Geek

2008-02-07T17:36:00.000-03:00

Pronto a salir de vaciones, y obviamente con menos pega que durante el resto del año, he tenido más tiempo poder mirar y poner atención a la televisión; y como ya estamos en plenas vacaciones todos lo programas recurren a sacar pica al resto de los humanos que aun no podemos descansar, para esto se dedican a mostrar como son las vaciones de los famosos, de los ricos, de los pobres, de la gente de tercera edad, de los flaytes (que tambien tienen derecho a descansar, robar todo el año es agotardor) e inclusive de los pokemones (que van a la piscina con planchas para pelo y fijador).
Y en base a esto, y dandome cuenta que Oscar me da más pega, para ver si desisto de tomar mis merecidas vacaciones; es que me pregunto ¿Como son las vaciones de un Geek?.
Como toda buena busqueda debe empezar en Google, me encontre con el siguiente link http://www.geekcruises.com/, el cual ofrece cruzeros tales como: Mac Mania 8, Photoshop Fling, Linux Lunacy, lo cual es genial, ya que además de disfrutar de todas las bondades de un crucero, tenemos la posibilidad de asistir a seminarios y conferencias sobre diversos temas.
Al momento de elegir un lugar donde viajar, y si se cuentan con los recuros necesarios (arta plata, un pasaporte y no ser taliban), todo Geek quiere ir a Silicon Valley y poder observar las pequeñas instalaciones de Apple visitar el museo la de Tecnología y de la innovación en San Jose, y tomarse algo en la Cafetería de Google, por lo que a mí, eso es un sueño que deseo cumplir.
Conversando con colegas, despues del partido del día miercoles, cuentan sobre sus experiencias de sus vacaciones ideales; uno afirma que prefiere enviar a esposa e hijos lo más lejos posibles para dar rienda suelta a su merecido dormitar y ver todos los partidos y programas que brinda la televisión por cable. Otros prefieren dedicarse a pintar su casa (obligados por el ser superior llamado Esposa a guardar su Laptop dentro de una caja); los que son más joves prefieren dedicarse a dormir y carretear, pero teniendo en cuenta que su laptop nunca se apaga y ni pensar de desconectarlo de la red.
El problema que tengo al salir de vaciones y que debe tener el resto de los Geek, es elegir un lugar que estemos seguros que tendremos acceso a internet (ya sea para revisar nuestro mail, leer algunos blogs, ver ese último video super top de Youtube o saber si es que Microsoft pudo comprar a Yahoo), obviamente algunos optaran por llevar su laptop y conectarlo a cualquier red abierta que se encuentre (los que van a Silicon Valley pueden navegar en la red de Google), otros optaran por concurrir a algun cibercafe, otros optaran por conectarse desde su celular o simplemente pedirde algún vecino que nos preste el computador por algunos momentos.
En mi caso, para no complicarme más, voy hacer algo que me gusta mucho y que no me complica dormir y aprender Python, y bueno tendre que celebrar el dia de San Valentin, ya que quiero seguir con mi polola durante el resto del año.