wawipolo

Wikipedia es el lugar por defecto para encontrar información, y confiable o no es de esos sitios que uno siempre tiene que visitar cuando busca un concepto o trata de culturizarse más aprendiendo algo nuevo. El éxito de Wikipedia es la velocidad del sitio y el foco que es el contenido, pero algo que quizá no gusta mucho es el diseño. El proyecto Wikipedia Redefined trata de dar un vistazo sobre cómo se podría redefinir el sitio de Wikipedia para que tuviera un mejor diseño e identidad como marca, y lo que crearon es impresionante. Vamos a ver algunas capturas del proyecto que actualmente sólo está en fase de concepto, pero que podría servir para que Jimmy Wales pensara en darle una manita de gato a Wikipedia. La idea parte de hacer mucho más minimalista todo el concepto y los servicios de Wikipedia, desde el logo hasta todas las secciones que maneja la comunidad en cuanto a su padre Wikipedia. También el diseño se enfoca a ofrecer una forma mucho más eficiente de aprovechar la pantalla de la computadora al mostrar en primera vista lo que la gente más busca.

Estos días es mucha la gente que tiene sus sitios web o blogs que piensan renovarlos para ahora empezar año nuevo con diseño nuevo, u opciones nuevas, pero antes de eso debemos de tomar algunas consideraciones para no empezar el año con un sitio totalmente acabado. A continuación les traigo mis 5 consejos para antes de renovar un sitio web o blog, puntos que hablan de lo que tenemos que hacer para tener nuestro proyecto renovado, no echado a perder por las prisas o las ansias de darle una “manita de gato”. Deja intacto lo que si sirve Una decisión importante al momento de renovar nuestro sitio o blog es el de quitar lo que no sirve, no importando si nos gusta o no, porque es como basura que se va acumulando y que sigue ahí nada más. Trata de dejar intacta algunas cosas, porque los usuarios están acostumbrados a tu interfaz, o al menos a algunos aspectos de ella, y si cambias todo de un jalón lo más probable es que se sientan perdidos. Busca añadir nuevas opciones Para renovar siempre es importante ver qué nuevas opciones le puedes ofrecer a tus usuarios, un nuevo menú, nueva forma de buscar o encontrar cosas, etc., para que de esta forma tus usuarios no sólo vean un cambio de piel y ya, sino que también hay elementos nuevos que pueden usar para su beneficio. No te olvides de la rapidez Es un aspecto de fondo que tenemos que cuidar mucho. No hay peor cosa que un sitio que cargaba rápido cargue después muy lento, es un mal comportamiento, y de hecho, debería funcionar al contrario. Buscar renovar tu sitio web o blog, pero trata de que la rapidez del mismo sea la misma, o inferior a la versión anterior, no se permite por ningún momento que cargue un poco más lento. No te emociones tanto El primer paso para la renovación de un sitio es saber lo que se va a cambiar y lo que se va a dejar intacto, los colores y posición de los elementos, como un boceto de lo que será tu sitio. Cuando no haces lo anterior lo más probable es que llegues al punto de cambiar de un diseño a otro muy rápido, porque no estás convencido. La mejor forma de mantener el control de tanto cambio es esa, tener una planeación previa de lo que vamos a hacer, porque de lo contrario el sitio no va a tener coherencia, sin importar lo bueno que seas para diseñar, porque nunca supiste bien a qué querías llegar. Busca tener orden Frase celebre de mi profesor de arquitectura computacional. Si no tienes orden causarás un verdadero desorden en todo, tiempo, calidad, y sobre todo, en concentración. Esto es un poco el complemento del punto anterior, pero lo cierto es que si no se tiene un orden para empezar a renovar un sitio web el nivel de complicación se incrementará conforme te vayas saltando pasos o no sigas un orden especial para trabajar. No suena tan lógico pero intenten hacer un sitio web sin ninguna planeación, y verán que el tiempo y el esfuerzo no coincide con el producto terminado, porque ni siquiera sabrán si realmente es lo que querían. Conclusiones Estos consejos para antes de renovar un sitio web son para tener en mente algunas cuestiones antes de iniciar a escribir código, siempre digo que eso ya es el paso más sencillo, y lo comprobarán si en estas fechas deciden renovar algún sitio web o blog.

Photopile A falta de una página de Instagram para poder ver nuestras fotos fuera de su aplicación Photopile es precisamente esa solución. Photopile nos permite visualizar nuestras fotos de Instagram de forma que fueran estilo Polaroid, además de mostrarnos información sobre las mismas. photopile.me Codeacademy Code Year Este servicio es el más interesante de lo que va año nuevo. Se trata de un sitio web que nos va a ayudar a cumplir nuestro propósito para aprende a programar. El sitio principal nos ofrece tutoriales para aprender a programar directamente en el sitio, mientras que Code Year nos da a la puerta de nuestro correo los cursos para de una vez empezar a programar. codecademy y codeyear Zapaday Si alguna vez quisiste enterarte de algún evento o acontecimiento que ocurrirá pronto Zapaday nos da esa solución. Zapaday es un calendario global donde podremos encontrar eventos próximos de cualquier tema de casi cualquier parte del mundo. El servicio era privado pero ahora que es público podemos ver eventos alrededor del mundo, y si tu sabes de algún evento importante próximo lo puedes añadir. zapaday Insync Insync también era un servicio no abierto para todo público, porque era de pago. Insync es una aplicación que nos permite sincronizar nuestros archivos locales con los de internet los cuales se almacenan en Google Docs. Es el Dropbox de Google para no abundar tanto, y a pesar de que automáticamente sólo tenemos 1 GB podemos incrementarlo por un precio mucho más módico que lo que nos ofrece Dropbox, suendo el espacio superior incluso. insynchq sgoliver Sgoliver.net no es un servicio web, es un blog, pero ha llamado la atención estos días por haber publicado un curso muy interesante para programar para Android. El curso no es tanto para aprender Java, es ya para hacer aplicaciones y utilizar las clases que no ofrece Android, por lo que es un post a tomar en cuenta también para los que tengan de propósito aprender a programar. sgoliver

De verdad señores que si lo que ustedes quieren es estar actualizado en cuanto a tendencias web les aconsejo empezar a diseñar sitios web de una sola página. Esto tiene sus beneficios, por ejemplo, que el usuario sólo tiene que cargar una vez el contenido, pero lo malo puede ser que si tu sitio tiene demasiado puede afectar la velocidad en que carga todo. De los 16 ejemplos de sitios web de una sola página que les presento a continuación vemos ese equilibrio de lo que les mencionaba, el contenido es mesurado para que la experiencia del usuario sea perfecta, ni un pixel más le cabe porque sino se vuelve lenta la página. Emilie & Vincent Free Range Designs Switch Wine The Social Calling We’re getting married! Yannick Macheret Streni iZenius Skills factory Chleon automotive

Google acaba de sacar a la luz un nuevo producto para añadir a su lista. El nombre oficial es Google Surveys (Google Encuestas) y se trata de otro de esos productos hazlo-tu-mismo con el que podremos, -adivina que-, crear encuestas. Concretamente esta enfocado a crear encuestas entre los consumidores de nuestras páginas webs, con las que poder dar informes a empresas sobre sus productos/servicios, pudiendo llevar a cabo una pequeña línea de investigación sobre los gustos de los mismos. Por poner un ejemplo que lo explique mejor. Imagina que tienes un restaurante, y estás pensando en sacar un nuevo plato revolucionario. Con Google Surverys podrás crear encuestas muy de nicho, por ejemplo entre las personas que vivan cerca del restaurante. Una oportunidad de monetización para los sitios web La compañía que crea la encuesta, paga a Google $0.10 por la respuesta (para un estudio general) o $0,50 por respuesta de una encuesta demográfica específica (por ejemplo, cuando sólo quieren dirigirse a los residentes de Madrid, que están en el grupo de edad 18-24). Estas encuestas serán incrustados en sitios de la red de Google (al igual que los anuncios de AdSense) y Google pagará al editor web una comisión, cada vez que una visita responda la encuesta. Como propietario de la web, puedes preguntarte… ¿y qué ganan mis visitantes al rellenar la encuesta? Pues en general, la gente está ofreciendo contenidos premium en sus webs, a la gente que rellena la encuesta, o la están situando previa a registros de usuarios. Google ofrece ya un formulario para la gente que quiera empezar a implantar este nuevo servicio. Aseguran que el procedimiento es muy similar a Google AdSense. No obstante, todavía no se ha dicho si este servicio podrán implantarlo todas las webs, o sólo las grandes con más de X mil visitas. link: http://www.youtube.com/watch?v=90MIiBvXYcw&feature=player_embedded

Draw Something es una aplicación con la que muchos se han vuelto adictos, y curiosamente a parte de esa gente hay quien también aprovecha el pequeño lienzo que nos dan para que de verdad pueda expresarse libremente y de parte presumir un poco sus habilidades con el dedo. A continuación les traigo una serie de dibujos impresionantes hechos en Draw Something, algunos muy espectaculares en los detalles, y otros más que nada bien representados, aunque en realidad muchos no tienen sentido con lo que les están pidiendo dibujar.

4 puntos a tomar en cuenta al momento de hacer sitios web minimalistas. Los sitios web minimalistas son por excelencia un buen tipo de sitio en donde el contenido es el que importa, y no lo que hay alrededor. Mucha gente no sabe que es igual o más difícil hacer algo minimalista por el hecho de que no se vea mal al tener un objeto o elemento de apariencia simple. Por eso les voy a decir los 4 puntos a tomar en cuenta al momento de hacer sitios web minimalistas, tanto para que ustedes sepan diseñar mejor, como para explicar a sus clientes porqué es una buena opción optar por este estilo. Transmite el enfoque a un espacio El éxito de cualquier sitio web minimalista es hacer mover la atención del usuario hacia donde realmente tiene que ver. En sitios web normales hay mucho contenido, imágenes y colores, por lo que el usuario explorará la página por todos lados. En un sitio minimalista eso no existe, y puedes fracasar si el usuario no dirige la mirada hacía donde debería. Concéntrate en diseñar un área focal en el sitio, de tal forma que el usuario intuitivamente sepa para qué sirve y dónde ubicarla, de lo contrario no funcionará el minimalismo. Dale el control al usuario Así como a muchos no les gusta que al ingresar a un blog los videos se reproduzcan automáticamente, así sucede en los sitios web minimalistas. Hay gente que opta por controlar la navegación del usuario o que todo ocurra sin su intervención, como un simple observador, y eso es erróneo. No hace falta restringirle al usuario el control de tu sitio web siempre que éste esté diseñado para que sea tan intuitivo que no se tenga que experimentar, así que intenta hacer sitios en los que el usuario descubra por si solo lo que está viendo. Usa los espacios en blanco Este es el punto que les menciono. Muchos clientes (me ha tocado) optan por querer sus sitios llenos de contenido e imágenes, a más no poder, como si su empresa tuviera de donde sacar tanta información. Lo cierto es que los espacios en blanco son una herramienta útil y si las usamos veremos que podemos concentrar mejor la atención del usuario al no haber otros objetos o colores alrededor, a parte de los que necesitamos. No confundas minimalismo, con flojerismo Aquí en México el adjetivo es más relacionado con huevos, pero la idea general es que no confundas o no te excuses de no hacer mucho con el diseño si lo haces minimalista. El minimalismo es un estilo que conlleva también parte de planeación y control de todo lo que se coloca en la pantalla. El flojerismo es la poca disposición de poner contenido, porque aparte de todo el resultado siempre será muy pobre. Los sitios minimalistas tienes de característica que a pesar de no tener tantos elementos como texto, video e imágenes, si tiene mucha interacción con los pocos elementos, así que aprovecha eso para que no te vean como diseñador flojo que cobra mucho.

Amigos, aqui les traigo un compilacion de iconos de redes sociales Set of social icons Social Media Mini Iconpack Handycons Dellifeed: A Free Icon Set Heart: A Free Social Icon Set The Leaves Fall: A Social Icon Set For Bloggers Social Bookmark Iconset Set of social icons no.2 Social Icons hand drawned 6 Free New Social Icons Free Twitter Bird Icon Set Free Hand Drawn Doodle Icon Set for Bloggers Cute Tweeters Icon Set Socialize Icons Gracias

Nuestros amigos de Basekit siempre interesados por el diseño web me dejan presentarles un video sobre los 11 mandamientos del diseño web, así como un pequeño artículo sobre las tendencias del diseño web en nuestros días, pero vamos paso por paso. Primero, si no saben el servicio que ofrece Basekit les dejo un análisis a fondo de su servicio, para comprender por qué nos comparten el video de a continuación. Segundo, el video trata de los principios que todo diseñador debe seguir cuando realiza un proyecto, muy interesante y sencillo de comprender. Y por último, nuestros amigos nos dan un pequeño análisis de las tendencias que hay en el diseño web, viniendo de gente que están muy relacionados con el diseño web, así que espero les guste el post. Los 11 mandamientos del diseño web link: http://www.youtube.com/watch?v=xXNKc2ZSytU&feature=player_embedded Últimas tendencias en el diseño web Cada cliente es único y como tal, demanda cosas únicas. De este modo, para diseñar un catálogo, un logotipo o una página web, seguir las tendencias actuales puede facilitar el proceso creativo, haciendo que tu diseño no sólo sea atractivo, sino que sea también exactamente lo que tu cliente necesita. Más allá de las tendencias estéticas, que son muy importantes, también se encuentran las tendencias de funcionalidad que a continuación describimos y esperamos te resulten de utilidad. Tendencias de funcionalidad Diseños aptos para dispositivos móviles Cada vez más usuarios visitan sus páginas web favoritas conectándose a internet desde su smartphone o su tableta. De esta forma, y dadas las previsiones de que los smartphones y el resto de plataformas móviles sustituirán a los ordenadores personales en los próximos años, la tendencia de funcionalidad más importante actualmente en el diseño web es la creación web amigable para los usuarios móviles. Si no sabes cómo hacer tu página web optimizada para los estándares de los distintos dispositivos móviles, estarás en desventaja frente a otros diseñadores que sí sean capaces de adecuar su sitio web. Sin Flash, por favor La tendencia apunta a que Flash seguirá en declive, hasta su no muy lejana desaparición completa. HTML5 junto a CSS3 son los lenguajes que más posibilidades están brindado a los diseñadores web, permitiendo crear, incluso, animaciones sin necesidad de Flash. Además, para construir un sitio web amigable para los motores de búsqueda (recuerda que lo que no aparece en Google, no existe) y para permitir la visualización de una página web en cualquier dispositivo, Flash no es nunca más una solución web correcta. Diseño integrado con las redes sociales Las redes sociales están en pleno apogeo, por lo que es lógico que su correcta inclusión en los diseños web sea tendencia. Cuando crees tus sitios web, asegúrate de posibilitar enlaces a los perfiles sociales de la persona o empresa para la cual estás diseñando la página. No sólo conseguirás mover rápidamente a las visitas de la página hacia los perfiles sociales, sino que además estarás recordando a los usuarios de ese sitio que están visitando una página actual, moderna y que valora la interactuación con sus visitas. De esta manera, si quieres conseguir crear páginas web modernas, actuales, que sean capaces de atrapar y cautivar a sus visitas, siendo además memorables y amigables; seguir estas tendencias podrá serte de gran ayuda. Depende de ti mismo, como diseñador, el decidir si incorporar a tus dinámicas y a tus procesos de diseño sólo una o algunas de estas tendencias, o quizás todas, por qué no, para conseguir crear sitios web únicos y muy profesionales.

Es casi seguro que alguna vez nos hemos enfrentado a diseñar una página web. Nuestra profesión puede no tener nada que ver con el diseño gráfico, pero el inconveniente de enfrentar una página en blanco con una creación propia es, cuanto menos, ineludible para cualquiera de los que nos involucramos en la Red. ¿Cómo hacemos para que nuestra página, o nuestro sitio, sea atractivo, vendedor, rápido de bajar, atractivo, y más atractivo? Pues, básicamente, todo se trata de probar, probar, probar: equivocarse, ser curioso y aprovechar la red para ver ejemplos de buenos diseños web y procurar seguir esos ejemplos es lo mejor que se puede hacer. Hay un problema, eso demanda tiempo y nuestras páginas ¡deben estar terminadas para mañana! ¿Qué hacer entonces? Pues aquí tenemos una serie de consejos, trucos, y "leyes" básicas que nos pueden ser de suma utilidad, tanto si se es diseñador gráfico como intrépido, o acosado por las circunstancias. Allá vamos: 1- Hágalo todo más simple. El poder de un buen diseño esta en su simplicidad. Defina la esencia 1.2-Hágalo todo más simple: parte 2. ¡Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo. 2- Salga de su mundo interior: comuníquese. Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales. 3- Menos glamour y más orden. No se vea seducido por la forma en detrimento del contenido. Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas 4- Diseñe para conexiones via módem. La consideración estética más importante a tener en cuenta es LA VELOCIDAD DE TRANSMISIÓN. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz 5- Textos. ¿aburridos? Cuando le toque diagramar textos, PRIMERO LÉALOS. Piense en como alguien, con menos interés que el suyo, podría echarles un vistazo. Otra cosa que es de gran ayuda es el ancho de los textos. A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la página. ¿¿¿Cómo se puede leer eso??? Mejor trate de que sus textos se mantengan en un ancho de 400 píxeles, o, al menos, un tercio de su pantalla. 6- Más color y gráficos, menos imágenes y efectos. El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su página cargara mucho mas rápido. 7- ¡Gráficos con textos: no! Nunca, jamás, inserte texto en un gráfico. El texto es texto. Los gráficos son gráficos. No los confunda. 8- Atraiga. Con las fluctuaciones en las conexiones a la web, su carácter de "lenta" y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRÁS del navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante. 9- Atraiga-simplifique-vaya a lo que importa. Tiene 30 segundos para cargar TODA una página en el navegador del usuario. Quizás menos, 15 segs. SEA RÁPIDO. 10- Enfóquese en lo que interesa. A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, sólo llegaron allí por el contenido. DÉSELOS en forma rápida y simple. 11- Infórmese-aprenda. Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el más RAPIDO el que se come al MAS LENTO. 12- Defina su problema. El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto. 13- Apréndase los principios de navegación. a-La gente odia esperar b-La gente odia hacer scroll c-La gente odia leer d-La gente prefiere hacer scroll antes que esperar e-La gente prefiere esperar a leer. f-La gente no es necesariamente racional o coherente, pero a veces sí. 14- Busque inspiración. Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las páginas web en "espacios web" 15- Escuche música. Si, cuando la música acompaña a su trabajo este se hace más placentero y llevadero. Incluso llega a generar más inspiración.