WPPerú: Introducción a WordPress y conceptos básicos

junio 10, 2014 por César Jefferson Aquino Maximiliano | 4 Comentarios

Este sábado 10 de junio se realizó el meetup WordPress Lima de junio, y me tocó exponer una pequeña introducción a lo que es wordpress.

¿Qué es wordpress?

WordPress es un CMS (un editor de contenidos) donde podremos crear, borrar, editar artículos y páginas de forma sencilla y rápida. Te da una plataforma precargada con lo que uno necesita principalmente: Editor de entradas, páginas, control de usuarios, etc.

Amplia ventaja en comparación con Joomla y drupal.

WordPress le a sacado una gran ventaja a sus dos principales competidores debido a que joomla tuvo una caída muy fuerte y drupal es algo más complicada su línea de aprendizaje.

Qué nos ofrece wordpress:

- Parte frontal, que es lo que los usuarios ven.
- Panel, donde adminsitraremos el sitio.
- Plantillas, podemos crear distintas plantillas.
- Widget, pequeño aditivos que ponemos en el el lado frontal de nuestra web.
- Plugins, lo que convertirá neustro wordpress básico en algo más complejo.

SI hablamos de la comunidad wordpress, estamos hablando de miles, quizá millones, de personas alrededor del mundo que están dispuestos a ayudar, a colaborar a los demás. Un ejemplo de ello es la comunidad wordpress Perú que se encarga de hacer charlas y contesta tus dudas en su grupo de google y de slack.

El próximo meetup será en julio. Se estará avisando en el grupo de facebook.

Porque más y más personas escriben en Medium y no en sus blogs

junio 4, 2014 por César Jefferson Aquino Maximiliano | 2 Comentarios

Cada vez veo más personas escribiendo en Medium que en sus propios blog (no me culpen si tengo este blog desactualizado). Así que me puse a investigar a qué se debía esto.

Medium

Medium es una red social para escribir lo que desees. Fue creado por los mismos que nos obligaron a pensar en mensajes de 140 caracteres, así es, los creadores de twitter. Según sus propias palabras “compartir ideas e historias que superen los 140 caracteres que permite Twitter y, además, que no serán solo para amigos y seguidores.”

En fín, no estamos aqui para hablar sobre la historia medium y twitter exactamente, estamos aquí para ver porqué son más y más las peronas que escriben en esa plataforma. La respuesta que encontré es lo facil de escribir y leer.

Si un usuario solo quiere leer, para qué darle otra cosa?

Medium te ofrece una letras grandes, con un interlineado preciso, que hacen que cualquier persona pueda leer con claridad en el dispositivo que desees. Cuando entras a una historia verás en algunos casos una imagen que acompaña al título del tamaño de toda la pantalla. Pero al empezar tu lectura lo único que verás sera el contenido del artículo. Sin distracciones a los lados, ni mucho menos anuncios de publicidad y otras cosas. Y por si fuera poco, te permite comentar por cada párrafo para que tu opinión se centré en la parte que desees resaltar.

Yo como usuario valoro mucho el interlineado y color de la fuente. No es lo mismo tener un párrafo con las letras muy apretadas y oscuras (cuando usamos el negro por defecto), que un parrafo con cada línea bien separada y un color de letra algo más clara.

El problema de tumblr, no son ellos, si no, nosotros mismo. Antes todos escribíamos ahí nuestras historias, pero nos quedábamos horas y horas tratando de hacer que nuestro blog quedase bien “bonito”. Y movíamos el menú, los colores, cambiamos de plantilla cada semana, etc. Dejábamos el contenido de nuestro blog en segundo plano, cuando lo más importante en el tumblr era lo que uno compartía.

Para terminar, te invito a leer mis historia en Medium y te invito a crear el tuyo.

César J. Aquino Maximilia

Life! ¿Por qué te desesperas?

mayo 26, 2014 por César Jefferson Aquino Maximiliano | 1 Comentario

Este 23 de mayo llegó el tan anunciado lanzamiento de Life! (la primera red social monetizada). Y cómo es que me acordé del día? Pues su publicidad en facebook me tenía loco todos los días. Y entonces cuando por fin se había lanzado entre para empezar a ganar millones. ¿Creen que lo logre?

Life Mantenimiento

El 23 me topé con un cartel que decía “Hoy es el gran día =)”. No había nada más, sin contar algunos botones en el footer que me llevaban a otra cosa menos a lo que decían. Pero mi tan ansiado botón de login no lo vi por ningún lado. El sábado volví a entrar y el mensaje se había ido, aunque el login seguía sin aparecer.

Hoy finalmente vi que la web ya tenía el formulario de login, aunque es raro que te puedas logear con facebook cuando ellos buscan destronarlos. En todo caso, al entrar quise verificar mi cuenta mediante SMS (la única forma) pero el mensaje me llegó después de dos horas, cuando la web ya se había caido por segunda evz en el dia. De ahí en la comunidad frontend.pe vi que algunos evadían la “seguridad” del sitio y se cambiaban de avatar en los comentarios.

Después de todo esto, me pregunto si nada le costaba que en vez de lanzar el 23 de mayo, no podía hacerlo el 26 de mayo? 28 de julio? 25 de diciembre? ¿Por qué tanta desesperación? Creo que nunca lo sabré.

Preprocesadores CSS: LESS, Stylus y SASS

abril 15, 2014 por César Jefferson Aquino Maximiliano | 4 Comentarios

A que frontend no le aburre como se trabaja las hojas de estilo? La falta de variables, tener que repetir estilos a cada momento, tener que revisar todo nuestro código cuando queremos cambiar el color de la web, etc. CSS es un lenguaje que se está trabajando de una forma prehistorica, por asi decirlo. Sería bueno que cuando llegue CSS4 nos deje usar variables, funciones,y otras novedades.

CSS3 fue bueno, lo admito, nos dio muchas cosas que ya pedíamos hace tiempo, pero aun le falta más. Por suerte, los humanos no somos como los robots y no esperamos a que el cambio llegue, nos adelantamos a ellos.

Si antes tenías que hacer 5 líneas de código para poner bordes redondeados, usar imágenes PNG para tus sombras, porqué no buscar la forma de usar variables, hacer condicionales y funciones en nuestro CSS? Para eso tenemos los preprocesadores CSS, y en esta diapositiva que realizó un gran amigo mío: Julio López Montalvo (@TheBlasfem), veremos los tres más usados LESS, Stylus y SASS.

Exposición realizada en la reunión mensual de la comunidad WordPress Perú.

Mobile First: Prioriza lo que en verdad necesites

marzo 28, 2014 por César Jefferson Aquino Maximiliano | 1 Comentario

Esto del mobile first (diseñar la web primero para móvil y después para desktops) lo escuché hace mucho, en principio creí que estaban equivocados. A pesar de creer 100% en que los dispositivos móviles nos invaden cada vez más y que el responsive design es obligatorio, creía que no podíamos diseñar primero para móviles porque nuestra web será visto principalmente en el navegador de una pc. Si vemos nuestro google analytics quizá tenga razón y nuestro tráfico venga principalmente de desktops, pero el mobile first va más allá del hecho de que hayan más móviles, hay otras cosas que demuestran que estuve equivocado.

mobile-first2-591x240

Prioriza lo que en verdad necesites:

Una de las razones fuertes que nos hacen pensar primero en móviles es el hecho de que cuando diseñamos en pantallas grandes tenemos mucho espacio extra y empezamos a insertar en nuestra web muchos adicionales que quizá no sean necesario usar. Algunos le ponen un cuadro para mandar mensajes de texto (no miren el lado derecho de esta web), otros le ponen contadores de visitas y otras publicidades exageradas.

Pensemos un momento en el usuario. Él busca como saber quién lo eliminó de facebook y google lo lleva a un artículo de tu web. ¿Qué hará luego ese usuario? No creo que empiece mirando las publicidades, lo que hará será leer el artículo. Entonces, porqué recargar nuestra web? nos hemos puesto a pensar que esos adicionales hacen que la web demoré un poco más en cargar?

Cuando diseñamos para celulares siempre nos preocupamos en la carga de la web, bueno, lo que debemos hacer es preocuparnos SIEMPRE en la carga de la web. Siempre que hacíamos repsonsive colocabamos primero en el css las medidas por defecto y luego íbamos chancando éstas por los cambios que se necesitaban en móviles, osea, hacíamos que el navegador cargue un estilo que luego será reemplazado. En cambio, si diseñamos primero para un celular el navegador leerá el pimer estilo que pusimos. Ya cuando lo veamos en desktop veremos las variaciones.

Conclusión:

1.- Si diseñamos primero pensando en móviles tendremos, desde el principio, un concepto de que lo que usemos se verá en todos los tamaños posibles. No nos preocuparemos por quitar cosas como lo era antes, o nos preocupábamos donde ponemos aquello para no perderlo. En móvil ya empezaste con lo más difícil.

2.- Hará que la carga de la web sea más rápida ya que no cargará un estilo y luego otro estilo que lo reemplace.

3.- Es hora de que pensemos en darle lo necesario al usuario, y eso se ve más seguidos en diseños moviles. Traslademos eso a los diseños para monitores.

Si deseas aprender más puedes leer el artículo de Silo Creativo sobre Mobile First: Diseñando la Web para el futuro.

Un diseño bonito no servirá si tu web no es funcional

marzo 12, 2014 por César Jefferson Aquino Maximiliano | 1 Comentario

Esta mañana estuve viendo la clase de Sergio Martinez (@misterymotion) sobre “Estética y percerpción” y escuché algo muy importante. Sergio explicó sobre la web Craigslists.org y como éste tenía millones de visitas sin tener un buen diseño. Si ustedes entran a la web verán que no presenta muchos estilos, solo un listado con enlaces.

Un diseño bonito no servirá si tu web no es funcional

¿Y porqué tiene tantas visitas?

Pues la respuesta es que la web es funcional. Los desarrolladores se preocuparon más en que la web cumpla los objetivo del usuario antes que tomarse horas y horas en tener una web bonita.

Ustedes creen que esas millones de personas que visitan el sitio día a día están renegando porque el sitio no se ve como ellos quieren, yo creo que no. Sergio Martinez nos deja un muy buen ejemplo que demuestra que el diseño web no solo es saber html, css, etc. El diseño web también es pensar en como será la experiencia del usuario al visitar tu web y buscar la forma de que ésta sea satisfactoria.

Nota: La clase “Estética y percepción” es parte del curso “Diseño gráfico de interfaces y UX” que dictó mejorando.la.

Charla online sobre “Diseño web para el usuario y no para el cliente”

febrero 19, 2014 por César Jefferson Aquino Maximiliano | 5 Comentarios

[ACTUALIZACION 12/03/2014]
Aquí está la grabación https://cursos.mejorando.la/cursos/comunidad-mejorandola/material/diseno-usuario-cliente/ lamentablemente solo podrás ver el video si eres parte de la comunidad mejorandola.

Lo que si puede ver todo el público es las diapositivas:

Este viernes a las 4pm (Hora peruana) estaré participando de una charla sobre ux y usabilidad en la comunidad mejorandola. Cada viernes hacen charlas y exposiciones con los alumnos y en esta ocasión me toca participar.

La charla será sobre diseñar una página web enfocándonos en los usuarios finales, hacer que la página web sea para ellos y no para el cliente o nuestro jefe. Puedes dejar tus preguntas y gustosamente los responderemos.

El link del evento es el siguiente: https://plus.google.com/u/0/events/c8juneacf5odsodvdes0nk6u43o

Si eres parte de la comunidad mejorandola puedes verlo desde su plataforma y si no, les comparto ese día el link del streaming..

Será la primera vez que haré un hangout en directo asi que haré mi mejor esfuerzo porque salga todo bien. Nos vemos.